:root{
  --paper:#f8f0df;--cream:#fffaf0;--wood:#7a4d2b;--wood-dark:#4f321f;
  --green:#5a7d4d;--red:#c94c4c;--yellow:#f4c542;--ink:#3f3329;--muted:#786c61;
  --line:#d8c39f;--shadow:0 18px 55px rgba(54,36,23,.22);
  --page-w:430px;--book-w:430px;--book-h:608px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.9) 0 12%,transparent 13%),
    linear-gradient(135deg,#efe2c8,#fbf6ed 48%,#ead7b4);
  min-height:100vh;
}
button,input{font:inherit}a{color:inherit}
.sitebar{
  min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:9px 20px;background:rgba(255,250,240,.96);border-bottom:1px solid #dac8a8;
  position:sticky;top:0;z-index:60;backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(74,50,32,.06)
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-badge{font-size:1.7rem}.brand b,.brand small{display:block}.brand small{color:var(--muted);font-size:.77rem}.sitebar>a:last-child{color:var(--wood-dark);text-decoration:none;font-weight:780}
.reader-shell{width:min(1260px,calc(100% - 18px));margin:0 auto;padding:10px 0 26px;min-height:calc(100dvh - 58px)}
.reader-intro{text-align:center;margin:1px auto 7px}.reader-intro .eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:.68rem;font-weight:900;color:var(--green)}.reader-intro h1{font-family:Georgia,serif;color:var(--wood-dark);font-size:clamp(1.15rem,3vw,1.9rem);margin:1px 0 0}.reader-intro p{margin:1px 0 0;color:var(--muted);font-size:.82rem}
.book-wrap{perspective:2200px;display:grid;justify-items:center;align-items:start;gap:5px;position:relative}
.book{
  position:relative;width:var(--book-w);height:var(--book-h);max-width:96vw;margin:auto;
  background:linear-gradient(90deg,#40281a 0 2%,#6f452a 3% 6%,#8d5b37 7% 100%);
  padding:13px 14px 13px 22px;border-radius:13px 26px 26px 12px;
  box-shadow:var(--shadow),inset 13px 0 20px rgba(0,0,0,.22),0 2px 0 rgba(255,255,255,.55);
  transform-style:preserve-3d;transition:width .42s cubic-bezier(.2,.72,.2,1),height .22s ease,padding .42s ease,border-radius .42s ease;
}
.book:before{content:"";position:absolute;left:8px;top:3.2%;bottom:3.2%;width:11px;border-radius:10px;background:linear-gradient(90deg,#2f1d14,#9c6842 50%,#3b2518);z-index:12;box-shadow:inset -2px 0 rgba(255,255,255,.18)}
.book:after{content:"";position:absolute;right:4px;top:14px;bottom:14px;width:7px;border-radius:0 9px 9px 0;background:repeating-linear-gradient(180deg,#f7f0df 0 3px,#e2d6c0 3px 4px);opacity:.95;z-index:4;box-shadow:-2px 0 5px rgba(82,54,36,.16)}
.book.is-open{background:linear-gradient(90deg,#5a3823 0 1.4%,#8d5b37 2.4% 49.1%,#5f3a24 49.7% 50.3%,#8d5b37 50.9% 97.6%,#5a3823 98.6% 100%);padding:13px 18px;border-radius:24px 24px 18px 18px;box-shadow:0 22px 65px rgba(54,36,23,.26),inset 0 0 22px rgba(47,28,16,.25)}
.book.is-open:before{left:50%;top:11px;bottom:11px;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(69,42,25,.48),rgba(255,255,255,.13) 48%,rgba(63,38,23,.52));box-shadow:0 0 16px rgba(54,33,20,.25);z-index:13;border-radius:50%}
.book.is-open:after{display:none}
.page-stage{height:100%;position:relative;background:#fff;border-radius:6px 16px 16px 6px;overflow:hidden;box-shadow:inset 0 0 30px rgba(95,62,37,.10),0 0 0 1px rgba(95,62,37,.10);z-index:5}
.book.is-open .page-stage{background:transparent;overflow:visible;box-shadow:none;border-radius:0}
.page-stage>img,.page-overlay img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.page-stage.single-page>img{border-radius:6px 16px 16px 6px;box-shadow:inset 0 0 30px rgba(95,62,37,.08)}
.page-stage.single-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(63,41,27,.10),transparent 5%,transparent 96%,rgba(82,53,34,.07));mix-blend-mode:multiply;border-radius:6px 16px 16px 6px}
.spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:0;filter:drop-shadow(0 3px 5px rgba(56,36,22,.10))}
.sheet-page{position:relative;height:100%;background:#fff;overflow:hidden;isolation:isolate}
.sheet-page.left{border-radius:15px 2px 2px 10px;box-shadow:inset -20px 0 26px -24px rgba(55,34,20,.48),inset 3px 0 7px rgba(78,51,32,.06)}
.sheet-page.right{border-radius:2px 15px 10px 2px;box-shadow:inset 20px 0 26px -24px rgba(55,34,20,.48),inset -3px 0 7px rgba(78,51,32,.06)}
.sheet-page img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.sheet-page:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2}
.sheet-page.left:after{background:linear-gradient(90deg,rgba(96,63,40,.045),transparent 7%,transparent 88%,rgba(49,29,17,.14))}
.sheet-page.right:after{background:linear-gradient(90deg,rgba(49,29,17,.14),transparent 12%,transparent 93%,rgba(96,63,40,.04))}
.sheet-page.blank{display:grid;place-items:center;background:linear-gradient(135deg,#fffdf8,#f4ead7);padding:9%;text-align:center;color:#806e5c}
.blank-inner{max-width:72%;font-family:Georgia,serif;line-height:1.5}.blank-inner span{display:block;font-size:2.3rem;margin-bottom:8px}.blank-inner b{display:block;color:var(--wood);font-size:1.15rem;margin-bottom:5px}
.page-overlay{position:absolute;z-index:30;display:none;pointer-events:none;transform-style:preserve-3d;perspective:2200px}
.page-overlay.show{display:block}
/* echte Buchblatt-Animation auf großen Bildschirmen */
.page-overlay.spread-turn{inset:13px 18px}
.turn-ghost,.turn-leaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#fff;backface-visibility:hidden}
.turn-ghost img,.turn-leaf img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.turn-ghost.left{left:0;border-radius:15px 2px 2px 10px}.turn-ghost.right{right:0;border-radius:2px 15px 10px 2px}
.turn-leaf.right{right:0;transform-origin:left center;border-radius:2px 15px 10px 2px;box-shadow:-5px 0 16px rgba(44,27,16,.18);animation:leafNext .82s cubic-bezier(.55,.06,.18,.98) forwards}
.turn-leaf.left{left:0;transform-origin:right center;border-radius:15px 2px 2px 10px;box-shadow:5px 0 16px rgba(44,27,16,.18);animation:leafPrev .82s cubic-bezier(.55,.06,.18,.98) forwards}
.turn-ghost.fade-next{animation:ghostFade .82s linear forwards}.turn-ghost.fade-prev{animation:ghostFade .82s linear forwards}
.turn-leaf:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(55,35,22,.18));opacity:0;animation:leafShade .82s ease forwards}
@keyframes leafNext{0%{transform:rotateY(0deg)}48%{filter:brightness(.82)}100%{transform:rotateY(-178deg);filter:brightness(.95)}}
@keyframes leafPrev{0%{transform:rotateY(0deg)}48%{filter:brightness(.82)}100%{transform:rotateY(178deg);filter:brightness(.95)}}
@keyframes ghostFade{0%,43%{opacity:1}62%,100%{opacity:0}}
@keyframes leafShade{0%,100%{opacity:0}45%{opacity:.75}}
/* Einzelseiten-/Handyanimation */
.page-overlay.single-turn{left:22px;right:14px;top:13px;bottom:13px;overflow:hidden;border-radius:6px 16px 16px 6px;background:#fff;box-shadow:0 0 0 1px rgba(95,62,37,.08)}
.page-overlay.single-turn.forward{transform-origin:left center;animation:turnForward .72s cubic-bezier(.55,.08,.20,.98) forwards}.page-overlay.single-turn.backward{transform-origin:right center;animation:turnBackward .72s cubic-bezier(.55,.08,.20,.98) forwards}
@keyframes turnForward{0%{transform:rotateY(0) translateZ(1px)}45%{filter:brightness(.77)}100%{transform:rotateY(-178deg) translateZ(1px);filter:brightness(.94)}}
@keyframes turnBackward{0%{transform:rotateY(0) translateZ(1px)}45%{filter:brightness(.77)}100%{transform:rotateY(178deg) translateZ(1px);filter:brightness(.94)}}
.cover{height:100%;display:flex;align-items:center;justify-content:center;padding:7%;text-align:center;color:#fff8e9;position:relative;overflow:hidden;background:linear-gradient(rgba(105,60,31,.12),rgba(72,42,25,.22)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px),linear-gradient(145deg,#b77945,#814d2b 67%,#5b3722)}
.cover:before{content:"";position:absolute;inset:13px;border:2px dashed rgba(255,244,225,.65);border-radius:15px;box-shadow:inset 0 0 0 8px rgba(79,45,26,.09)}.cover:after{content:"";position:absolute;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,rgba(42,22,12,.38),rgba(255,255,255,.05),transparent);opacity:.75}
.cover-inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center}.cover-kicker{font-weight:850;letter-spacing:1.2px;font-size:clamp(.72rem,1.8vw,.95rem)}.cover h2{font-family:Georgia,serif;font-size:clamp(1.55rem,5.8vw,3.45rem);line-height:1.03;margin:9px 0 6px;text-shadow:0 2px 2px rgba(57,31,16,.25)}.cover .group{font-size:clamp(.95rem,2.5vw,1.3rem);font-weight:850}.cover .year{margin-top:5px;font-weight:700;font-size:.9rem}.cover-art{width:min(78%,430px);margin:12px auto 7px;border-radius:50% 50% 26px 26px;overflow:hidden;border:3px solid rgba(255,248,233,.72);box-shadow:0 9px 28px rgba(48,27,14,.26);background:#f7efdf;aspect-ratio:1.9/1;display:flex;align-items:flex-start;justify-content:center}.cover-art img{width:100%;height:100%;object-fit:cover;object-position:center 14%;display:block}.cover-slogan{font-size:clamp(.72rem,1.8vw,.92rem);margin:3px 0 0;font-weight:700}
.page-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;width:min(var(--book-w),96vw);color:var(--muted);font-size:.82rem;min-height:26px}.page-caption b{color:var(--wood-dark)}
.controls-dock{position:sticky;bottom:8px;z-index:55;width:min(760px,calc(100% - 10px));margin:1px auto 0;padding:7px;border-radius:18px;background:rgba(255,250,240,.94);border:1px solid rgba(206,185,152,.92);box-shadow:0 10px 30px rgba(67,44,28,.16);backdrop-filter:blur(10px)}
.controls{display:grid;grid-template-columns:1fr 1fr auto auto auto;gap:7px}.btn{border:0;border-radius:12px;padding:9px 12px;font-weight:850;cursor:pointer;background:#fff;color:var(--wood-dark);box-shadow:0 3px 10px rgba(76,47,28,.08);border:1px solid #ddc7a3;transition:.12s transform,.12s opacity,.12s background}.btn.primary{background:var(--green);color:white;border-color:transparent}.btn:disabled{opacity:.36;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px)}.reader-hint{text-align:center;color:var(--muted);font-size:.72rem;margin-top:5px}
.page-hotspot{position:absolute;top:9%;bottom:9%;width:10%;z-index:40;border:0;background:transparent;cursor:pointer;opacity:0;transition:.15s opacity}.page-hotspot:hover{opacity:1}.page-hotspot:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:34px;height:58px;border-radius:14px;background:rgba(255,250,240,.80);box-shadow:0 6px 18px rgba(50,32,21,.16);display:grid;place-items:center;color:var(--wood-dark);font-size:1.4rem;font-weight:900}.page-hotspot.left{left:0}.page-hotspot.right{right:0}.page-hotspot.left:before{content:"‹";left:8px}.page-hotspot.right:before{content:"›";right:8px}
.overview-dialog{border:0;padding:0;border-radius:24px;width:min(1080px,calc(100% - 22px));max-height:88dvh;background:#fffaf0;color:var(--ink);box-shadow:0 24px 80px rgba(45,29,18,.34)}.overview-dialog::backdrop{background:rgba(48,34,24,.56);backdrop-filter:blur(3px)}.overview-head{position:sticky;top:0;z-index:2;background:#fffaf0;border-bottom:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.overview-head h2{font-family:Georgia,serif;color:var(--wood-dark);margin:0}.overview-body{padding:16px;overflow:auto;max-height:calc(88dvh - 66px)}.thumb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.thumb{background:#fff;border:1px solid #dac8a8;border-radius:16px;padding:8px;box-shadow:0 5px 18px rgba(70,43,27,.07);cursor:pointer;text-align:left}.thumb img{display:block;width:100%;aspect-ratio:1/1.414;object-fit:cover;border-radius:10px;background:#f0e7d6}.thumb b{display:block;margin:8px 2px 2px}.thumb small{color:var(--muted);line-height:1.3}.hidden{display:none!important}
footer{text-align:center;color:var(--muted);padding:10px 15px 24px;font-size:.8rem}
body.book-fullscreen{background:#2c2119}.reader-panel:fullscreen{background:linear-gradient(135deg,#ead7b4,#fff8ea);padding:12px;overflow:auto;display:grid;align-content:center;min-height:100%}.reader-panel:fullscreen .controls-dock{position:sticky;bottom:8px}.reader-panel:fullscreen .reader-intro{display:none}.reader-panel:fullscreen .book{box-shadow:0 24px 75px rgba(0,0,0,.35),inset 0 0 20px rgba(0,0,0,.16)}
@media(max-width:900px){.thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:859px){
  .sitebar{padding:8px 12px;min-height:54px}.sitebar .hide-mobile{display:none}.reader-shell{min-height:calc(100dvh - 54px);padding-top:7px}.reader-intro p{display:none}
  .book,.book.is-open{padding:9px 10px 9px 16px;border-radius:10px 18px 18px 9px;background:linear-gradient(90deg,#40281a 0 2%,#6f452a 3% 6%,#8d5b37 7% 100%);box-shadow:var(--shadow),inset 13px 0 20px rgba(0,0,0,.22),0 2px 0 rgba(255,255,255,.55)}
  .book:before,.book.is-open:before{left:5px;top:3.2%;bottom:3.2%;width:7px;transform:none;background:linear-gradient(90deg,#2f1d14,#9c6842 50%,#3b2518);box-shadow:inset -2px 0 rgba(255,255,255,.18)}
  .book:after,.book.is-open:after{display:block;content:"";position:absolute;right:4px;top:10px;bottom:10px;width:6px;border-radius:0 9px 9px 0;background:repeating-linear-gradient(180deg,#f7f0df 0 3px,#e2d6c0 3px 4px);opacity:.95;z-index:4}
  .book.is-open .page-stage{background:#fff;overflow:hidden;border-radius:6px 16px 16px 6px;box-shadow:inset 0 0 30px rgba(95,62,37,.10),0 0 0 1px rgba(95,62,37,.10)}
  .page-overlay.single-turn{left:16px;right:10px;top:9px;bottom:9px}.page-caption{font-size:.74rem}.controls{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.btn{padding:9px 6px;font-size:.79rem}.page-hotspot{display:none}.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){.brand small{display:none}.reader-intro h1{font-size:1.08rem}.reader-intro .eyebrow{font-size:.62rem}.controls-dock{bottom:5px}.btn{font-size:.77rem;padding:8px 5px}.thumb-grid{grid-template-columns:1fr}.page-caption{display:grid;grid-template-columns:1fr;text-align:center;gap:0}.reader-hint{display:none}}
@media(max-height:850px){.reader-intro{display:none}.reader-shell{padding-top:7px}}
@media(prefers-reduced-motion:reduce){.book,.turn-leaf,.turn-ghost,.page-overlay{animation:none!important;transition:none!important}}


/* V1.3.1 – Innencover ohne unteren Streifen; kompaktere Innenabstände */
.front-page{
  height:100%;width:100%;position:relative;overflow:hidden;padding:7.5%;
  color:#49382b;background:
    linear-gradient(rgba(255,255,255,.75),rgba(255,252,244,.86)),
    repeating-linear-gradient(0deg,rgba(122,77,43,.035) 0 1px,transparent 1px 4px),
    #f7eddc;
  font-size:clamp(10px,2.75cqw,15px);line-height:1.42;container-type:inline-size;
}
.front-page:before{content:"";position:absolute;inset:4.2%;border:1.5px dashed rgba(139,94,60,.36);border-radius:4.5%;pointer-events:none}
.front-page:after{content:none;display:none}
.front-page h2{font-family:Georgia,serif;color:#633f28;font-size:clamp(20px,7.1cqw,36px);line-height:1.05;text-align:center;margin:2.5% auto 2%;max-width:90%}
.front-page .lead{margin:0 auto 4%;text-align:center;color:#776554;font-family:Georgia,serif;font-style:italic;font-size:clamp(10px,3.2cqw,16px);max-width:86%}
.front-ribbon{display:table;margin:0 auto 2%;padding:1.6% 5%;border-radius:999px;background:#e7d3b3;border:1px solid #c6a77c;color:#754c30;font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-size:clamp(8px,2.3cqw,12px);box-shadow:0 2px 7px rgba(83,51,31,.08)}
.front-icon{text-align:center;font-size:clamp(24px,10cqw,54px);line-height:1;margin:1% 0}
.front-card{position:relative;margin:0 auto 4%;padding:4.2% 5%;max-width:92%;border-radius:5%;background:rgba(255,253,247,.88);border:1px solid #ddc6a5;box-shadow:0 5px 18px rgba(82,51,31,.08)}
.front-card p{margin:0 0 3.5%}.front-card p:last-child{margin-bottom:0}
.author-box{margin:3% auto 0;max-width:82%;padding:3.7% 4%;border-radius:5%;text-align:center;background:#eef2e7;border:1px solid #cad5bc;color:#4f5f43}
.author-box span,.author-box b,.author-box small{display:block}.author-box span{font-size:.78em;text-transform:uppercase;letter-spacing:1px;font-weight:800}.author-box b{font-family:Georgia,serif;font-size:1.18em;margin:1% 0}.author-box small{font-size:.78em;line-height:1.45}
.front-footer{position:absolute;left:9%;right:9%;bottom:4.5%;text-align:center;color:#8a6a50;font-weight:800;font-size:.76em;z-index:1}
.mini-cover-art{width:58%;aspect-ratio:1.9/1;margin:1% auto 2.4%;border-radius:48% 48% 18% 18%;overflow:hidden;border:2px solid #d3b68c;background:#f7efdf;box-shadow:0 5px 16px rgba(69,44,29,.12)}
.mini-cover-art img{width:100%;height:100%;object-fit:cover;object-position:center 14%;display:block}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4%;max-width:90%;margin:3.5% auto 3%}
.values-grid>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7%;align-items:center;background:#fffaf0;border:1px solid #dfcbae;border-radius:12%;padding:5%}
.values-grid span{grid-row:1/3;font-size:1.75em}.values-grid b{font-size:.95em;color:#60442f}.values-grid small{font-size:.72em;color:#806f60}
.mascot-note{display:flex;align-items:center;justify-content:center;gap:4%;margin:3.5% auto 0;max-width:86%;padding:3% 4%;background:#f3e6d1;border-radius:999px;color:#73543b}.mascot-note b{white-space:nowrap}.mascot-note span{font-size:.8em}
.toc-page{padding-left:6.5%;padding-right:6.5%}.toc-page h2{margin-top:2%;margin-bottom:1.5%}.toc-page .lead{font-size:clamp(9px,2.65cqw,14px);margin-bottom:3%}
.toc-list{display:grid;gap:2.2%;margin:0 auto;width:94%;position:relative;z-index:3}
.toc-entry{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;gap:3%;align-items:center;text-align:left;border:1px solid #ddc7a5;background:rgba(255,253,248,.94);padding:3.4% 3.5%;border-radius:12px;color:#49382b;cursor:pointer;box-shadow:0 3px 10px rgba(72,45,27,.06);transition:.14s transform,.14s background,.14s border-color}
.toc-entry:hover{transform:translateY(-1px);background:#fff;border-color:#bda17a}.toc-number{display:grid;place-items:center;width:2.55em;height:2.55em;border-radius:50%;background:#7b9a65;color:#fff;font-weight:900;font-size:.85em}.toc-copy b,.toc-copy small{display:block}.toc-copy b{color:#67462f;font-size:.9em}.toc-copy small{color:#77695e;font-size:.78em;margin-top:.2em}.toc-date{font-size:.72em;color:#8c765f;white-space:nowrap}.toc-arrow{font-family:Georgia,serif;color:#a7633c;font-size:1.7em;line-height:1}
.toc-empty{min-height:21cqw;display:grid;place-items:center;text-align:center;align-content:center;gap:2%;color:#8a7865;border:1px dashed #cdb899;border-radius:14px;background:rgba(255,251,243,.7);padding:5%}.toc-empty>b,.toc-empty>span{display:block}.toc-empty>span{font-size:.78em}.toc-footer{position:absolute;left:9%;right:9%;bottom:4.5%;display:flex;justify-content:space-between;gap:10%;color:#8b7159;font-size:.72em;z-index:2}.toc-footer b{color:#6f523d}
.blank-inner-page{display:grid;place-items:center;text-align:center}.blank-inner-page .blank-inner{font-family:Georgia,serif;color:#806e5c}
.page-stage.single-page>.front-page,.turn-leaf>.front-page,.turn-ghost>.front-page{height:100%}.turn-leaf>.front-page,.turn-ghost>.front-page{font-size:clamp(9px,1.32vw,15px)}

/* V1.3.1 – mehr Luft am unteren Rand der Innenseiten */
.about-page .author-box{margin-top:2.2%;padding:3.1% 4%}
.world-page .mini-cover-art{width:54%;margin:.6% auto 1.8%}
.world-page h2{margin:1.6% auto 1.3%}
.world-page .lead{margin-bottom:2.6%}
.world-page .front-card{margin-bottom:2.4%;padding:3.5% 4.5%}
.world-page .values-grid{margin:2.2% auto 1.7%;gap:2%}
.world-page .values-grid>div{padding:4.1%}
.world-page .mascot-note{margin-top:2%;padding:2.4% 3.2%}
.front-footer{bottom:2.4%;font-size:.72em}

@media(max-width:859px){
  .front-page{padding:7%;font-size:clamp(10px,3.7cqw,15px)}
  .front-page h2{font-size:clamp(21px,8.4cqw,36px)}
  .toc-entry{padding:3.3%}.toc-date{display:none}.toc-entry{grid-template-columns:auto 1fr auto}
  .controls-dock{width:min(820px,calc(100% - 8px))}
}
@media(max-width:530px){
  #overviewBtn{display:none}.controls{grid-template-columns:1fr 1fr .8fr .8fr}.front-page{padding:7.5%}
  .values-grid{gap:2%}.toc-list{gap:1.8%}.toc-entry{padding:3%}
}


/* V1.3.2 – ruhigeres Innencover ohne kleine Kapitel-Labels */
.about-page,.world-page{padding-top:5.7%;padding-bottom:6.2%}
.about-page .front-icon{margin:0 0 .8%;font-size:clamp(25px,9.2cqw,50px)}
.about-page h2{margin:1.1% auto 1.4%}
.about-page .lead{margin-bottom:3%}
.about-page .front-card{margin-bottom:2.1%;padding:3.7% 4.7%}
.about-page .author-box{margin-top:1.5%;max-width:84%;padding:2.8% 4%}
.about-page .author-box span{font-size:.73em}.about-page .author-box b{font-size:1.12em}.about-page .author-box small{font-size:.73em;line-height:1.35}
.about-page .front-footer,.world-page .front-footer{display:none}
.world-page .mini-cover-art{width:50%;margin:0 auto 1.3%}
.world-page h2{margin:1.1% auto 1.1%;font-size:clamp(19px,6.8cqw,34px)}
.world-page .lead{margin-bottom:2.2%}
.world-page .front-card{margin-bottom:2%;padding:3.15% 4.3%}
.world-page .values-grid{margin:1.8% auto 1.5%;gap:1.8%}
.world-page .values-grid>div{padding:3.7% 4.1%;border-radius:10%}
.world-page .mascot-note{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;column-gap:3%;margin:1.8% auto 0;max-width:86%;padding:2.2% 3.2%;border-radius:16px;text-align:left}
.world-page .mascot-note b{white-space:nowrap;font-size:.88em}.world-page .mascot-note span{font-size:.72em;line-height:1.25}

@media(max-width:859px){
  .about-page,.world-page{padding-top:6.2%;padding-bottom:6.5%}
  .world-page .mini-cover-art{width:54%}
  .world-page .mascot-note{max-width:90%}
}


/* V1.3.3 – Inhaltsverzeichnis: sauberer Abschluss und mitwachsender Ausblick */
.toc-page{padding:6.1% 6.5% 10.5%}
.toc-page h2{margin:1.2% auto 1.1%;font-size:clamp(20px,6.6cqw,34px)}
.toc-page .lead{font-size:clamp(9px,2.5cqw,13px);margin-bottom:2.4%;max-width:88%}
.toc-page.has-entries .toc-list{width:94%;gap:1.35%;margin:0 auto}
.toc-page.has-entries .toc-entry{padding:2.35% 3%;border-radius:11px;min-height:0}
.toc-page.has-entries .toc-number{width:2.35em;height:2.35em;font-size:.82em}
.toc-page.has-entries .toc-copy b{font-size:.88em}
.toc-page.has-entries .toc-copy small{font-size:.75em;margin-top:.08em}
.toc-page.has-entries .toc-date{font-size:.69em}
.toc-footer{left:10%;right:10%;bottom:5.3%;font-size:.68em;line-height:1.1;z-index:5}
.toc-page.is-empty .toc-list{width:88%;height:68%;margin:2% auto 0;display:grid;place-items:center}
.toc-growing{width:100%;min-height:0;height:100%;padding:8% 8% 7%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.6%;border-color:#d7c09b;background:linear-gradient(145deg,rgba(255,252,244,.96),rgba(244,235,217,.82));box-shadow:0 7px 20px rgba(76,49,31,.07)}
.toc-growing img{width:min(74%,300px);aspect-ratio:1.9/1;object-fit:cover;object-position:center 14%;border-radius:48% 48% 18% 18%;border:2px solid #d3b68c;background:#f7efdf;box-shadow:0 5px 16px rgba(69,44,29,.12);margin-bottom:1%}
.toc-growing b{font-family:Georgia,serif;color:#68462f;font-size:1.25em}
.toc-growing strong{font-family:Georgia,serif;font-weight:700;color:#7c5b43;font-size:.93em}
.toc-growing span{font-size:.76em;line-height:1.45;max-width:88%}
@media(max-width:859px){
  .toc-page{padding:6.5% 6.5% 10.8%}
  .toc-page.has-entries .toc-list{gap:1.15%}
  .toc-page.has-entries .toc-entry{padding:2.2% 2.8%}
}
@media(max-width:530px){
  .toc-page{padding-bottom:11.5%}
  .toc-page.has-entries .toc-entry{padding:2.05% 2.5%}
  .toc-growing img{width:68%}
}

/* V1.4.2 – Feinschliff: natürlicher Buchfalz, Papierkante und ruhigere Seitenwirkung */
.book.is-open{
  box-shadow:0 25px 72px rgba(54,36,23,.27),inset 0 0 24px rgba(47,28,16,.22),0 2px 1px rgba(255,255,255,.42);
}
.book.is-open:before{
  width:14px;
  background:linear-gradient(90deg,rgba(48,28,17,.48),rgba(84,52,31,.25) 28%,rgba(255,255,255,.18) 49%,rgba(82,49,30,.23) 70%,rgba(42,25,16,.50));
  box-shadow:0 0 13px rgba(47,28,17,.26),inset 0 0 3px rgba(255,255,255,.18);
}
.spread:before{
  content:"";position:absolute;top:.5%;bottom:.5%;left:50%;width:3.2%;transform:translateX(-50%);z-index:10;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(46,29,18,.22) 0,rgba(55,35,22,.10) 28%,rgba(255,255,255,.05) 52%,transparent 72%);
  mix-blend-mode:multiply;
}
.spread:after{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;z-index:11;pointer-events:none;background:rgba(255,255,255,.42);
}
.sheet-page{
  box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(121,91,63,.10);
}
.sheet-page.left{
  box-shadow:inset -22px 0 28px -25px rgba(55,34,20,.58),inset 3px 0 7px rgba(78,51,32,.05),inset 0 1px rgba(255,255,255,.68),inset 0 -1px rgba(121,91,63,.09);
}
.sheet-page.right{
  box-shadow:inset 22px 0 28px -25px rgba(55,34,20,.58),inset -3px 0 7px rgba(78,51,32,.05),inset 0 1px rgba(255,255,255,.68),inset 0 -1px rgba(121,91,63,.09);
}
.sheet-page img{background:#f8f1e4}
.sheet-page.left:after{background:linear-gradient(90deg,rgba(96,63,40,.035),transparent 7%,transparent 86%,rgba(49,29,17,.18))}
.sheet-page.right:after{background:linear-gradient(90deg,rgba(49,29,17,.18),transparent 14%,transparent 93%,rgba(96,63,40,.035))}
.page-stage.single-page>img{background:#f8f1e4}
.page-caption{padding:0 2px}
.controls-dock{box-shadow:0 12px 34px rgba(67,44,28,.17);border-color:rgba(195,169,129,.92)}
.btn.primary{box-shadow:0 4px 12px rgba(65,94,52,.18)}
.thumb img{background:#f8f1e4}

@media(max-width:859px){
  .book.is-open:before{width:7px}
  .spread:before,.spread:after{display:none}
}


/* V1.4.4 – Abenteuerseiten ohne künstliche Randverlängerung */
.sheet-page img.adventure-page-image,
.page-stage.single-page img.adventure-page-image,
.turn-leaf img.adventure-page-image,
.turn-ghost img.adventure-page-image,
.page-overlay img.adventure-page-image {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:transparent;
}