*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#584536,#201b17 75%);color:#ecddc4;font-family:Georgia,serif;min-height:100vh}main{max-width:1180px;margin:auto;padding:20px 12px}header{text-align:center}header p{font:11px system-ui;letter-spacing:.25em;color:#cfb991}h1{font-size:25px;font-weight:400;margin:12px}#stage{margin:22px auto 0;width:100%;max-width:1020px;filter:drop-shadow(0 18px 22px #0009)}#book{margin:auto}.page{background:#f2e4c7;color:#3b291b;overflow:hidden;border:1px solid #b7a27e}.page.--left{background:linear-gradient(90deg,#f2e4c7 92%,#d5c39f)}.page.--right{background:linear-gradient(90deg,#d5c39f,#f2e4c7 8%)}.paper{position:absolute;inset:0;padding:8% 9% 10%;overflow:hidden}.paper:after{content:'';position:absolute;inset:12px;border:1px solid #aa8d5940;pointer-events:none}.page p{font-size:16px;line-height:1.65;margin:0 0 1em;hyphens:auto;text-align:justify}.page h2{font-size:37px;line-height:1.2;font-weight:400}.page h3{font-size:25px;font-weight:400}.page h4{font-size:16px;margin:17px 0 5px}.page h4+p{font-size:14px;line-height:1.5}.running,.research-head,.eyebrow{font-size:10px;letter-spacing:.15em;border-bottom:1px solid #aa8a59;padding-bottom:12px;margin-bottom:22px;color:#806139}.chapter-opening{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.chapter-opening p{text-align:center}.subtitle{font-size:23px;line-height:1.5}.decor,.endmark{font-size:36px;color:#94703b}.tiny-rule{width:80px;border-top:1px solid #a58859;margin:24px}.folio{position:absolute;bottom:19px;left:0;right:0;text-align:center;font-size:11px;color:#806139}.intro{font-style:italic}.fine{font-size:13px!important}.cover{background:transparent!important;border:0}.cover img{width:100%;height:100%;object-fit:contain;display:block}.controls{display:flex;justify-content:center;gap:9px;align-items:center;flex-wrap:wrap;margin:24px 0 12px}button,select{font:14px system-ui;color:#f6e8d1;background:#3d3026;border:1px solid #a78c66;border-radius:20px;padding:10px 15px}button{cursor:pointer}button:hover{background:#604c38}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid #e6bf6b;outline-offset:3px}#counter{min-width:110px;text-align:center;font-size:13px}.hint,footer{text-align:center;font:12px/1.6 system-ui;color:#cfbea4}.reading{max-width:700px;margin:25px auto;background:#f2e4c7;color:#3b291b;padding:25px;line-height:1.7}.reading article{border-bottom:1px solid #ab9471;padding:20px 0}.reading .chapter-opening{display:block}.reading[hidden]{display:none}#book .page{user-select:none} @media(max-width:600px){main{padding:12px 8px}h1{font-size:21px}#stage{margin-top:15px}.controls{gap:6px}button,select{font-size:12px;padding:9px 11px}.page p{font-size:clamp(11px,3.15vw,16px);line-height:1.55}.page h4+p{font-size:clamp(10px,2.7vw,14px)}.page h2{font-size:clamp(23px,6vw,37px)}.page h3{font-size:22px}.page h4{font-size:13px;margin-top:12px}.running,.research-head,.eyebrow{font-size:8px;margin-bottom:14px}.subtitle{font-size:20px}}
 .research .paper{padding:6% 8% 9%}.research h3{font-size:23px;margin:14px 0}.research p{font-size:14px;line-height:1.4}.research h4{margin:12px 0 4px;font-size:14px}.research h4+p{font-size:13px;line-height:1.4}.research .research-head{margin-bottom:14px}@media(max-width:600px){.research h3{font-size:clamp(16px,4.4vw,23px);margin:10px 0}.research p{font-size:clamp(10px,2.8vw,14px);line-height:1.35}.research h4{font-size:clamp(10px,2.8vw,14px);margin:8px 0 3px}.research h4+p{font-size:clamp(9px,2.6vw,13px);line-height:1.35}.research .research-head{margin-bottom:10px}} .paper{width:500px;height:654px;inset:auto;top:0;left:0;padding:40px 45px 65px;transform:scale(var(--page-scale,1));transform-origin:top left}.page p{font-size:16px;line-height:1.65}.page h2{font-size:37px}.page h3{font-size:25px}.page h4{font-size:16px;margin:17px 0 5px}.page h4+p{font-size:14px;line-height:1.5}.running,.research-head,.eyebrow{font-size:10px;margin-bottom:22px}.subtitle{font-size:23px}.research .paper{padding:30px 40px 59px}.research h3{font-size:23px;margin:14px 0}.research p{font-size:14px;line-height:1.4}.research h4{font-size:14px;margin:12px 0 4px}.research h4+p{font-size:13px;line-height:1.4}.research .research-head{margin-bottom:14px}#book{transform:translateX(var(--closed-offset,0px));transition:transform 850ms ease-in-out}.cover svg{display:block}@media(prefers-reduced-motion:reduce){#book{transition:none}}.page{border-radius:18px;isolation:isolate}.page.--left{border-radius:18px 0 0 18px}.page.--right{border-radius:0 18px 18px 0}.fire-figure{margin:10px 0 0}.fire-enlarge{display:block;padding:0;border:0;border-radius:0;background:transparent;width:100%;cursor:zoom-in}.fire-enlarge img{display:block;width:100%;height:195px;object-fit:contain}.fire-figure figcaption{font:12px/1.4 Georgia,serif;margin-top:8px;text-align:left}.fire-hint{display:block;font:10px/1.4 system-ui;margin-top:5px;color:#806139}.reading .fire-enlarge img{height:auto}.reading .fire-figure figcaption{font-size:14px}#fire-preview{width:96vw;max-width:1600px;max-height:95vh;padding:12px;background:#f2e4c7;color:#3b291b;border:1px solid #806139}#fire-preview::backdrop{background:#000c}#fire-preview img{display:block;width:100%;max-height:78vh;object-fit:contain}#fire-preview form{text-align:right;margin-bottom:8px}#fire-preview p{font:13px/1.4 Georgia,serif}

