:root {
  --color-primary:#164E70;
  --color-primary-dark:#0F3953;
  --color-secondary:#0B6B43;
  --color-accent:#C63D78;
  --color-gold:#F4C44E;
  --color-sky:#53B7D3;
  --color-coral:#F47F6B;
  --color-lilac:#8D75C9;
  --color-mint:#8FD9B6;
  --color-bg:#FFF9EF;
  --color-surface:#FFFFFF;
  --color-text:#1B2730;
  --color-muted:#59666D;
  --color-border:#D9E2E5;
  --color-success:#257A54;
  --radius-sm:.75rem;
  --radius-card:1.25rem;
  --radius-pill:999px;
  --shadow:0 16px 42px rgba(27,39,48,.10);
  --shadow-soft:0 10px 28px rgba(27,39,48,.07);
  --container:70rem;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:clamp(2rem,8vw,2rem);
  --transition:160ms ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--color-text);background:var(--color-bg);font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.62;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.18em}
button,a{touch-action:manipulation}
button{font:inherit}
h1,h2,h3{margin:0 0 .75rem;line-height:1.08;letter-spacing:-.025em}
h1{font-size:clamp(2.7rem,7vw,5.7rem);font-weight:850;max-width:11ch}
h2{font-size:clamp(2rem,4vw,3.55rem);font-weight:800}
h3{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:760}
p{margin:.35rem 0 1rem}.container{width:min(var(--container),calc(100% - 2rem));margin-inline:auto}.section{padding-block:var(--space-8)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:9999;top:.5rem;left:.5rem;padding:.75rem 1rem;background:var(--color-primary);color:white;border-radius:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--color-gold);outline-offset:3px}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:850;color:var(--color-secondary);margin-bottom:.75rem}.eyebrow-light{color:#fff7c9}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.2rem;border:2px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;text-decoration:none;font-weight:780;line-height:1.15;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.button:hover{transform:translateY(-2px);background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button-ghost{background:transparent;color:var(--color-primary)}.button-ghost:hover{color:#fff}.button-light{background:#fff;color:var(--color-primary);border-color:#fff}.button-light:hover{background:#fff7d4;color:var(--color-primary);border-color:#fff7d4}.button-small{min-height:2.55rem;padding:.62rem 1rem;font-size:.92rem}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,249,239,.94);border-bottom:1px solid rgba(217,226,229,.8);backdrop-filter:blur(12px)}.header-inner{min-height:4.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none}.brand img{width:clamp(9.5rem,18vw,13rem)}.brand span{display:none;font-size:.72rem;color:var(--color-muted);max-width:12rem;line-height:1.3}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.main-nav.is-open{display:grid;gap:.3rem}.main-nav>a:not(.button){padding:.75rem .5rem;text-decoration:none;font-weight:680;border-radius:.5rem}.main-nav>a:not(.button):hover{background:#eef6f2;color:var(--color-secondary)}.nav-toggle{display:grid;gap:4px;width:46px;height:46px;place-content:center;border:0;background:transparent;border-radius:50%}.nav-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:var(--color-text);transition:transform var(--transition),opacity var(--transition)}.nav-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(3){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(4){transform:translateY(-6px) rotate(-45deg)}
.hero{position:relative;overflow:hidden;padding:clamp(3rem,7vw,6.2rem) 0 clamp(4rem,8vw,7rem);background:linear-gradient(145deg,#fff9ef 0%,#f5fbf7 55%,#eef7fb 100%)}.hero-grid{display:grid;gap:2.5rem;align-items:center}.hero h1 span{color:var(--color-accent)}.hero-lead{max-width:62ch;font-size:clamp(1.08rem,1rem + .4vw,1.32rem);color:#38464e}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 2rem}.hero-facts{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;padding:0;margin:0;list-style:none}.hero-facts li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem .55rem}.hero-facts strong{font-size:1.55rem;color:var(--color-primary)}.hero-facts span{font-size:.8rem;line-height:1.2;color:var(--color-muted);max-width:5.5rem}.hero-visual{position:relative;max-width:36rem;margin-inline:auto}.hero-image-card{position:relative;z-index:2;border-radius:2.2rem;padding:clamp(.6rem,2vw,1.2rem);background:rgba(255,255,255,.7);box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-image-card img{aspect-ratio:1/1;object-fit:contain}.floating-note{position:absolute;z-index:3;padding:.65rem .9rem;border-radius:var(--radius-pill);font-size:.76rem;font-weight:800;box-shadow:var(--shadow-soft)}.note-one{left:-.5rem;top:13%;background:var(--color-gold)}.note-two{right:-.5rem;bottom:13%;background:#fff;color:var(--color-accent)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.4;pointer-events:none}.hero-orb-a{width:16rem;height:16rem;background:#f4c44e;right:-7rem;top:4rem}.hero-orb-b{width:12rem;height:12rem;background:#c63d78;left:-7rem;bottom:2rem;opacity:.12}
.section-heading{max-width:46rem;margin-bottom:2.5rem}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading>p:not(.eyebrow){color:var(--color-muted)}.split-heading{display:grid;gap:1.5rem;max-width:none}.series-progress{align-self:end;max-width:20rem}.series-progress>span{display:block;font-size:1rem;font-weight:750}.series-progress strong{font-size:1.7rem;color:var(--color-primary)}.series-progress small{display:block;color:var(--color-muted);margin-top:.45rem}.progress-track{height:.58rem;background:#e8efee;border-radius:999px;overflow:hidden;margin-top:.45rem}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-gold));border-radius:inherit}
.books{background:#fff}.book-grid{display:grid;gap:1.35rem}.book-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-soft)}.book-cover{position:relative;display:grid;place-items:center;min-height:18rem;overflow:hidden;padding:.8rem}.book-cover img{width:100%;aspect-ratio:1/1;object-fit:contain;transition:transform 220ms ease}.book-card:hover .book-cover img{transform:scale(1.035) rotate(-1deg)}.cover-warm{background:#f3eadc}.cover-sea{background:#e1f7fa}.cover-water{background:#dcebf0}.band-badge{position:absolute;top:.8rem;left:.8rem;padding:.42rem .7rem;background:#fff;border-radius:var(--radius-pill);font-size:.75rem;font-weight:850;color:var(--color-primary);box-shadow:0 4px 14px rgba(0,0,0,.10)}.book-body{display:flex;flex:1;flex-direction:column;padding:1.35rem}.book-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--color-accent);margin:0 0 .4rem}.book-body>p:not(.book-kicker){color:var(--color-muted)}.mini-list{margin:.25rem 0 1.2rem;padding:0;list-style:none}.mini-list li{position:relative;padding:.3rem 0 .3rem 1.5rem;font-size:.92rem}.mini-list li::before{content:'✓';position:absolute;left:0;color:var(--color-secondary);font-weight:900}.text-link{margin-top:auto;color:var(--color-primary);font-weight:800;text-decoration-thickness:2px}.bundle-banner{display:grid;gap:1.25rem;align-items:center;margin-top:2rem;padding:clamp(1.4rem,4vw,2.4rem);border-radius:var(--radius-card);background:linear-gradient(135deg,var(--color-primary),#1c6b89);color:#fff}.bundle-banner .eyebrow{color:#ffe48d}.bundle-banner h3{font-size:clamp(1.55rem,3vw,2.35rem)}.bundle-banner p{margin-bottom:0;color:#e8f5fa}
.benefits{background:var(--color-bg)}.benefit-grid{display:grid;gap:1rem}.benefit-card{padding:1.35rem;border:1px solid #eadfcd;border-radius:var(--radius-card);background:rgba(255,255,255,.74)}.benefit-card p{color:var(--color-muted);margin-bottom:0}.icon-chip{display:grid;width:2.7rem;height:2.7rem;margin-bottom:1rem;place-items:center;border-radius:.85rem;background:#e7f3ee;color:var(--color-secondary);font-weight:900}
.characters{background:#eef6f2}.character-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(14rem,72%);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .15rem 1rem}.character-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:29rem;border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.character-card img{width:100%;height:19rem;object-fit:contain;object-position:center bottom;padding:1rem 1rem 0}.character-card>div{margin-top:auto;padding:1.2rem;background:rgba(255,255,255,.93)}.character-card p{margin:0;color:var(--color-muted);font-size:.94rem}.character-blue{background:#dcedf5}.character-pink{background:#f8e0ec}.character-green{background:#dfeee2}.character-orange{background:#fbe7d9}.character-sand{background:#eee3d4}
.bonus{background:#fff7d6}.bonus-grid{display:grid;gap:2rem;align-items:center}.bonus-copy .note{font-size:.86rem;color:#705e2f;border-left:3px solid var(--color-gold);padding-left:.8rem}.bonus-cards{display:grid;gap:.8rem}.bonus-cards article{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-soft)}.bonus-cards article>span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.8rem;background:var(--color-primary);color:#fff;font-weight:900}.bonus-cards h3{margin-bottom:.25rem}.bonus-cards p{margin:0;color:var(--color-muted);font-size:.94rem}
.method{background:#fff}.steps{counter-reset:steps;display:grid;gap:1rem;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;align-items:start;padding:1.3rem;border:1px solid var(--color-border);border-radius:var(--radius-card)}.steps>li>span{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1.25rem;font-weight:850}.steps p{margin:0;color:var(--color-muted)}
.author{background:#eef7fb}.author-grid{display:grid;gap:2rem;align-items:center}.author-mark{display:grid;place-items:center;align-content:center;aspect-ratio:1/1;max-width:22rem;margin-inline:auto;border-radius:2rem;background:radial-gradient(circle at 30% 20%,#2d7190,var(--color-primary));box-shadow:var(--shadow);color:#fff;text-align:center}.author-mark span{font-size:clamp(4rem,12vw,7rem);font-weight:900;line-height:1}.author-mark small{margin-top:.8rem;font-weight:750}.author p:not(.eyebrow){color:#42545d;max-width:62ch}
.faq{background:#fff}.faq-grid{display:grid;gap:2rem}.faq-list{display:grid;gap:.7rem}.faq-list details{border:1px solid var(--color-border);border-radius:1rem;background:#fff}.faq-list summary{cursor:pointer;list-style:none;padding:1.1rem 3.2rem 1.1rem 1.2rem;font-weight:760;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:1.2rem;top:.78rem;font-size:1.6rem;color:var(--color-primary)}.faq-list details[open] summary::after{content:'–'}.faq-list details p{padding:0 1.2rem 1.15rem;margin:0;color:var(--color-muted)}
.final-cta{padding-block:clamp(3rem,7vw,5rem);background:linear-gradient(125deg,var(--color-primary),#0d6a68);color:#fff}.final-cta-inner{display:grid;gap:1.5rem;align-items:center}.final-cta h2{max-width:16ch}.final-cta p:not(.eyebrow){color:#d9edf1;max-width:50ch}
.site-footer{padding:3rem 0 2rem;background:#1b2730;color:#dbe5e7;font-size:.92rem}.footer-grid{display:grid;gap:2rem}.site-footer img{opacity:.95}.site-footer nav{display:grid;align-content:start;gap:.45rem}.site-footer strong{color:#fff}.site-footer a{color:#dbe5e7}.site-footer p{color:#aebdc2}.copyright{font-size:.82rem}
@media (min-width:42rem){.brand span{display:block}.book-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.bundle-banner{grid-template-columns:1fr auto}.bonus-grid,.faq-grid{grid-template-columns:.85fr 1.15fr}.final-cta-inner{grid-template-columns:1fr auto}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.steps li{grid-template-columns:1fr}.author-grid{grid-template-columns:minmax(15rem,.7fr) 1.3fr}}
@media (min-width:64rem){.nav-toggle{display:none}.main-nav{position:static;display:flex;align-items:center;gap:.15rem;padding:0;background:none;border:0;box-shadow:none}.hero-grid{grid-template-columns:1.02fr .98fr}.hero-copy{padding-right:1rem}.split-heading{grid-template-columns:1fr auto;align-items:end}.book-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(4,1fr)}.character-grid{grid-auto-flow:initial;grid-template-columns:repeat(5,1fr);overflow:visible}.character-card{min-height:27rem}.character-card img{height:18rem}.footer-grid{gap:3rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Farbenfrohere Ausbaustufe */
.hero{background:radial-gradient(circle at 10% 15%,rgba(244,196,78,.32),transparent 22rem),radial-gradient(circle at 90% 20%,rgba(83,183,211,.25),transparent 22rem),radial-gradient(circle at 82% 82%,rgba(198,61,120,.16),transparent 20rem),linear-gradient(145deg,#fff9ef 0%,#f7fff9 48%,#eef8ff 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:8px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-gold),var(--color-accent),var(--color-sky))}
.hero-facts li{padding:.65rem .8rem;border-radius:1rem;background:rgba(255,255,255,.8);box-shadow:0 6px 20px rgba(27,39,48,.06)}
.hero-facts li:nth-child(1){border-top:4px solid var(--color-sky)}.hero-facts li:nth-child(2){border-top:4px solid var(--color-accent)}.hero-facts li:nth-child(3){border-top:4px solid var(--color-gold)}
.books{background:linear-gradient(180deg,#fff,#fff8ed)}.book-card{border-width:2px;transition:transform 180ms ease,box-shadow 180ms ease}.book-card:nth-child(1){border-color:#efc990}.book-card:nth-child(2){border-color:#9edbea}.book-card:nth-child(3){border-color:#9fc9b8}.book-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(27,39,48,.13)}
.benefits{background:radial-gradient(circle at 0 10%,rgba(244,196,78,.28),transparent 20rem),radial-gradient(circle at 100% 90%,rgba(198,61,120,.16),transparent 20rem),#fff9ef}.benefit-card{position:relative;overflow:hidden;border-width:2px;background:#fff}.benefit-card::before{content:"";position:absolute;inset:0 0 auto;height:6px}.benefit-card:nth-child(1)::before{background:var(--color-sky)}.benefit-card:nth-child(2)::before{background:var(--color-mint)}.benefit-card:nth-child(3)::before{background:var(--color-gold)}.benefit-card:nth-child(4)::before{background:var(--color-accent)}
.characters{background:linear-gradient(180deg,#ecf8f2,#f4fbff);position:relative;overflow:hidden}.character-card{border:2px solid rgba(255,255,255,.8)}.character-blue{background:linear-gradient(#cfeaf5,#e9f6fb)}.character-pink{background:linear-gradient(#f5d3e4,#faedf4)}.character-green{background:linear-gradient(#ccebd8,#e9f6ee)}.character-orange{background:linear-gradient(#f8d9bd,#fff0e4)}.character-sand{background:linear-gradient(#ead8bd,#f7eee2)}
.bonus{background:radial-gradient(circle at 10% 20%,rgba(244,127,107,.18),transparent 18rem),radial-gradient(circle at 95% 80%,rgba(83,183,211,.2),transparent 18rem),#fff3c4}.bonus-cards article:nth-child(1)>span{background:var(--color-accent)}.bonus-cards article:nth-child(2)>span{background:var(--color-sky)}.bonus-cards article:nth-child(3)>span{background:var(--color-secondary)}
.steps li:nth-child(1)>span{background:var(--color-sky)}.steps li:nth-child(2)>span{background:#d9a918}.steps li:nth-child(3)>span{background:var(--color-accent)}
.author{background:radial-gradient(circle at 10% 80%,rgba(143,217,182,.24),transparent 18rem),radial-gradient(circle at 90% 20%,rgba(141,117,201,.16),transparent 17rem),#edf8fb}.author-mark{background:radial-gradient(circle at 30% 20%,#53B7D3,transparent 32%),linear-gradient(145deg,#164E70,#8D75C9);border:6px solid rgba(255,255,255,.75)}
.faq-list details:nth-child(4n+1){border-left:5px solid var(--color-sky)}.faq-list details:nth-child(4n+2){border-left:5px solid var(--color-gold)}.faq-list details:nth-child(4n+3){border-left:5px solid var(--color-accent)}.faq-list details:nth-child(4n+4){border-left:5px solid var(--color-secondary)}
.final-cta{background:radial-gradient(circle at 88% 18%,rgba(244,196,78,.3),transparent 15rem),linear-gradient(120deg,#164E70 0%,#0B6B43 52%,#6d4f9f 100%)}
.section-heading h2::after{content:"";display:block;height:.34rem;margin-top:.8rem;border-radius:999px;background:linear-gradient(90deg,var(--color-gold),var(--color-accent),var(--color-sky))}.section-heading.centered h2::after{margin-inline:auto}
.series-ribbon{padding:1rem 0;background:#fff}.series-ribbon-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.series-ribbon span{display:block;padding:.65rem .35rem;border-radius:999px;text-align:center;font-size:.73rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-ribbon span:nth-child(1){background:#dff2fa;color:#164E70}.series-ribbon span:nth-child(2){background:#f8dce9;color:#9d2d61}.series-ribbon span:nth-child(3){background:#dff2e6;color:#0B6B43}.series-ribbon span:nth-child(4){background:#fbe1c8;color:#8a4a0b}.series-ribbon span:nth-child(5){background:#ece2d2;color:#5c4934}


/* ===== Großer Header + kompakter Scroll-Zustand ===== */
.site-header{
  transition:min-height 220ms ease,background 220ms ease,box-shadow 220ms ease,border-color 220ms ease;
}
.header-inner{
  min-height:7.4rem;
  transition:min-height 220ms ease,padding 220ms ease;
}
.brand img{
  width:clamp(12rem,21vw,17rem);
  transition:width 220ms ease;
}
.brand span{
  font-size:.8rem;
  transition:font-size 220ms ease,opacity 180ms ease,max-width 220ms ease;
}
.site-header.is-compact{
  background:rgba(255,249,239,.97);
  box-shadow:0 8px 28px rgba(27,39,48,.09);
  border-color:rgba(217,226,229,.95);
}
.site-header.is-compact .header-inner{min-height:4.5rem}
.site-header.is-compact .brand img{width:clamp(9rem,15vw,11.5rem)}
.site-header.is-compact .brand span{font-size:.68rem;opacity:.78;max-width:10rem}
.site-header.is-compact .button-small{min-height:2.35rem;padding:.55rem .9rem}
.site-header.is-compact .main-nav>a:not(.button){padding:.55rem .45rem}
@media (max-width:63.999rem){
  .header-inner{min-height:6.2rem}
  .site-header.is-compact .header-inner{min-height:4.35rem}
  .brand img{width:clamp(10.5rem,45vw,14rem)}
  .site-header.is-compact .brand img{width:9.5rem}
}

/* Zweistufige Buch-CTA */
.sample-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  width:max-content;
  margin-top:auto;
  margin-bottom:.5rem;
  padding:.62rem .82rem;
  border-radius:.75rem;
  background:#eef7fb;
  color:var(--color-primary);
  font-weight:820;
  text-decoration:none;
  border:1px solid #bed9e5;
}
.sample-link:hover{background:#dff1f8}
.book-body .sample-link + .text-link{margin-top:0}

/* Buch-Unterseiten */
.book-page{background:linear-gradient(180deg,#fffaf1 0%,#fff 34rem)}
.book-page .site-header + main{overflow:hidden}
.book-detail-hero{
  position:relative;
  padding:clamp(3rem,7vw,6rem) 0;
  background:
    radial-gradient(circle at 88% 12%,rgba(244,196,78,.28),transparent 18rem),
    radial-gradient(circle at 8% 82%,rgba(83,183,211,.17),transparent 18rem);
}
.book-detail-grid{display:grid;gap:2rem;align-items:center}
.book-detail-cover{
  position:relative;
  display:grid;
  place-items:center;
  padding:1rem;
  border-radius:2rem;
  background:#fff;
  box-shadow:var(--shadow);
  border:2px solid rgba(22,78,112,.1);
}
.book-detail-cover img{width:min(100%,32rem);aspect-ratio:1/1;object-fit:contain}
.book-detail-copy .band-label{
  display:inline-flex;
  padding:.4rem .7rem;
  border-radius:999px;
  background:#fff1d3;
  color:#7e5900;
  font-size:.78rem;
  font-weight:850;
  margin-bottom:.85rem;
}
.book-detail-copy h1{max-width:14ch;font-size:clamp(2.4rem,6vw,4.7rem)}
.book-detail-copy .subtitle{font-size:clamp(1.08rem,1rem + .4vw,1.3rem);color:var(--color-muted);max-width:58ch}
.book-detail-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.breadcrumbs{font-size:.84rem;margin-bottom:1rem;color:var(--color-muted)}
.breadcrumbs a{color:var(--color-primary)}
.reading-sample{background:#fff}
.sample-intro{max-width:48rem}
.sample-layout{display:grid;gap:2rem;align-items:start;margin-top:2rem}
.mockup-placeholder{
  /*min-height:32rem;*/
  display:grid;
  place-items:center;
  padding:1.4rem;
  border:3px solid #9eb7c1;
  border-radius:1.6rem;
  background:
    linear-gradient(135deg,rgba(83,183,211,.08),rgba(244,196,78,.12)),
    #f8fbfc;
  text-align:center;
}
.mockup-placeholder-inner{
  max-width:19rem;
}
.mockup-placeholder .placeholder-icon{
  display:grid;
  place-items:center;
  width:5rem;height:5rem;
  margin:0 auto 1rem;
  border-radius:1.2rem;
  background:#fff;
  box-shadow:var(--shadow-soft);
  color:var(--color-primary);
  font-size:2rem;
  font-weight:900;
}
.mockup-placeholder strong{display:block;font-size:1.2rem;margin-bottom:.45rem}
.mockup-placeholder small{display:block;color:var(--color-muted)}
.sample-copy-placeholder{
  padding:clamp(1.4rem,4vw,2.2rem);
  border:2px dashed #d5b656;
  border-radius:1.6rem;
  background:#fffaf0;
}
.sample-copy-placeholder .placeholder-label{
  display:inline-block;
  margin-bottom:1rem;
  padding:.35rem .6rem;
  border-radius:999px;
  background:#fff0b0;
  color:#705000;
  font-size:.75rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.sample-copy-placeholder p{color:#5c6267}
.sample-placeholder-line{
  height:.8rem;
  margin:.65rem 0;
  border-radius:999px;
  background:linear-gradient(90deg,#e7ded0 0 76%,transparent 76%);
}
.sample-placeholder-line.short{background:linear-gradient(90deg,#e7ded0 0 48%,transparent 48%)}
.book-meta-strip{
  display:grid;
  gap:.8rem;
  margin-top:2rem;
}
.book-meta-strip>div{
  padding:1rem;
  border-radius:1rem;
  background:#f1f8f5;
}
.book-meta-strip strong{display:block;color:var(--color-secondary)}
.next-book{
  padding:clamp(2.5rem,6vw,4.5rem) 0;
  background:#eef6f2;
}
.next-book-inner{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.back-link{display:inline-flex;gap:.35rem;align-items:center;font-weight:800;color:var(--color-primary)}
@media (min-width:48rem){
  .book-detail-grid{grid-template-columns:.9fr 1.1fr}
  .sample-layout{grid-template-columns:.9fr 1.1fr}
  .book-meta-strip{grid-template-columns:repeat(3,1fr)}
}


/* ===== Kompakte Leseprobe-Links + vorbereitete Bände 4–7 ===== */
.sample-link.sample-link-compact{
  display:inline;
  width:auto;
  margin-top:auto;
  margin-bottom:.35rem;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--color-primary);
  font-size:.92rem;
  font-weight:780;
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:.2em;
}
.sample-link.sample-link-compact:hover{
  background:transparent;
  color:var(--color-accent);
}
.shop-link-disabled{
  display:inline-block;
  margin-top:.1rem;
  color:var(--color-muted);
  font-size:.9rem;
  font-weight:700;
}
.book-card-upcoming{
  border-style:dashed;
}
.cover-upcoming{
  min-height:18rem;
}
.cover-upcoming-4{background:linear-gradient(145deg,#e9f4ff,#f9e8f1)}
.cover-upcoming-5{background:linear-gradient(145deg,#fff0d9,#e8f7ee)}
.cover-upcoming-6{background:linear-gradient(145deg,#ece7fb,#e6f5fb)}
.cover-upcoming-7{background:linear-gradient(145deg,#f9e4de,#fff3c8)}
.future-cover-placeholder{
  display:grid;
  place-items:center;
  align-content:center;
  width:76%;
  aspect-ratio:4/5;
  padding:1rem;
  border:3px dashed rgba(22,78,112,.35);
  border-radius:1rem;
  background:rgba(255,255,255,.55);
  text-align:center;
  color:var(--color-primary);
}
.future-cover-placeholder span{
  display:block;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.future-cover-placeholder strong{
  display:block;
  margin-top:.4rem;
  font-size:1.2rem;
}


/* ===== Horizontaler Buch-Slider für bis zu 20 Bände ===== */
.books-slider-shell{position:relative}
.books-slider{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(17rem,82%);
  grid-template-columns:none;
  gap:1rem;
  overflow-x:auto;
  overflow-y:visible;
  padding:.5rem .2rem 1.25rem;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:.2rem;
  scrollbar-width:thin;
  scrollbar-color:rgba(22,78,112,.35) transparent;
  -webkit-overflow-scrolling:touch;
}
.books-slider::-webkit-scrollbar{height:.55rem}
.books-slider::-webkit-scrollbar-track{background:transparent}
.books-slider::-webkit-scrollbar-thumb{background:rgba(22,78,112,.28);border-radius:999px}
.books-slider .book-card{scroll-snap-align:start;min-width:0}
.slider-control{
  display:none;
  position:absolute;
  z-index:5;
  top:50%;
  width:3rem;
  height:3rem;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#fff;
  color:var(--color-primary);
  box-shadow:0 8px 24px rgba(27,39,48,.16);
  cursor:pointer;
  transform:translateY(-50%);
  transition:transform 160ms ease,background 160ms ease,opacity 160ms ease;
}
.slider-control:hover{background:#fff5c8;transform:translateY(-50%) scale(1.05)}
.slider-control:disabled{opacity:.32;cursor:default}
.slider-prev{left:-1.4rem}
.slider-next{right:-1.4rem}
.slider-hint{margin-top:.1rem;text-align:center;color:var(--color-muted);font-size:.78rem;font-weight:700}
@media (min-width:42rem){.books-slider{grid-auto-columns:minmax(18rem,48%)}}
@media (min-width:64rem){
  .books-slider{grid-auto-columns:minmax(19rem,31.5%);padding-inline:.25rem}
  .slider-control{display:grid}
  .slider-hint{display:none}
}
@media (min-width:80rem){.slider-prev{left:-1.7rem}.slider-next{right:-1.7rem}}

/* Testimonials */
.testimonials-text{background:linear-gradient(180deg,#fff 0%,#f6fbff 100%)}
.testimonials-video{background:linear-gradient(180deg,#fff5dc 0%,#fffaf0 100%)}
.testimonial-note{max-width:28rem;color:var(--color-muted);font-size:.9rem;align-self:end}
.testimonial-slider-shell,.video-slider-shell{position:relative}
.testimonial-slider,.video-testimonial-slider{display:grid;grid-auto-flow:column;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(22,78,112,.3) transparent;padding:.4rem .2rem 1rem}
.testimonial-slider{grid-auto-columns:minmax(17rem,84%)}
.video-testimonial-slider{grid-auto-columns:minmax(18rem,88%)}
.testimonial-card,.video-testimonial-card{scroll-snap-align:start;border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}
.testimonial-card{display:flex;flex-direction:column;min-height:17rem;padding:1.5rem}
.testimonial-card::before{content:"“";font-size:4rem;line-height:.8;color:var(--color-accent);font-weight:900}
.testimonial-card blockquote{margin:.8rem 0 1.5rem;font-size:1.08rem;line-height:1.6}
.testimonial-card footer{margin-top:auto;display:grid;gap:.2rem}
.testimonial-card footer span,.video-testimonial-copy span{color:var(--color-muted);font-size:.86rem}
.video-testimonial-card{overflow:hidden}
.video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;align-content:center;gap:.45rem;padding:1rem;text-align:center;background:radial-gradient(circle at 20% 20%,rgba(244,196,78,.35),transparent 10rem),linear-gradient(145deg,#164E70,#6d4f9f);color:#fff}
.video-play{display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:50%;background:#fff;color:var(--color-primary);box-shadow:0 10px 24px rgba(0,0,0,.18);padding-left:.2rem}
.video-placeholder small{color:#e8eef6}.video-testimonial-copy{display:grid;gap:.2rem;padding:1rem 1.2rem}
.testimonial-prev,.video-prev{left:-1.4rem}.testimonial-next,.video-next{right:-1.4rem}
@media (min-width:42rem){.testimonial-slider{grid-auto-columns:minmax(19rem,48%)}.video-testimonial-slider{grid-auto-columns:minmax(20rem,48%)}}
@media (min-width:64rem){.testimonial-slider{grid-auto-columns:minmax(20rem,32%)}.video-testimonial-slider{grid-auto-columns:minmax(22rem,42%)}.testimonial-slider-shell .slider-control,.video-slider-shell .slider-control{display:grid}}


/* ===== FIX: Buch-Slider robust horizontal ===== */
.books .books-slider{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:1rem !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:.25rem;
  -webkit-overflow-scrolling:touch;
  padding:.5rem .25rem 1.25rem !important;
}
.books .books-slider > .book-card{
  flex:0 0 82%;
  width:auto !important;
  min-width:0;
  scroll-snap-align:start;
}
@media (min-width:42rem){
  .books .books-slider > .book-card{
    flex-basis:48%;
  }
}
@media (min-width:64rem){
  .books .books-slider > .book-card{
    flex-basis:calc((100% - 2rem) / 3);
  }
}
@media (min-width:80rem){
  .books .books-slider > .book-card{
    flex-basis:calc((100% - 2rem) / 3);
  }
}


/* ===== Vimeo Video-Testimonials: Click-to-load ===== */
.vimeo-embed{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}
.vimeo-poster{
  width:100%;
  height:100%;
  border:0;
  padding:1.2rem;
  cursor:pointer;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.55rem;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 20% 20%,rgba(244,196,78,.35),transparent 10rem),
    radial-gradient(circle at 80% 80%,rgba(198,61,120,.22),transparent 12rem),
    linear-gradient(145deg,#164E70,#6d4f9f);
}
.vimeo-poster:hover .video-play,
.vimeo-poster:focus-visible .video-play{transform:scale(1.08)}
.vimeo-poster .video-play{transition:transform 160ms ease}
.vimeo-poster strong{font-size:1.08rem}
.vimeo-poster small{color:#e9edf7}
.vimeo-embed iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.vimeo-embed.is-error{
  display:grid;
  place-items:center;
  padding:1rem;
  color:#fff;
  background:#7a1f1f;
  text-align:center;
}


/* ===== Vimeo direkte iframe-Einbindung ===== */
.vimeo-iframe-wrap{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}
.vimeo-iframe-wrap iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}


/* ===== Kontaktseite ===== */
.contact-hero{
  padding:clamp(3rem,7vw,6rem) 0 2rem;
  background:
    radial-gradient(circle at 15% 20%,rgba(83,183,211,.18),transparent 18rem),
    radial-gradient(circle at 85% 30%,rgba(244,196,78,.22),transparent 20rem),
    linear-gradient(180deg,#fffaf1 0%,#ffffff 100%);
}
.contact-hero-grid{display:grid;gap:2rem;align-items:start}
.contact-note{
  padding:1.4rem;
  border:1px solid var(--color-border);
  border-radius:var(--radius-card);
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.contact-note strong{display:block;margin-bottom:.45rem;color:var(--color-primary)}
.contact-layout{display:grid;gap:2rem;align-items:start}
.contact-copy{max-width:38rem}
.contact-tip{
  display:grid;
  gap:.35rem;
  margin-top:1.5rem;
  padding:1rem 1.1rem;
  border-left:4px solid var(--color-accent);
  border-radius:.75rem;
  background:#fff8dc;
}
.contact-form{
  display:grid;
  gap:1rem;
  padding:clamp(1.2rem,3vw,2rem);
  border:1px solid var(--color-border);
  border-radius:var(--radius-card);
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.form-field{display:grid;gap:.4rem}
.form-field label{font-weight:800;color:var(--color-text)}
.form-field input,
.form-field select,
.form-field textarea{
  width:100%;
  border:1px solid #bfcbd1;
  border-radius:.8rem;
  background:#fff;
  color:var(--color-text);
  font:inherit;
  padding:.8rem .9rem;
}
.form-field textarea{resize:vertical;min-height:10rem}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  outline:3px solid rgba(83,183,211,.28);
  border-color:var(--color-primary);
}
.form-field small{color:var(--color-muted)}
.form-check{grid-template-columns:auto 1fr;align-items:start;gap:.7rem}
.form-check input{width:1.1rem;height:1.1rem;margin-top:.2rem}
.form-status-note{margin:0;color:var(--color-muted);font-size:.86rem}
.contact-final{padding-top:0}
@media (min-width:50rem){
  .contact-hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(16rem,.8fr)}
  .contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}


/* ===== PHP Kontaktformular ===== */
.honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px;
  height:1px;
  overflow:hidden;
}
.form-message{
  display:grid;
  gap:.45rem;
  padding:1rem 1.1rem;
  border-radius:.85rem;
}
.form-message-success{
  border:1px solid #8fd9b6;
  background:#effbf5;
  color:#0b5a38;
}
.form-message-error{
  border:1px solid #ef9b9b;
  background:#fff2f2;
  color:#7b2323;
}
.form-message ul{
  margin:.35rem 0 0;
  padding-left:1.2rem;
}


/* ===== Rechtliche Seiten ===== */
.legal-main{background:#fff}
.legal-hero{
  padding:clamp(3rem,7vw,6rem) 0;
  background:
    radial-gradient(circle at 12% 10%,rgba(83,183,211,.12),transparent 22rem),
    radial-gradient(circle at 90% 8%,rgba(244,196,78,.16),transparent 20rem),
    #fff;
}
.legal-hero .container{max-width:58rem}
.legal-narrow{max-width:48rem !important}
.legal-intro{
  max-width:52rem;
  font-size:1.08rem;
  color:var(--color-muted);
  margin-bottom:2rem;
}
.legal-content{
  display:grid;
  gap:.35rem;
}
.legal-content h2{
  margin-top:2rem;
  margin-bottom:.25rem;
  font-size:clamp(1.3rem,2.2vw,1.7rem);
}
.legal-content p,
.legal-content li{
  line-height:1.7;
}
.legal-card{
  margin:1.5rem 0 2rem;
  padding:1rem 1.2rem;
  border-radius:1rem;
  border:1px solid var(--color-border);
  background:#f8fbfc;
}
.legal-warning{
  border-left:5px solid var(--color-accent);
  background:#fff8dc;
}
.legal-note{
  margin-top:1.5rem;
  color:var(--color-muted);
  font-size:.92rem;
}
.withdrawal-template{
  padding:1.25rem;
  border:1px dashed #aebbc1;
  border-radius:1rem;
  background:#fafcfd;
}
.withdrawal-form{margin-top:1.5rem}
.site-footer nav{
  display:grid;
  flex-wrap:wrap;
  gap:.7rem 1rem;
}


/* ===== Autor: Hochkant-Portrait-Platzhalter ===== */
.author-portrait-placeholder{
  width:min(100%, 18rem);
  aspect-ratio:4/5;
  display:grid;
  place-items:center;
  margin-inline:auto;
  overflow:hidden;
  border:1px solid rgba(22,78,112,.14);
  border-radius:1.5rem;
  background:
    radial-gradient(circle at 30% 20%,rgba(83,183,211,.28),transparent 8rem),
    linear-gradient(145deg,#164e70 0%,#8d75c9 100%);
  box-shadow:0 18px 38px rgba(27,39,48,.14);
}
.author-portrait-inner{
  width:78%;
  height:82%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.5rem;
  padding:1rem;
  border:3px dashed rgba(255,255,255,.65);
  border-radius:1.1rem;
  text-align:center;
  color:#fff;
  background:rgba(255,255,255,.08);
}
.author-portrait-inner span{
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.author-portrait-inner strong{
  max-width:11rem;
  font-size:1.15rem;
  line-height:1.25;
}
.author-portrait-inner small{
  color:rgba(255,255,255,.82);
  font-size:.78rem;
}

/* Späteres echtes Portrait einfach so einsetzen:
.author-portrait-placeholder img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
*/


/* ===== Autor-Portrait: Position wie vorheriges WP-Element ===== */
#autor .author-portrait-placeholder{
  margin-inline:0 !important;
  justify-self:start;
  align-self:center;
}

/* Auf schmalen Displays weiterhin sauber mittig */
@media (max-width:49.99rem){
  #autor .author-portrait-placeholder{
    margin-inline:auto !important;
    justify-self:center;
  }
}


/* ===== FINAL FIX Autor-Bereich: Bild links, Text rechts, gleiche Containerbreite ===== */
.author-section{
  background:#eef9fc;
}
.author-section .author-layout{
  display:grid !important;
  grid-template-columns:minmax(15rem, 20rem) minmax(0, 1fr) !important;
  align-items:center !important;
  gap:clamp(2.5rem, 6vw, 6rem) !important;
  width:100%;
}
.author-section .author-media{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  min-width:0;
}
.author-section .author-portrait-placeholder{
  width:100%;
  max-width:18rem;
  aspect-ratio:4/5;
  margin:0 !important;
  justify-self:start !important;
  align-self:center !important;
}
.author-section .author-copy{
  min-width:0;
  max-width:46rem;
}
.author-section .author-copy h2{
  max-width:44rem;
}
.author-section .author-copy p{
  max-width:42rem;
}
@media (max-width:49.99rem){
  .author-section .author-layout{
    grid-template-columns:1fr !important;
    gap:2rem !important;
  }
  .author-section .author-media{
    justify-content:center;
  }
  .author-section .author-portrait-placeholder{
    width:min(78vw, 18rem);
    margin-inline:auto !important;
  }
  .author-section .author-copy{
    max-width:none;
  }
}


/* ===== FINAL FIX Autor-Bereich: gesamten Block wie übrige Sections zentrieren ===== */
#autor .author-layout{
  width:min(100% - 2rem, 72rem) !important;
  max-width:72rem !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

@media (min-width:64rem){
  #autor .author-layout{
    width:min(100% - 4rem, 72rem) !important;
  }
}

/* Social-Media-Icons im Hauptmenü */
.header-socials{display:flex;align-items:center;gap:.38rem;margin-left:.15rem}
.header-socials a{width:2rem;height:2rem;flex:0 0 2rem;display:grid;place-items:center;border-radius:50%;color:var(--color-primary);background:rgba(22,78,112,.06);transition:transform 160ms ease,background 160ms ease,color 160ms ease}
.header-socials a:hover,.header-socials a:focus-visible{color:#fff;background:var(--color-primary);transform:translateY(-1px)}
.header-socials svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-socials a:nth-child(2) svg>path:first-child,.header-socials a:nth-child(3) svg rect,.header-socials a:nth-child(3) svg path,.header-socials a:nth-child(3) svg circle,.header-socials a:nth-child(4) svg path{fill:currentColor;stroke:none}
.header-socials .social-play{fill:#fff;stroke:none}
@media (max-width:63.99rem){.header-socials{width:100%;margin:.45rem 0 0;padding-top:.55rem;border-top:1px solid rgba(22,78,112,.12)}.header-socials a{width:2.25rem;height:2.25rem;flex-basis:2.25rem}}


/* ===== FIX Text-Testimonial-Slider, besonders mobil ===== */
.testimonial-slider-shell{
  position:relative;
  width:100%;
  min-width:0;
  overflow:visible;
}

.testimonial-slider{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:1rem !important;
  width:100%;
  min-width:0;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:1rem;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
  padding:.5rem 1rem 1.25rem !important;
  margin-inline:-1rem;
  scrollbar-width:thin;
  scrollbar-color:rgba(22,78,112,.28) transparent;
}

.testimonial-slider::-webkit-scrollbar{
  height:.5rem;
}
.testimonial-slider::-webkit-scrollbar-track{
  background:transparent;
}
.testimonial-slider::-webkit-scrollbar-thumb{
  background:rgba(22,78,112,.26);
  border-radius:999px;
}

.testimonial-slider .testimonial-card{
  flex:0 0 calc(100vw - 3.5rem) !important;
  width:auto !important;
  min-width:0;
  max-width:none !important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}

/* mobile: Buttons ausblenden, Touch/Swipe priorisieren */
@media (max-width:63.99rem){
  .testimonial-slider-shell .testimonial-prev,
  .testimonial-slider-shell .testimonial-next{
    display:none !important;
  }

  .testimonial-slider{
    cursor:grab;
  }

  .testimonial-slider:active{
    cursor:grabbing;
  }
}

/* Tablet */
@media (min-width:42rem){
  .testimonial-slider .testimonial-card{
    flex-basis:calc(50% - .5rem) !important;
  }
}

/* Desktop */
@media (min-width:64rem){
  .testimonial-slider{
    margin-inline:0;
    padding-inline:.25rem !important;
    scroll-padding-inline:.25rem;
  }

  .testimonial-slider .testimonial-card{
    flex-basis:calc((100% - 2rem) / 3) !important;
  }

  .testimonial-slider-shell .testimonial-prev,
  .testimonial-slider-shell .testimonial-next{
    display:grid !important;
  }
}

.book-toc-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.book-toc-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:baseline;padding:.8rem 1rem;border-bottom:1px dotted #b9c6cc}.book-toc-list li strong{color:var(--color-primary)}

/* =========================================================
   BRAINY & NEURA – MOTION LAYER
   Dezent, performant und zugänglich.
   Nur aktiv, wenn JavaScript verfügbar ist.
========================================================= */

:root{
  --motion-ease:cubic-bezier(.22,1,.36,1);
  --motion-fast:360ms;
  --motion-base:700ms;
  --motion-slow:1100ms;
}

/* Scroll-Reveals: Inhalte sind ohne JS immer sichtbar. */
html.bn-motion-ready .motion-reveal{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:
    opacity var(--motion-base) var(--motion-ease),
    transform var(--motion-base) var(--motion-ease);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}

html.bn-motion-ready .motion-reveal.motion-from-left{
  transform:translate3d(-34px,12px,0);
}

html.bn-motion-ready .motion-reveal.motion-from-right{
  transform:translate3d(34px,12px,0);
}

html.bn-motion-ready .motion-reveal.motion-scale{
  transform:translate3d(0,18px,0) scale(.965);
}

html.bn-motion-ready .motion-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

/* Überschriften: farbiger Strich zeichnet sich ein. */
html.bn-motion-ready .section-heading.motion-reveal h2::after{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 800ms var(--motion-ease) 180ms;
}

html.bn-motion-ready .section-heading.centered.motion-reveal h2::after{
  transform-origin:center center;
}

html.bn-motion-ready .section-heading.motion-reveal.is-visible h2::after{
  transform:scaleX(1);
}

/* Hero – kurzer Auftritt beim Laden. */
html.bn-motion-ready .hero .hero-copy > *,
html.bn-motion-ready .hero .hero-visual{
  opacity:0;
  transform:translate3d(0,24px,0);
}

html.bn-motion-ready .hero.is-motion-visible .hero-copy > *,
html.bn-motion-ready .hero.is-motion-visible .hero-visual{
  opacity:1;
  transform:translate3d(0,0,0);
  transition:
    opacity 760ms var(--motion-ease),
    transform 760ms var(--motion-ease);
}

html.bn-motion-ready .hero.is-motion-visible .hero-copy > :nth-child(1){transition-delay:40ms}
html.bn-motion-ready .hero.is-motion-visible .hero-copy > :nth-child(2){transition-delay:110ms}
html.bn-motion-ready .hero.is-motion-visible .hero-copy > :nth-child(3){transition-delay:180ms}
html.bn-motion-ready .hero.is-motion-visible .hero-copy > :nth-child(4){transition-delay:250ms}
html.bn-motion-ready .hero.is-motion-visible .hero-copy > :nth-child(5){transition-delay:320ms}
html.bn-motion-ready .hero.is-motion-visible .hero-visual{transition-delay:140ms}

/* Hero-Bild behält seine leichte Drehung und bekommt Tiefe. */
.hero-image-card{
  transition:
    transform 500ms var(--motion-ease),
    box-shadow 500ms var(--motion-ease);
}

@media (hover:hover) and (pointer:fine){
  .hero-visual:hover .hero-image-card{
    transform:rotate(.4deg) translateY(-5px) scale(1.012);
    box-shadow:0 24px 54px rgba(27,39,48,.15);
  }
}

/* Kleine, ruhige Eigenbewegung im Hero. */
html.bn-motion-ready .hero.is-motion-visible .floating-note{
  animation:bn-note-float 5.2s ease-in-out infinite;
}

html.bn-motion-ready .hero.is-motion-visible .floating-note.note-two{
  animation-delay:-2.1s;
  animation-duration:6.1s;
}

html.bn-motion-ready .hero-orb-a{
  animation:bn-orb-drift-a 12s ease-in-out infinite alternate;
}

html.bn-motion-ready .hero-orb-b{
  animation:bn-orb-drift-b 14s ease-in-out infinite alternate;
}

@keyframes bn-note-float{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}

@keyframes bn-orb-drift-a{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-18px,14px,0) scale(1.06)}
}

@keyframes bn-orb-drift-b{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(16px,-12px,0) scale(.95)}
}

/* Karten fühlen sich interaktiver an, ohne nervös zu wirken. */
.book-card,
.character-card,
.benefit-card,
.bonus-cards article,
.testimonial-card,
.video-testimonial-card{
  transition:
    transform 320ms var(--motion-ease),
    box-shadow 320ms var(--motion-ease),
    border-color 320ms ease;
}

@media (hover:hover) and (pointer:fine){
  .book-card:hover,
  .character-card:hover,
  .benefit-card:hover,
  .bonus-cards article:hover,
  .testimonial-card:hover,
  .video-testimonial-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 42px rgba(27,39,48,.13);
  }

  .character-card img{
    transition:transform 420ms var(--motion-ease);
  }

  .character-card:hover img{
    transform:translateY(-5px) scale(1.018);
  }

  .bonus-cards article>span{
    transition:transform 360ms var(--motion-ease);
  }

  .bonus-cards article:hover>span{
    transform:rotate(-5deg) scale(1.08);
  }
}

/* Buttons: mehr Response, weiterhin ruhig. */
.button{
  box-shadow:0 0 0 rgba(22,78,112,0);
  transition:
    transform 220ms var(--motion-ease),
    background var(--transition),
    border-color var(--transition),
    box-shadow 220ms ease;
}

@media (hover:hover) and (pointer:fine){
  .button:hover{
    transform:translateY(-3px) scale(1.015);
    box-shadow:0 10px 24px rgba(22,78,112,.18);
  }
}

/* Buchdetailseiten. */
.book-detail-cover{
  transition:
    transform 450ms var(--motion-ease),
    box-shadow 450ms var(--motion-ease);
}

@media (hover:hover) and (pointer:fine){
  .book-detail-cover:hover{
    transform:translateY(-5px) rotate(-.45deg);
    box-shadow:0 24px 54px rgba(27,39,48,.14);
  }
}

html.bn-motion-ready .progress-track span{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1100ms var(--motion-ease) 180ms;
}

html.bn-motion-ready .series-progress.is-visible .progress-track span,
html.bn-motion-ready .progress-track.is-visible span{
  transform:scaleX(1);
}

/* Navigation wirkt beim Scrollen etwas kompakter und räumlicher. */
.site-header{
  transition:
    box-shadow 260ms ease,
    background 260ms ease,
    border-color 260ms ease;
}

.site-header.is-compact{
  box-shadow:0 8px 26px rgba(27,39,48,.075);
}

/* Bewegungsreduktion respektieren. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  html.bn-motion-ready .motion-reveal,
  html.bn-motion-ready .hero .hero-copy > *,
  html.bn-motion-ready .hero .hero-visual,
  html.bn-motion-ready .progress-track span{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  html.bn-motion-ready .section-heading.motion-reveal h2::after{
    transform:none !important;
    transition:none !important;
  }

  .floating-note,
  .hero-orb-a,
  .hero-orb-b{
    animation:none !important;
  }

  .book-card,
  .character-card,
  .benefit-card,
  .bonus-cards article,
  .testimonial-card,
  .video-testimonial-card,
  .book-detail-cover,
  .button,
  .character-card img,
  .bonus-cards article>span{
    transition:none !important;
  }
}