:root{--ink:#1e2c25;--muted:#5e6b64;--paper:#fbf9f3;--soft:#f3efe4;--blue:#244f78;--blue2:#183b5d;--gold:#c18b35;--line:#ddd7c8;--shadow:0 16px 50px rgba(27,42,33,.12);--radius:24px;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}body.no-scroll{overflow:hidden}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,249,243,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(221,215,200,.8);transition:.25s}.site-header.compact{box-shadow:0 6px 22px rgba(0,0,0,.06)}.nav{min-height:var(--header);display:flex;align-items:center;gap:28px}.brand{font-family:Georgia,serif;font-size:2rem;font-weight:700;text-decoration:none;white-space:nowrap}.navlinks{margin-left:auto;display:flex;align-items:center;gap:26px}.nav-item{position:relative}.navlinks>a,.nav-trigger{font-weight:700;text-decoration:none;background:none;border:0;font:inherit;color:inherit;padding:28px 0;cursor:pointer}.navlinks a:hover,.nav-trigger:hover{color:var(--blue)}.dropdown{position:absolute;top:64px;left:-18px;min-width:250px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:none}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.nav-item.open .dropdown{display:block}.dropdown a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none}.dropdown a:hover{background:var(--soft)}.menu{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 13px;font-size:1.3rem}.badge{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:800;vertical-align:middle;margin-left:4px}.backbar{padding:20px 0 0}.back{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:700;color:var(--blue);padding:8px 0}.hero{min-height:660px;background:linear-gradient(90deg,rgba(12,24,18,.54),rgba(12,24,18,.08) 60%),url('../images/hero-paul.webp') center/cover no-repeat;color:#fff;display:flex;align-items:center}.hero-content{max-width:630px;padding:80px 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:800;color:var(--gold)}.hero .eyebrow{color:#ffe0a0}h1,h2,h3{font-family:Georgia,serif;line-height:1.12;margin:.25em 0 .45em}h1{font-size:clamp(3.3rem,8vw,6.6rem)}h2{font-size:clamp(2.2rem,4.5vw,3.8rem)}h3{font-size:1.55rem}.hero p{font-size:clamp(1.1rem,2vw,1.45rem);max-width:560px}.section{padding:96px 0}.section.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.lead{font-size:1.22rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;border:1px solid var(--blue);transition:.2s}.btn:hover{background:var(--blue2);transform:translateY(-1px)}.btn.alt{background:transparent;color:var(--blue)}.hero .btn.alt{color:#fff;border-color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.lex-card{padding:0;overflow:hidden;cursor:zoom-in}.lex-card img{width:100%;aspect-ratio:2/3;object-fit:cover}.lex-card .card-copy{padding:18px 20px}.placeholder{min-height:330px;display:grid;place-items:center;text-align:center;border:1px dashed #bdb6a7;border-radius:var(--radius);background:rgba(255,255,255,.5);padding:30px;color:var(--muted)}.theme-section{padding:90px 0}.theme-section+.theme-section{padding-top:50px}.next-link{margin-top:70px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.book-grid{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:center}.book-cover{aspect-ratio:17/24;border-radius:18px;background:linear-gradient(145deg,#d5b676,#f4e6bd);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:30px;font-family:Georgia,serif;font-size:2rem}.notice{position:fixed;z-index:80;right:24px;bottom:24px;width:min(420px,calc(100% - 48px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;display:none}.notice.show{display:block}.notice-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:1.4rem;cursor:pointer}.to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:45}.to-top.show{opacity:1;pointer-events:auto}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(8,12,10,.88);display:none;place-items:center;padding:24px}.lightbox.open{display:grid}.lightbox-dialog{position:relative;max-width:min(900px,94vw);max-height:94vh;color:#fff;text-align:center}.lightbox img{max-height:82vh;max-width:100%;width:auto;margin:auto;border-radius:12px;user-select:none;-webkit-user-drag:none}.lightbox-close{position:absolute;right:-12px;top:-12px;width:42px;height:42px;border:0;border-radius:50%;font-size:1.5rem;cursor:pointer}.lightbox-caption{margin-top:10px}.feedback-card{padding:24px 0;border-bottom:1px solid var(--line)}footer{background:#18231d;color:#edf1ed;padding:62px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{text-decoration:none;color:#dce4de}.fine{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.88rem;color:#bac5bd}.mobile-only{display:none}:focus-visible{outline:3px solid #e4a94d;outline-offset:3px}
@media(max-width:900px){:root{--header:70px}.wrap{width:min(100% - 30px,1180px)}.menu{display:block}.navlinks{display:none;position:absolute;left:15px;right:15px;top:70px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);max-height:calc(100vh - 90px);overflow:auto}.navlinks.open{display:block}.navlinks>a,.nav-trigger{display:block;width:100%;text-align:left;padding:13px 10px}.nav-item{width:100%}.dropdown{position:static;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;margin-left:12px;padding:2px 0 2px 10px;display:none}.nav-item.open .dropdown{display:block}.split,.book-grid{grid-template-columns:1fr;gap:34px}.cards{grid-template-columns:repeat(2,1fr)}.hero{min-height:600px;background-position:68% center}.hero-content{padding:70px 0;max-width:70%}.section,.theme-section{padding:72px 0}.footer-grid{grid-template-columns:1fr 1fr}.mobile-only{display:block}}
@media(max-width:600px){.brand{font-size:1.55rem}.hero{min-height:610px;background-position:72% center;align-items:flex-end}.hero:before{content:'';position:absolute}.hero-content{max-width:100%;padding:210px 0 48px;text-shadow:0 2px 12px rgba(0,0,0,.5)}h1{font-size:3.4rem}.cards{grid-template-columns:1fr}.section,.theme-section{padding:58px 0}.footer-grid{grid-template-columns:1fr}.notice{right:14px;bottom:14px;width:calc(100% - 28px)}.to-top{right:14px;bottom:14px}.book-grid{gap:28px}.book-cover{max-width:280px;margin:auto}}
@media print{.site-header,.backbar,.to-top,.notice,.actions,.menu,footer{display:none!important}body{background:#fff;color:#000}.section,.theme-section{padding:24px 0}.wrap{width:100%}}

/* Punkt 13: dezente Seitenuebergaenge */
body{opacity:1;transition:opacity .28s ease}
body.page-leaving{opacity:0}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body{transition:none!important}.btn,.site-header,.to-top{transition:none!important}}

/* V2.2 – echte Begleiterkarten */
.begleiter-grid{align-items:start}
.begleiter-grid .lex-card{padding:0;background:#fff;box-shadow:0 12px 32px rgba(27,42,33,.09);transition:transform .2s ease,box-shadow .2s ease}
.begleiter-grid .lex-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(27,42,33,.14)}
.begleiter-grid .lex-card img{aspect-ratio:2/3;object-fit:cover;background:#fff}
.begleiter-grid .card-copy{padding:14px 18px 16px;text-align:center}
.begleiter-grid .card-copy h3{margin:0;font-size:1.28rem}
@media (prefers-reduced-motion: reduce){.begleiter-grid .lex-card{transition:none}.begleiter-grid .lex-card:hover{transform:none}}

/* V2.3 – Pauls Figurenkarte */
.paul-card-section{text-align:center}
.paul-card-section .lead{max-width:720px;margin-left:auto;margin-right:auto}
.paul-card-button{display:block;width:min(520px,100%);margin:34px auto 0;padding:0;border:0;border-radius:var(--radius);background:#fff;box-shadow:0 14px 36px rgba(27,42,33,.10);cursor:zoom-in;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.paul-card-button:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(27,42,33,.15)}
.paul-profile-card{width:100%;height:auto;background:#fff}
@media (prefers-reduced-motion: reduce){.paul-card-button{transition:none}.paul-card-button:hover{transform:none}}

/* V2.4 – Entstehungsgeschichte */
.story-preview img{width:100%;max-height:520px;object-fit:contain;border-radius:28px}.story-preview span{display:block;margin-top:.7rem;color:var(--muted,#6d6a62);font-size:.95rem}.story-page{overflow-x:hidden;overflow-y:auto}.story-hero{padding:clamp(5rem,10vw,9rem) 0 3rem}.story-hero .lead{max-width:760px}.story-reading{max-width:790px;margin:0 auto;font-size:clamp(1.08rem,1.4vw,1.22rem);line-height:1.9}.story-reading p{margin:0 0 1.25em}.story-reading .short{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.3rem,2.25vw,1.85rem);line-height:1.35;color:var(--ink,#17312d);margin:2.2rem auto;text-align:center;max-width:720px}.story-visual{max-width:1080px;margin:clamp(3rem,7vw,6rem) auto;padding:0 24px}.story-visual img{display:block;width:100%;max-height:760px;object-fit:contain;margin:auto}.story-visual figcaption{max-width:720px;margin:1rem auto 0;text-align:center;color:var(--muted,#6d6a62);font-size:.95rem}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:end}.story-pair img{max-height:620px}.story-era{padding:clamp(4rem,8vw,7rem) 0}.story-era.soft{background:var(--soft,#f5f0e7)}.story-era-title{text-align:center;margin-bottom:2rem}.story-final{text-align:center;padding:clamp(5rem,10vw,9rem) 0}.story-final img{max-width:430px;width:min(78vw,430px);max-height:760px;object-fit:contain}.story-final h2{font-size:clamp(2.6rem,6vw,5.4rem);margin:.5rem 0 0}.story-final p{font-size:clamp(1.5rem,3vw,2.2rem);font-family:Georgia,'Times New Roman',serif}.story-back{padding:1.5rem 0}.story-back a{text-decoration:none;font-weight:700}.story-divider{width:64px;height:2px;background:#c58a2b;margin:3.5rem auto}.story-page blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.3rem,2.25vw,1.8rem);line-height:1.45;text-align:center;margin:3rem 0;color:var(--ink,#17312d)}
@media(max-width:760px){.story-pair{grid-template-columns:1fr}.story-reading{padding:0 22px}.story-visual{padding:0 18px}.story-hero{padding-top:4rem}.story-final img{max-width:320px}}

/* V2.5 – Abschluss der Entstehungsgeschichte */
.story-era.soft:last-of-type{
  padding:clamp(3.5rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);
  background:linear-gradient(180deg,var(--soft) 0%,var(--soft) 72%,var(--paper) 100%);
}
.story-era.soft:last-of-type .story-era-title{margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.story-era.soft:last-of-type .story-visual{
  width:min(680px,calc(100% - 48px));
  max-width:680px;
  margin:0 auto;
  padding:0;
}
.story-era.soft:last-of-type .story-visual img{
  width:100%;
  max-height:none;
  object-fit:contain;
}
.story-era.soft:last-of-type .story-visual figcaption{margin-top:.8rem}
.story-final{
  min-height:auto;
  padding:clamp(3rem,6vw,5.5rem) 24px clamp(5rem,8vw,7rem);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  background:var(--paper);
}
.story-final img{
  display:block;
  margin:0 auto clamp(1.25rem,2vw,2rem);
  width:min(360px,68vw);
  max-width:360px;
  max-height:620px;
  object-fit:contain;
}
.story-final p{margin:.2rem 0 .1rem}
.story-final h2{margin:.1rem 0 0}
.story-final::after{
  content:'Ein Junge, eine Geschichte und eine Welt, die immer weiter wächst.';
  display:block;
  max-width:620px;
  margin:1rem auto 0;
  color:var(--muted);
  font-size:1.05rem;
}
.story-final .actions{order:5}
@media(max-width:760px){
  .story-era.soft:last-of-type .story-visual{width:min(92vw,560px)}
  .story-final{padding-top:2.5rem}
  .story-final img{width:min(280px,72vw)}
}
/* v2.8 – einheitliche Erkenntnissätze in der Entstehungsgeschichte */
.story-reading .short,
.story-page blockquote{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.3rem,2.25vw,1.8rem);
  line-height:1.45;
  color:var(--ink,#17312d);
  text-align:center;
  max-width:720px;
  margin:2.5rem auto;
}

/* v2.9 – finales Paul-Bild und Startseitentext */
.home-paul .split{align-items:center}
.home-paul-image{overflow:hidden;border-radius:var(--radius);box-shadow:0 14px 36px rgba(27,42,33,.10);background:#fff}
.home-paul-image img{width:100%;height:auto;display:block}
.home-paul p:not(.lead){font-size:1.08rem}
@media(max-width:900px){.home-paul-image{order:1}.home-paul .split>div:last-child{order:2}}

/* v3.0 – neues Startseitenbild ausschließlich im oberen Hero-Bereich */
body[data-page="home"] .hero.home-hero-new{background:linear-gradient(90deg,rgba(12,24,18,.56),rgba(12,24,18,.10) 62%),url('../images/startseite-hero-paul.png') center/cover no-repeat;}
body[data-page="home"] .home-paul-copy{max-width:760px;margin:0 auto;text-align:center;}
body[data-page="home"] .home-paul-copy .btn{margin-top:14px;}
@media(max-width:900px){body[data-page="home"] .hero.home-hero-new{background-position:center center;}}
@media(max-width:600px){body[data-page="home"] .hero.home-hero-new{background-position:58% center;}}

.book-cover-image{overflow:hidden;border-radius:18px;box-shadow:var(--shadow);background:#fff}.book-cover-image img{width:100%;height:auto;display:block}.home-book .book-grid{grid-template-columns:minmax(360px,1.25fr) 1fr}.home-book .book-cover-image{border-radius:14px}@media(max-width:900px){.home-book .book-grid{grid-template-columns:1fr}.home-book .book-cover-image{max-width:720px;margin:auto}}


/* v3.5 – Autorenporträt + Hinweise für Bereiche im Aufbau */
.author-portrait{display:flex;align-items:center;justify-content:center}
.author-portrait img{display:block;width:min(100%,520px);aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 14px 40px rgba(35,45,38,.12)}
.construction-note{max-width:760px;margin:1.25rem 0 2rem;padding:1rem 1.2rem;border:1px dashed rgba(181,122,31,.55);border-radius:16px;background:rgba(255,255,255,.42);display:flex;flex-direction:column;gap:.25rem}
.construction-note strong{color:#b57a1f;letter-spacing:.03em}
.construction-note span{line-height:1.55}
@media(max-width:760px){.author-portrait img{width:min(82vw,420px)}.construction-note{margin-top:1rem}}

/* v3.6 – Rechtliche Seiten */
.legal-page{max-width:920px}.legal-page>h1{font-size:clamp(3rem,7vw,5.2rem);margin:.25rem 0 1.5rem}.legal-card{background:rgba(255,255,255,.72);border:1px solid rgba(35,49,43,.10);border-radius:24px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 14px 40px rgba(35,45,38,.08)}.legal-card h2{font-size:1.35rem;margin:2rem 0 .6rem}.legal-card h2:first-of-type{margin-top:.5rem}.legal-card p{line-height:1.75;margin:.55rem 0}.legal-card a{text-decoration:underline;text-underline-offset:3px}.legal-date{margin-top:2.25rem!important;color:var(--muted);font-size:.95rem}


/* v3.7 – Musik, auf Basis v3.6 */
.song-box{margin:1.5rem 0;padding:1rem 1.15rem;border:1px solid rgba(35,49,43,.10);border-radius:18px;background:rgba(255,255,255,.65);box-shadow:0 8px 24px rgba(35,45,38,.06)}
.song-box strong{display:block;margin:.15rem 0 .7rem;font-size:1.08rem}.song-box audio,.card-audio{display:block;width:100%;max-width:520px}.song-box-wide{max-width:680px;margin-bottom:2rem}.card-audio{margin-top:.7rem;height:40px}