/* ============================================================
   Fassung 5 — Christians zweite Runde. Liegt nach fassung4.css.
   ============================================================ */
/* Nav: kein Blur auf der ganzen Leiste, nur minimal schmaler (Breite des Inhalts) */
.nav--fest{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;border-bottom:0!important}
.nav--fest .nav__in{max-width:calc(var(--breite) - 2*clamp(20px,4vw,48px));height:56px;background:rgba(250,247,241,.97)}
.nav--fest .nav__logo img{height:28px}
.nav--fest .nav__tag{display:none}

/* Hero: zwei feste Zeilen, springt nicht mehr */
@media(min-width:901px){.held__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.held__titel{font-size:clamp(3.2rem,5.6vw,6.2rem)}
.held__titel .zeile{display:block}
@media(min-width:900px){.held__titel .zeile{white-space:nowrap}}
.kasten{height:.94em}

/* Tool: Logo unverzerrt, mehr Luft */
.tool{min-height:480px;grid-template-columns:220px 1fr}
.tool__seite{padding:28px 20px}
.tool__seite img{align-self:flex-start;height:26px;width:auto;object-fit:contain;margin:0 0 24px 8px}
.tool__haupt{padding:30px 34px 34px}
.tool__spalten{padding:26px 16px 10px}
.tool__liste{gap:12px}
.tool__zeile{padding:12px 16px;gap:18px}
.tool__skript{top:24px;right:24px;bottom:24px}

/* Sequenz: durchgehend, kein Kasten rechts */
.zeigen{height:520vh}
.zeigen__panel{transform:translateY(106%)}
.gsap .zeigen__panel{transform:none}
.zeigen__h2{font-size:clamp(2.6rem,5.6vw,5.8rem);max-width:24ch}
.zeigen__t{will-change:opacity,transform}
@media(min-width:901px){.schritte{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:80px clamp(24px,4vw,56px) 60px}}
.schritt{transition:none;will-change:opacity,transform}
.schritte__rechts{border:0;background:transparent;overflow:visible;height:min(70vh,560px)}
.visual{padding:0;transition:none;will-change:opacity,transform}
.visual svg,.visual{width:100%;height:100%}
svg.visual{position:absolute;inset:0;display:block;opacity:0}
svg.visual text{font-family:'Inter',sans-serif}
#v1karte,#v2stift{will-change:transform}

/* Gründer-Story */
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.story__video{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:var(--tinte);cursor:pointer;border:1px solid var(--linie)}
.story__video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:transform .6s,opacity .3s}
.story__video:hover img{transform:scale(1.03);opacity:1}
.story__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.story__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--tuerkis);color:#12301F;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.story__play svg{margin-left:4px}
.story__video:hover .story__play{transform:scale(1.08)}
.story__dauer{position:absolute;left:18px;bottom:16px;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(36,48,96,.7);padding:6px 10px;border-radius:999px}
@media(max-width:900px){.story{grid-template-columns:1fr}}

/* Monster füttern */
.futter{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.futter__buehne{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:center}
.futter__kreis{position:absolute;inset:8%;border-radius:50%;background:var(--creme-tief);opacity:.7}
.futter__monster{position:absolute;left:8%;right:8%;bottom:6%;width:84%;height:auto;display:block;transform-origin:50% 92%;will-change:transform;filter:drop-shadow(0 28px 34px rgba(36,48,96,.16))}
.futter__steine{position:absolute;inset:0;pointer-events:none}
.futter__steine svg{position:absolute;left:0;top:0;display:block}
.futter__panel{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.futter__zahl{display:flex;align-items:baseline;gap:12px;margin:0}
.futter__zahl b{font-family:var(--display);font-size:clamp(4rem,8vw,7rem);line-height:.9;color:var(--tinte);letter-spacing:.01em}
.futter__zahl span{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise)}
.futter__text{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.4;color:var(--tinte);margin:0;min-height:2.8em;max-width:26rem;font-weight:500}
.btn--gross{font-size:1.1rem;padding:20px 32px}
.futter__reset{background:none;border:0;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);cursor:pointer;padding:0}
@media(max-width:900px){.futter{grid-template-columns:1fr}}

/* Spielregeln */
.regeln{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.regeln__spalte{display:flex;flex-direction:column;gap:10px}
.regeln__spalte--wir{align-items:flex-end;text-align:right}
.regeln__tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;padding:8px 12px;border-radius:999px;margin-bottom:14px;display:inline-block}
.regeln__spalte--du .regeln__tag{background:var(--blau-zart);color:var(--blau-tief)}
.regeln__spalte--wir .regeln__tag{background:var(--tuerkis-zart);color:var(--tuerkis-tief)}
.regeln__zeile{font-family:var(--display);font-size:clamp(2rem,3.6vw,3.6rem);line-height:.95;letter-spacing:.005em;color:var(--tinte);margin:0;transition:color .2s,transform .3s}
.regeln__spalte--du .regeln__zeile:hover{color:var(--blau);transform:translateX(8px)}
.regeln__spalte--wir .regeln__zeile:hover{color:var(--tuerkis-tief);transform:translateX(-8px)}
.regeln__mitte{display:flex;justify-content:center}
.regeln__satz{margin:56px auto 0;max-width:38rem;text-align:center;color:var(--text-leise);font-size:1.05rem;line-height:1.55}
@media(max-width:800px){.regeln{grid-template-columns:1fr}.regeln__mitte{display:none}.regeln__spalte--wir{align-items:flex-start;text-align:left}}