.page .source-figure img{max-height:none;cursor:zoom-in}.page.has-figure .paper{padding:24px 26px 48px}.page.has-figure .running{margin-bottom:12px}.page.has-figure h3{margin:10px 0;font-size:23px}.page.has-figure p{font-size:14px;line-height:1.4;margin-bottom:10px}.cover img{cursor:zoom-in}.reading img{max-width:100%;height:auto;cursor:zoom-in}.reading .folio{position:static}.reading .source-figure{margin:16px 0}#image-viewer{width:96vw;max-width:none;height:94vh;max-height:none;padding:0;border:1px solid #b79961;background:#17130f;color:#f6e8d1}#image-viewer::backdrop{background:#000d}.viewer-tools{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px;flex-wrap:wrap}.viewer-tools button{padding:8px 12px}.viewer-area{height:calc(100% - 110px);overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.viewer-area img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;touch-action:none}#viewer-caption{text-align:center;margin:8px;font:13px system-ui}body:has(#image-viewer[open]){overflow:hidden}

/* Maximaler Bildraum in unverändertem Seitenformat */
.page.illustrated .paper{padding:22px 25px 44px}.page.illustrated .running{margin-bottom:12px}.page.illustrated p{margin-bottom:10px}.page.illustrated .fire-figure{margin:10px 0 0}.page.illustrated .fire-enlarge img{width:100%;height:var(--figure-height,280px);max-height:none;object-fit:contain}.page.illustrated figcaption{font-size:11px;line-height:1.25;margin-top:7px}.page.illustrated .fire-hint{margin-top:4px}.reading img{height:auto!important}.cover svg{cursor:zoom-in}

/* Flex layout measures even initially hidden sheets after a page turn. */
.page.illustrated .paper{display:flex;flex-direction:column}.page.illustrated .paper>p,.page.illustrated .running{flex-shrink:0}.page.illustrated .fire-figure{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:0}.page.illustrated .fire-enlarge{display:block;flex:1;min-height:0;overflow:hidden}.page.illustrated .fire-enlarge img{height:100%;width:100%;object-fit:contain}.page.illustrated figcaption,.page.illustrated .fire-hint{flex-shrink:0}

#image-viewer[open]{display:flex;flex-direction:column}.viewer-tools{flex-shrink:0}.viewer-area{height:auto;flex:1;min-height:0}#viewer-caption{flex-shrink:0;max-height:25%;overflow:auto}

/* Kapitel I: vollständige Abbildungen im verfügbaren Seitenraum */
.page.illustrated .source-figure{display:flex;flex-direction:column;flex:1;min-height:0;margin:8px 0 0}.page.illustrated .source-figure img{display:block;width:100%;height:0;flex:1;min-height:0;object-fit:contain;cursor:zoom-in}.page.illustrated .source-figure figcaption{font-size:11px;line-height:1.25;margin-top:6px;text-align:center}.page.illustrated p{font-size:14px;line-height:1.4}.page.illustrated h3{font-size:23px;margin:10px 0;flex-shrink:0}.reading .source-figure{margin:20px 0}.reading .source-figure img{width:100%;height:auto}

/* Smartphone-Bedienung: ausreichende Trefferflächen und dynamische Browserhöhe. */
.controls button,.controls select,.viewer-tools button{touch-action:manipulation}
@media(max-width:600px),(max-height:500px){
 .controls button,.controls select,.viewer-tools button{min-height:44px;min-width:44px}
 .controls select{max-width:100%}
 .controls{row-gap:8px}
 #image-viewer{height:94vh;height:94dvh;max-height:calc(100dvh - 12px);max-width:calc(100vw - 12px)}
 .viewer-tools{padding:8px;gap:6px}
 .viewer-tools button{padding:8px 12px}
}