/* =========================================================================
   Gänsemanufaktur – Magazin-Typografie (Startseite), 07.10.2026
   Bodoni Moda (Display, Hochglanz-Serif mit optischer Größe) + Jost (Text).
   Beide Schriften: SIL Open Font License 1.1, lokal in media/fonts (keine
   externen Schriftdienste → keine Datenübermittlung an Dritte).
   ========================================================================= */
@font-face{font-family:"GM Bodoni";src:url(media/fonts/bodoni-moda.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"GM Bodoni";src:url(media/fonts/bodoni-moda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"GM Jost";src:url(media/fonts/jost.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"GM Jost";src:url(media/fonts/jost-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --serif:"GM Serif",Georgia,serif;
  --sans:"GM Jost","Futura","Avenir Next",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
}
body{font-family:var(--sans);font-weight:400;font-size:18px;line-height:1.72;letter-spacing:.005em;font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;letter-spacing:-.012em;line-height:1.04}
h2 em,h3 em,.lead-quote em,.finalcta h2 em{font-style:italic;color:var(--gold)}

/* Rubriken-Zeilen wie im Magazin: gesperrte Versalien mit Haarlinie */
.eyebrow{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.34em;display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.7}
.section-head.center .eyebrow::after{content:"";width:34px;height:1px;background:currentColor;opacity:.7}

/* Navigation & Marke */
.topbar{font-family:var(--sans);font-weight:400;letter-spacing:.08em;font-size:12.5px}
.brand .bt b{font-family:var(--serif);font-weight:500;letter-spacing:.01em}
.brand .bt span{font-family:var(--sans);font-weight:500}
nav.menu a{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.nav-cta .btn{white-space:nowrap;letter-spacing:.14em;padding:14px 20px;font-size:12px}

/* Buttons: ruhige Versalien */
.btn{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;padding:17px 30px}

/* Hero: Titelseite */
.hero .eyebrow{color:var(--gold-soft)}
.hero .wrap > div[style*="font-family:var(--serif)"]{font-style:italic;font-weight:400;font-size:clamp(46px,8vw,104px)!important;line-height:.96!important;letter-spacing:-.025em;margin-bottom:22px!important}
.hero h1{font-family:var(--sans)!important;font-weight:300;font-size:clamp(20px,2.4vw,28px)!important;line-height:1.35!important;letter-spacing:.01em;text-shadow:none;max-width:760px!important}
.hero .sub{font-weight:300;font-size:clamp(17px,1.9vw,20px)}
.hero .wrap > div[style*="display:flex"] > span{display:block!important;font-weight:300}
.hero .wrap > div[style*="display:flex"] > span > span{margin-right:8px}
.hero .wrap > div[style*="display:flex"] strong{font-weight:500}

/* Abschnittstitel groß und eng gesetzt */
.section-head h2{font-size:clamp(38px,6vw,72px);line-height:.98;margin:18px 0 18px}
.split h2,.band h2{font-size:clamp(34px,4.8vw,60px);line-height:1}
.section-head p,.split p{font-weight:300}
.lead-quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,4.4vw,52px);line-height:1.14;letter-spacing:-.015em}
.lead-quote em{font-style:normal}

/* Initiale im Einleitungstext */
.split > .reveal:first-child > p:first-of-type::first-letter{font-family:var(--serif);font-size:4.1em;line-height:.82;float:left;margin:.06em .1em 0 0;color:var(--bordeaux)}

/* Karten, Preise, Kennzahlen */
.tag{font-family:var(--sans);font-weight:500;letter-spacing:.24em;font-size:10.5px;background:none;border:1px solid currentColor;padding:4px 10px}
.card .cb h3{font-size:clamp(24px,2.4vw,30px);line-height:1.08}
.card .cb p{font-weight:300;font-size:15.5px}
.price{font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:-.01em}
.price small{font-family:var(--sans);font-weight:400;letter-spacing:.04em}
.trustbar .ti b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:40px;letter-spacing:-.02em}
.trustbar .ti span{font-family:var(--sans);font-weight:400;letter-spacing:.2em;text-transform:uppercase;font-size:10.5px}
.datechip b{font-family:var(--serif);font-style:italic;font-size:34px}
.step::before{font-family:var(--serif);font-style:italic;font-weight:400;font-size:64px;opacity:.7;letter-spacing:-.03em}
.step h3{font-size:27px}
.step p{font-weight:300;font-size:16px}
.offer h3{font-size:clamp(28px,3.8vw,42px);line-height:1.04}
.offer .big{font-style:italic;font-size:84px;letter-spacing:-.03em}

/* FAQ und Abschluss */
.faq summary{font-family:var(--serif);font-size:22px;letter-spacing:-.005em}
.faq p{font-weight:300}
.finalcta h2{font-size:clamp(42px,7.4vw,92px);line-height:.96;letter-spacing:-.025em}
.finalcta p{font-weight:300}
.finder-pill{font-family:var(--sans);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12.5px}
.finder-card h3{font-size:30px}
footer{font-family:var(--sans);font-weight:300}
footer .fbrand b{font-family:var(--serif);font-weight:500;font-size:26px}

@media(max-width:760px){
  body{font-size:17px}
  .topbar{letter-spacing:.02em;font-size:12px}
  .hero .wrap > div[style*="font-family:var(--serif)"]{font-size:clamp(44px,13vw,64px)!important}
  .btn{letter-spacing:.14em;padding:15px 22px}
  .split > .reveal:first-child > p:first-of-type::first-letter{font-size:3.4em}
}
.faq summary{line-height:1.25}
.faq summary::after{font-family:var(--sans);font-weight:300;font-size:26px}

/* Hero im Kino-Aufbau (08.10.2026): Vollbild-Video, Kinobalken, Riesen-Titel mit Kontur-Zeile,
   Credits-Zeile, Countdown – in Bodoni/Jost und Bordeaux/Gold der Gänsemanufaktur. */
.hero.kino{min-height:calc(100vh - 74px);min-height:calc(100svh - 74px);display:flex;align-items:flex-end;background:#14060a;padding:0}
.hero.kino video.hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.04);filter:saturate(1.08) contrast(1.04)}
.hero.kino::after{z-index:1;background:
  radial-gradient(ellipse at 68% 42%,rgba(20,6,10,0) 0%,rgba(20,6,10,.35) 52%,rgba(20,6,10,.9) 100%),
  linear-gradient(0deg,rgba(20,6,10,.96) 0%,rgba(20,6,10,.55) 34%,rgba(20,6,10,0) 62%),
  linear-gradient(90deg,rgba(20,6,10,.55) 0%,rgba(20,6,10,0) 55%)}
.kino-balken{position:absolute;left:0;right:0;height:6vh;min-height:34px;background:#14060a;z-index:3}
.kino-balken.oben{top:0}
.kino-balken.unten{bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px}
.hero.kino .hero-ki{position:static;margin:0;font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,242,232,.5)}
.kino-scroll{font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-soft)}
.hero.kino .wrap{position:relative;z-index:2;width:100%;padding-top:calc(6vh + 70px);padding-bottom:calc(6vh + 54px)}
.hero.kino .eyebrow{color:var(--gold-soft);margin-bottom:10px}
.kino-titel{font-family:var(--serif);font-optical-sizing:auto;color:var(--cream);line-height:.86;letter-spacing:-.03em;font-size:clamp(58px,9.6vw,156px);text-shadow:0 4px 40px rgba(0,0,0,.35)}
.kino-titel span{display:block;font-weight:500}
.kino-titel .kontur{font-style:italic;font-weight:800;color:transparent;-webkit-text-stroke:1.6px var(--gold-soft);text-shadow:none;padding-left:.06em}
@supports not (-webkit-text-stroke:1px #000){.kino-titel .kontur{color:var(--gold-soft)}}
.hero.kino h1.kino-h1{font-family:var(--sans)!important;font-weight:300;font-size:clamp(17px,1.7vw,21px)!important;line-height:1.4!important;letter-spacing:.01em;color:rgba(247,242,232,.92);max-width:640px!important;margin:26px 0 0;text-shadow:none}
.kino-credits{list-style:none;display:flex;flex-wrap:wrap;gap:10px 34px;margin:22px 0 30px;padding:18px 0 0;border-top:1px solid rgba(224,192,136,.35);max-width:980px;font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,242,232,.55)}
.kino-credits b{font-weight:500;color:var(--cream)}
.kino-countdown{position:absolute;right:28px;bottom:calc(6vh + 54px);z-index:2;text-align:right;color:var(--cream)}
.kino-countdown b{display:block;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(70px,9vw,140px);line-height:.85;color:var(--gold);letter-spacing:-.03em}
.kino-countdown span{font-family:var(--sans);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(247,242,232,.75)}
@media(max-width:1100px){.kino-countdown{display:none}}
@media(max-width:760px){
  .hero.kino{min-height:calc(100svh - 64px);display:flex}
  .hero.kino::after{background:linear-gradient(180deg,rgba(20,6,10,.1) 0%,rgba(20,6,10,.25) 30%,rgba(20,6,10,.88) 58%,rgba(20,6,10,.97) 100%)}
  .hero.kino .wrap{padding-top:30vh;padding-bottom:calc(5vh + 92px)}
  .hero.kino .eyebrow{letter-spacing:.18em;font-size:10.5px}
  .hero.kino .eyebrow::before{width:20px}
  .kino-titel{font-size:clamp(38px,10.8vw,64px)}
  .hero.kino h1.kino-h1{font-size:15.5px!important;margin-top:16px}
  .kino-credits{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 22px;padding-top:14px}
  .hero.kino .hero-ctas .btn{padding:14px 18px;font-size:12px}
  .kino-titel .kontur{-webkit-text-stroke:1.2px var(--gold-soft)}
  .kino-credits{gap:8px 14px;font-size:10px;letter-spacing:.1em}
  .kino-balken{height:5vh}
  .kino-balken.unten{padding:0 16px}
  .kino-scroll{display:none}
  .hero.kino .hero-ki{font-size:9.5px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.hero.kino video.hero-video{display:none}.hero.kino{background:#14060a url(media/hero-quer-poster.jpg) center/cover}}
/* Navigation zwischen Tablet und kleinem Laptop: doppelten Bestell-Link ausblenden, damit der Button nicht abgeschnitten wird (08.10.2026) */
@media(min-width:881px) and (max-width:1180px){nav.menu a[data-bestellen]{display:none}nav.menu{gap:18px}}
/* Lesbarkeit (09.10.2026, 2. Runde): Ante – Schrift zu dünn, keine feinen Linien. Überschriften jetzt Bitter (kräftige Serifenschrift
   ohne Haarstriche, siehe style.css), Fließtext Jost 400 statt 300 und dunkler, Hero-Schriftzug gefüllt statt Kontur. */
h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;line-height:1.08}
h2 em,h3 em,.finalcta h2 em{font-weight:600}
.price{font-weight:700}
.faq summary{font-weight:600}
.lead-quote{font-weight:500;line-height:1.22}
.trustbar .ti b,.datechip b{font-weight:700}
.step::before{font-weight:700;opacity:.85}
footer .fbrand b{font-weight:700}
.card .cb p,.step p,.faq p,.section-head p,.split p,.finalcta p,footer,.hero .sub,.hero .wrap > div[style*="display:flex"] > span{font-weight:400}
.hero h1,.hero.kino h1.kino-h1{font-weight:400}
.card .cb p{font-size:16.5px;line-height:1.62;color:var(--ink)}
.step p,.faq p{color:var(--ink)}
.price small{font-weight:500}
.tag{font-weight:700;font-size:11px}
.eyebrow{font-weight:700}
.kino-titel{letter-spacing:-.02em;line-height:.92}
.kino-titel span{font-weight:700}
.kino-titel .kontur{font-weight:700;color:var(--gold-soft);-webkit-text-stroke:0}
.kino-countdown b{font-weight:700}
.kino-credits{color:rgba(247,242,232,.8);font-size:12px}
.kino-credits b{font-weight:700}
.brand .bt b{font-weight:600}

/* Countdown + Bestell-Button oben rechts im Hero, auf allen Bildschirmen sichtbar (10.10.2026) */
.hero.kino .kino-countdown{display:flex;flex-direction:column;align-items:flex-end;gap:14px;top:clamp(20px,4vh,44px);bottom:auto;right:clamp(66px,5vw,88px);z-index:3;padding:18px 20px 20px 28px;background:rgba(20,6,10,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(224,192,136,.45);border-radius:4px;box-shadow:0 14px 44px rgba(0,0,0,.38)}
.kino-countdown .kino-cd{margin:0;text-align:right}
.hero.kino .kino-countdown b{font-size:clamp(64px,6.2vw,112px);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero.kino .kino-countdown span{display:block;margin-top:8px;color:var(--cream)}
.kino-cta{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--bordeaux-deep,#3a0a14);font-family:var(--sans);font-weight:800;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:15px 22px;border-radius:3px;white-space:nowrap;animation:kinoPuls 2.6s ease-out infinite;transition:background .2s,transform .2s}
.kino-cta svg{width:18px;height:18px;flex:none}
.kino-cta:hover,.kino-cta:focus-visible{background:var(--gold-soft);transform:translateY(-2px);outline:none}
@keyframes kinoPuls{0%{box-shadow:0 0 0 0 rgba(224,192,136,.6)}70%{box-shadow:0 0 0 16px rgba(224,192,136,0)}100%{box-shadow:0 0 0 0 rgba(224,192,136,0)}}
@media(prefers-reduced-motion:reduce){.kino-cta{animation:none}}
@media(max-width:1100px){.hero.kino .kino-countdown{display:flex}}
@media(max-width:760px){
  .hero.kino .kino-countdown{top:14px;right:14px;gap:10px;padding:12px 14px 14px 18px}
  .hero.kino .kino-countdown b{font-size:48px}
  .hero.kino .kino-countdown span{font-size:9.5px;letter-spacing:.18em;margin-top:5px}
  .kino-cta{font-size:11.5px;letter-spacing:.1em;padding:11px 14px;gap:8px}
  .kino-cta svg{width:15px;height:15px}
}

/* Bestellschluss-Phase (ab 07.12., 12 Uhr) und nach Bestellschluss */
.hero.kino .kino-countdown.knapp{border-color:var(--gold);background:rgba(66,9,15,.78)}
.hero.kino .kino-countdown.knapp span{color:var(--gold-soft);font-weight:700}
.hero.kino .kino-countdown.zu .kino-cta{display:none}
.hero.kino .kino-countdown.zu b{font-size:clamp(40px,4vw,64px)}

/* 15.10.2026: Hero passt auf Desktop in den ersten Bildschirm – „Jetzt vorbestellen“ ohne Scrollen sichtbar */
@media (min-width:761px){
  .hero.kino{min-height:calc(100vh - 165px);min-height:calc(100svh - 165px)}
  .kino-balken{height:5vh}
  .hero.kino .wrap{padding-top:calc(5vh + 22px);padding-bottom:calc(5vh + 24px)}
  .hero.kino .eyebrow{margin-bottom:6px}
  .kino-titel{font-size:clamp(44px,min(9.6vw,10.5vh),156px)}
  .hero.kino h1.kino-h1{margin-top:clamp(10px,1.8vh,26px)}
  .kino-credits{margin:clamp(10px,1.8vh,22px) 0 clamp(14px,2.4vh,30px);padding-top:clamp(10px,1.5vh,18px)}
}

/* 15.10.2026: Hero ohne KI-Video – Adlermühle-Logo im Hintergrund, leicht glühend */
.hero.kino{background:radial-gradient(ellipse 60% 75% at 78% 58%,#4c1019 0%,#2c0a11 46%,#14060a 100%)}
.hero.kino video.hero-video{display:none}
.hero.kino::after{background:linear-gradient(180deg,rgba(20,6,10,0) 0%,rgba(20,6,10,0) 70%,rgba(20,6,10,.35) 100%)}
.hero-logo{position:absolute;z-index:1;right:clamp(40px,8vw,150px);bottom:calc(5vh + 18px);height:max(150px,min(58%,560px,calc(95vh - 480px)));aspect-ratio:640/845;pointer-events:none}
.hero-logo img{position:relative;display:block;width:100%;height:100%;opacity:.30;filter:drop-shadow(0 0 14px rgba(230,197,138,.45));animation:gmLogoAtmen 7s ease-in-out infinite}
.hero-logo-glow{position:absolute;inset:-22% -30%;background:radial-gradient(closest-side,rgba(230,180,100,.38),rgba(200,120,50,.14) 45%,rgba(0,0,0,0) 72%);animation:gmLogoGlut 7s ease-in-out infinite;will-change:opacity,transform}
@keyframes gmLogoAtmen{0%,100%{opacity:.30}50%{opacity:.55}}
@keyframes gmLogoGlut{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@media (max-width:1100px) and (min-width:761px){.hero.kino .kino-countdown{display:none}.hero-logo{right:4vw;bottom:auto;top:calc(5vh + 24px);height:min(46%,380px)}}
@media (max-width:760px){
  .hero-logo{left:18px;right:auto;bottom:auto;top:calc(5vh + 12px);height:min(24vh,200px);transform:none}
}
@media (prefers-reduced-motion:reduce){
  .hero.kino{background:radial-gradient(ellipse 60% 75% at 78% 58%,#4c1019 0%,#2c0a11 46%,#14060a 100%)}
  .hero-logo img,.hero-logo-glow{animation:none}
  .hero-logo-glow{opacity:.6}
}

/* 15.10.2026 (2): Logo groß rechts, Countdown nach oben links verschoben */
@media (min-width:761px){
  .hero-logo{top:calc(5vh + 14px);bottom:auto;right:clamp(20px,5vw,130px);height:min(calc(100% - 10vh - 28px),780px,52vw);transform:none}
  .hero.kino .kino-countdown{display:flex;flex-direction:row;align-items:center;gap:18px;top:calc(5vh + 18px);bottom:auto;left:max(22px,calc(50vw - var(--maxw)/2 + 22px));right:auto;padding:10px 12px 10px 18px}
  .hero.kino .kino-countdown .kino-cd{display:flex;align-items:center;gap:12px;text-align:left}
  .hero.kino .kino-countdown b{display:inline-block;font-size:clamp(42px,4vw,60px)}
  .hero.kino .kino-countdown span{display:inline-block;margin-top:0;max-width:9.5em;line-height:1.35;margin-right:6px}
  .hero.kino .kino-cta{padding:12px 16px;font-size:12px}
}
@media (max-width:1100px) and (min-width:761px){.hero.kino .kino-countdown{display:flex}}