/* Stationen: Ergebnis direkt unter den Karten */
.ergebnis{margin-top:36px}

/* Baukasten animiert */
.kasten2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:start}
.kasten2__pool{display:flex;flex-wrap:wrap;gap:22px 16px;align-content:flex-start}
.stein{position:relative;display:inline-block;transition:transform .3s,opacity .3s,filter .3s}
.stein svg{display:block}
.stein__label{position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);text-align:center;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.02em;color:#fff;pointer-events:none;padding:0 6px;white-space:nowrap}
.stein--gold .stein__label{color:#3A2708}
.stein--im-turm{opacity:.35;filter:saturate(.6)}
.kasten2__stapel{border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);background:rgba(255,255,255,.04);padding:26px 28px 28px;position:relative}
.kasten2__titel{color:rgba(255,255,255,.6);margin:0 0 14px}
.kasten2__titel span{color:var(--tuerkis)}
.kasten2__turm{display:flex;flex-direction:column-reverse;align-items:center;gap:0;min-height:260px;justify-content:flex-start}
.kasten2__turm .stein{margin-top:-6px;will-change:transform}
.kasten2__turm .stein__label{font-size:.78rem}
.flug{position:fixed;z-index:60;pointer-events:none;will-change:transform}
@media(max-width:900px){.kasten2{grid-template-columns:1fr}}

/* Preise neu */
.pakete2__eyebrow{margin-top:72px}
.pakete2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.paket2{position:relative;background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-lg);padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px}
.paket2--top{background:#fff;border-color:var(--tinte)}
.paket2__fahne{position:absolute;top:18px;right:18px;background:var(--tinte);color:#fff;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;padding:7px 11px;border-radius:999px}
.paket2__bild{aspect-ratio:320/220;border-radius:18px;background:var(--creme);border:1px solid var(--linie);overflow:hidden;margin-bottom:8px}
.paket2__bild svg{width:100%;height:100%;display:block}
.paket2__claim{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise);margin:0}
.paket2__name{font-family:var(--display);font-size:clamp(2.6rem,3.6vw,3.6rem);line-height:.9;letter-spacing:.01em;color:var(--tinte);margin:0}
.paket2__preis{display:flex;align-items:baseline;gap:10px;margin:2px 0 6px}
.paket2__preis b{font-family:var(--display);font-size:clamp(2.2rem,3vw,3rem);line-height:.9;color:var(--blau);letter-spacing:.01em}
.paket2__preis span{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise)}
.paket2 ul{list-style:none;padding:0;margin:0 0 8px;border-top:1px solid var(--linie)}
.paket2 li{padding:9px 0 9px 20px;position:relative;font-size:.92rem;line-height:1.45;border-bottom:1px solid var(--linie)}
.paket2 li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:1px;background:var(--tinte)}
.paket2 .btn{margin-top:auto}
.pakete2__fuss{margin-top:22px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-leise);line-height:1.8}
@media(max-width:900px){.pakete2{grid-template-columns:1fr}}

/* Drei Zitate, die schweben */
.zitate{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;min-height:360px}
.zitat{margin:0;background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-lg);padding:34px 32px 28px;animation:treiben 9s ease-in-out infinite;will-change:transform}
.zitat--2{margin-top:70px;animation-delay:-3s;animation-duration:11s}
.zitat--3{margin-top:24px;animation-delay:-6s;animation-duration:10s}
.zitat p{font-family:var(--display);font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:.98;letter-spacing:.005em;color:var(--tinte);margin:0 0 18px}
.zitat cite{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise)}
@keyframes treiben{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-14px) rotate(.6deg)}}
@media(prefers-reduced-motion:reduce){.zitat{animation:none}}
@media(max-width:900px){.zitate{grid-template-columns:1fr}.zitat--2,.zitat--3{margin-top:0}}

/* FAQ zentriert, unten abgerundet */
.faq-wrap{max-width:48rem}
.lede--mitte{text-align:center}
.lede--mitte .eyebrow{justify-content:center}
.lede--mitte .h2{margin-left:auto;margin-right:auto}
.faq{max-width:none}
.blatt{background:transparent}
.blatt>.sec:last-of-type{border-radius:0 0 44px 44px;padding-bottom:clamp(96px,10vw,140px)}

/* Footer mit dem nächsten Schritt */
.fuss{padding:96px 0 32px}
.fuss__schritt{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center;padding-bottom:64px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:32px}
.fuss .eyebrow{color:var(--tuerkis)}
.fuss__h2{color:#fff;font-size:clamp(2.6rem,4.6vw,4.4rem)}
.fuss .gross{color:var(--text-hell);max-width:30rem;margin-top:16px}
.fuss__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fuss .chip{border-color:rgba(255,255,255,.3);color:#fff}
.fuss .kalender{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:24px}
.fuss .kalender__kopf{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}
.fuss .slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.fuss .slot{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:12px;font-family:var(--mono);font-size:.72rem;cursor:pointer}
.fuss .slot--an{background:#fff;color:var(--tinte);border-color:#fff}
.fuss .slot--weg{opacity:.35;text-decoration:line-through;pointer-events:none}
.fuss__leiste{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.fuss__unten{margin:0;display:flex;gap:16px;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.fuss__unten a{color:inherit;text-decoration:none}
.fuss__links{justify-content:center}
@media(max-width:900px){.fuss__schritt,.fuss__leiste{grid-template-columns:1fr}.fuss__links{justify-content:flex-start}}