:root{--ink:#25251f;--paper:#f2eee3;--paper2:#e7e0d1;--forest:#25362d;--forest2:#17251f;--gold:#a88b55;--muted:#777466;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7}a{color:inherit}.top{height:72px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(23,37,31,.92);backdrop-filter:blur(10px);color:#f6f1e6;border-bottom:1px solid rgba(255,255,255,.08)}.brand{text-decoration:none;font:600 14px/1 Arial,sans-serif;letter-spacing:.18em;display:flex;gap:10px;align-items:center}.tree{color:#c4a56b}.top nav{display:flex;gap:24px;align-items:center;font:13px Arial,sans-serif}.top nav a{text-decoration:none;opacity:.84}.top nav a:hover{opacity:1}.nav-book{border:1px solid #a88b55;padding:8px 13px}.menu{display:none;background:none;color:white;border:1px solid #7e897f;padding:8px 10px}.hero{min-height:92vh;display:grid;place-items:center;position:relative;overflow:hidden;color:#f4efe4;background:radial-gradient(circle at 70% 25%,rgba(164,153,118,.18),transparent 28%),linear-gradient(150deg,#15231d 0%,#273a30 45%,#0f1915 100%)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 9%,rgba(255,255,255,.012) 9.2% 9.5%,transparent 9.8% 17%);opacity:.5}.mist{position:absolute;width:120%;height:45%;bottom:-20%;background:radial-gradient(ellipse,rgba(225,225,210,.18),transparent 62%);filter:blur(20px)}.hero-inner{position:relative;width:min(var(--max),calc(100% - 48px));padding-top:70px}.hero-inner>*{max-width:690px}.eyebrow{font:600 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:16px}.hero h1{font-size:clamp(58px,9vw,112px);line-height:.88;font-weight:400;letter-spacing:-.055em;margin:0 0 36px}.hero p{font-size:18px;color:#e0ded5}.linger{font-style:italic;font-size:21px!important;color:inherit!important}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.btn{display:inline-block;background:#eee8da;color:#1d2923;text-decoration:none;padding:12px 18px;font:600 13px Arial,sans-serif;letter-spacing:.03em}.btn.dark{background:var(--forest);color:#fff}.textlink{font:600 13px Arial,sans-serif;text-decoration:none;border-bottom:1px solid #b5aa92;padding-bottom:4px}.section{max-width:var(--max);margin:auto;padding:110px 28px}.section h2{font-size:clamp(42px,6vw,70px);line-height:1.02;font-weight:400;letter-spacing:-.04em;margin:0 0 28px}.lead{font-size:23px;max-width:800px}.book{display:grid;grid-template-columns:340px 1fr;gap:90px;align-items:center}.cover-wrap img{display:block;width:100%;box-shadow:0 22px 50px rgba(25,22,17,.25)}.book .quote,.character .quote{font-size:22px;font-style:italic}.ornament{text-align:center;color:var(--gold);letter-spacing:14px;font-size:26px}.place{text-align:center}.place>p{max-width:850px;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;text-align:left}.cards a{padding:24px;border:1px solid #bdb5a4;text-decoration:none;font:600 15px Arial,sans-serif;display:flex;justify-content:space-between}.character{max-width:none;background:var(--forest2);color:#f0ecdf;display:grid;grid-template-columns:minmax(260px,420px) minmax(300px,650px);justify-content:center;gap:80px}.portrait-placeholder{min-height:540px;border:1px solid #657067;background:linear-gradient(145deg,#33453b,#1c2c25);display:grid;place-items:center;align-content:center;color:#b89b65}.portrait-placeholder span{font-size:150px;line-height:1}.portrait-placeholder small{font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.light{border-color:#79867d}.stories article{margin:48px 0 26px;background:var(--paper2);padding:38px;max-width:700px;border-left:3px solid var(--gold)}.stories h3,.volumes h3{font-size:30px;font-weight:400;margin:4px 0}.kids{max-width:none;background:#dfe2d2;display:grid;grid-template-columns:minmax(300px,620px) minmax(280px,500px);gap:80px;justify-content:center}.kids-art{min-height:360px;border:1px solid #a9ad9d;display:grid;place-items:center;font-style:italic;font-size:24px;background:linear-gradient(135deg,#eef0e3,#cbd2bf)}.small{font-size:13px;color:#5f6259}.saga{text-align:center}.saga .lead{margin-left:auto;margin-right:auto}.volumes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px;text-align:left}.volumes>div{padding:30px;border-top:1px solid #aaa28f;background:#ebe5d8}.volumes b{font:12px Arial,sans-serif;color:var(--gold)}.volumes p{font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.author{max-width:800px}.closing{text-align:center;padding-bottom:140px}.closing p{max-width:700px;margin-left:auto;margin-right:auto}footer{background:#111c17;color:#d8d6cd;text-align:center;padding:60px 24px;font:13px Arial,sans-serif;letter-spacing:.04em}.legal{opacity:.55}@media(max-width:800px){.top{height:62px;padding:0 18px}.menu{display:block}.top nav{display:none;position:absolute;top:62px;left:0;right:0;background:#17251f;padding:20px;flex-direction:column;align-items:stretch}.top nav.open{display:flex}.hero{min-height:780px}.hero-inner{padding-top:90px}.hero h1{font-size:62px}.section{padding:78px 22px}.book,.character,.kids{grid-template-columns:1fr;gap:48px}.cover-wrap{max-width:280px;margin:auto}.portrait-placeholder{min-height:420px}.cards,.volumes{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column;gap:16px}.lead{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Version 02: Unterseiten und funktionale Navigation */
a:focus-visible,button:focus-visible{outline:3px solid #b88b3c;outline-offset:5px}img{max-width:100%;height:auto}figure{margin:1.5rem 0}.feature-image{max-width:640px}.feature-image img{width:100%;object-fit:contain}.book-cover{max-width:300px;margin:0 auto 3rem}.book-cover img{display:block;width:100%;height:auto}.page-content{max-width:900px;padding-top:125px}.page-content h1{font-size:clamp(36px,6vw,64px);font-weight:400;line-height:1.1;overflow-wrap:anywhere}.page-content h2{font-size:clamp(28px,4vw,40px);margin-top:2.5rem}.page-content p{font-size:18px}.reading{max-width:68ch;margin:2rem auto}.reading p{line-height:1.85}.breadcrumbs{font:14px/1.6 Arial,sans-serif;margin-bottom:2rem}.placeholder,.notice{padding:28px;border:1px solid #9f947c;margin:28px 0;background:var(--paper2)}.placeholder>span{font:12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.placeholder p{margin-bottom:0}.notice{border-left:4px solid #87682f}.kids-page{background:#edf0e3}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:white;color:#17251f;padding:12px}.skip:focus{top:8px}.top nav a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:5px}.top nav a{padding:8px 0}.top .menu[hidden]{display:none}footer nav{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1000px;margin:30px auto}footer nav a{line-height:1.7}.cards a{overflow-wrap:anywhere;line-height:1.5;min-width:0}.hero-inner{padding-bottom:50px}.hero h1{font-size:clamp(46px,8vw,112px)}.eyebrow{color:#80642e}.hero .eyebrow,.character .eyebrow{color:#c4a56b}.volumes p{color:#625e53}h1,h2,h3,[id]{scroll-margin-top:90px}@media(max-width:800px){.top{position:relative;min-height:62px;height:auto;flex-wrap:wrap;padding:16px 18px;gap:18px}.top nav{display:flex;position:static;width:100%;padding:0;gap:8px}.top nav a{padding:8px}.top.js-nav nav{display:none}.top.js-nav nav.open{display:flex}.top.js-nav .menu{display:block}.hero{min-height:0}.hero-inner{padding-top:55px;padding-bottom:65px}.hero h1{font-size:clamp(42px,10vw,62px)}.page-content{padding-top:35px}.brand{letter-spacing:.12em}.page-content .cards{margin-top:28px}.section h2{overflow-wrap:anywhere}.kids,.character{min-width:0}.book-cover{max-width:260px}.top.js-nav .menu[hidden]{display:none}}