/* Paketseite: derselbe Beispielbetrieb („Sonnenkorn“, fiktiv) in drei Kapiteln — STARTER, PREMIUM, EXKLUSIV.
   Jedes Kapitel hat eine eigene Umgebung (Fläche, Licht, Schrift, Komposition). Beim Scrollen bleibt die Bühne stehen (Pin), der Fortschritt steckt in --kp (Kapitel)
   bzw. --a1…--a4 (EXKLUSIV-Szene); gesetzt von pakete.js. Ohne Skript oder mit „Bewegung reduzieren“ entsteht eine ruhige, vollständige Standansicht. */

/* ================= Stufenleiste (immer sichtbar, sobald die Kapitel beginnen) ================= */
.hud{position:fixed;left:0;right:0;top:var(--kopf-h);z-index:55;height:46px;background:rgba(10,13,19,.97);border-bottom:1px solid var(--linie-2);visibility:hidden;opacity:0;transform:translateY(-100%);transition:opacity var(--t-mittel) var(--ease-io),transform var(--t-mittel) var(--ease),visibility 0s linear var(--t-mittel)}
.hud.an{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.hud-in{height:100%;display:flex;align-items:stretch;justify-content:space-between;gap:1rem}
.hud-rail{display:flex;height:100%}
.hud-rail a{position:relative;display:flex;align-items:center;gap:.7rem;height:100%;padding:0 1.3rem 0 0;margin-right:.6rem;text-decoration:none;color:var(--text-3);font:500 .74rem/1 var(--mono);letter-spacing:.16em;transition:color var(--t-mittel)}
.hud-rail a b{font-weight:500;color:var(--text-3);transition:color var(--t-mittel)}
.hud-rail a::after{content:"";position:absolute;left:0;right:.6rem;bottom:-1px;height:2px;background:var(--linie-2)}
.hud-rail a::before{content:"";position:absolute;left:0;right:.6rem;bottom:-1px;height:2px;background:var(--gold-verlauf);transform-origin:left;transform:scaleX(0);z-index:1;transition:transform var(--t-mittel) var(--ease)}
.hud-rail a.fertig::before{transform:scaleX(1);opacity:.55}
.hud-rail a.jetzt{color:var(--text)}
.hud-rail a.jetzt b{color:var(--gold)}
.hud-rail a.jetzt::before{transform:scaleX(var(--hp-kap,0));opacity:1;transition:none}
.hud-preis{display:flex;align-items:center;gap:.8rem;font:500 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.hud-preis b{font:700 1.15rem/1 var(--anzeige);letter-spacing:-.03em;color:var(--gold-hell);text-transform:none}
@media (max-width:860px){
  .hud-rail a{min-width:44px;justify-content:center;padding:0 .6rem;margin-right:0;gap:.5rem;font-size:.66rem}
  .hud-rail a::before,.hud-rail a::after{left:0;right:0}
  .hud-rail a span{display:none}
  .hud-rail a.jetzt span{display:inline}
  .hud-preis .lab,.hud-preis .danach{display:none}
}

/* ================= Einstieg ================= */
.p-intro{position:relative;min-height:92svh;display:flex;align-items:flex-end;padding:calc(var(--kopf-h) + clamp(3rem,7vw,6rem)) 0 clamp(2.5rem,5vw,4.5rem);overflow:clip;isolation:isolate;background:var(--grund)}
.p-intro-licht{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(56% 50% at 82% 26%,rgba(233,194,116,.14),transparent 72%),radial-gradient(46% 60% at 0% 100%,rgba(64,96,160,.24),transparent 72%),linear-gradient(90deg,rgba(150,172,206,.05) 1px,transparent 1px) 0 0/clamp(72px,9vw,128px) 100%}
.p-intro.korn::before{-webkit-mask:linear-gradient(180deg,#000 60%,transparent);mask:linear-gradient(180deg,#000 60%,transparent)}
.p-intro-in{position:relative;z-index:1}
.p-intro h1{margin:1.6rem 0 1.8rem;font-weight:240;font-size:clamp(3rem,9.6vw,9.4rem);line-height:.88;letter-spacing:-.055em}
.p-intro h1 .z{display:block}
.p-intro h1 .z2{font-weight:800;color:var(--text);letter-spacing:-.065em}
.p-intro .lead{max-width:34em}
.p-leiter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-top:clamp(2.4rem,5vw,4rem);border-bottom:1px solid var(--linie-3)}
.p-leiter a{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:1.4rem 1.6rem 1.6rem;text-decoration:none;border:1px solid var(--linie-2);border-bottom:0;transition:background var(--t-mittel)}
.p-leiter li+li a{margin-left:-1px}
.pl-1 a{min-height:9.5rem;background:var(--f1)}
.pl-2 a{min-height:12rem;background:var(--f2);border-color:var(--linie-3)}
.pl-3 a{min-height:14.5rem;background:linear-gradient(180deg,#232c40,#141924 60%,#0e121a);border-color:rgba(233,194,116,.5);box-shadow:0 -40px 90px -50px rgba(233,194,116,.4)}
.p-leiter a:hover{background:var(--f3)}
.pl-nr{font:500 .7rem/1 var(--mono);letter-spacing:.2em;color:var(--text-3)}
.pl-3 .pl-nr{color:var(--gold)}
.pl-name{margin-top:auto;font:300 clamp(1.6rem,3vw,2.6rem)/1 var(--anzeige);letter-spacing:-.045em}
.pl-2 .pl-name{font-weight:540}.pl-3 .pl-name{font-weight:800}
.pl-preis{font:300 clamp(1.3rem,2vw,1.8rem)/1 var(--anzeige);letter-spacing:-.03em;color:var(--text-2)}
.pl-3 .pl-preis{color:var(--gold-hell);font-weight:600}
.pl-sub{font-size:.8rem;color:var(--text-3)}
.p-hinweis{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 2rem;margin-top:1.6rem;font:400 .8rem/1.5 var(--mono);letter-spacing:.02em;color:var(--text-3)}
@media (max-width:860px){
  .p-intro{min-height:0}
  .p-intro h1{font-size:clamp(3rem,15vw,4.8rem)}
  .p-leiter{grid-template-columns:minmax(0,1fr);border-bottom:0;gap:1px}
  .p-leiter a{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;min-height:0!important;border:1px solid var(--linie-2);margin-left:0!important}
  .pl-1 a{border-left:2px solid var(--linie-3)}.pl-2 a{border-left:4px solid var(--gold-tief)}.pl-3 a{border-left:6px solid var(--gold)}
  .pl-name{margin-top:0;flex:1}.pl-sub{flex-basis:100%}
}

/* ================= Kapitel: gemeinsame Bühne ================= */
.kap{--kp:0;position:relative}
.kap-pin{position:relative;display:flex;align-items:center;min-height:100svh;padding:calc(var(--kopf-h) + 46px + 1.6rem) 0 2.4rem;overflow:clip;isolation:isolate}
.fahrt .kap-pin{position:sticky;top:0;height:100svh;min-height:0}
.fahrt .kap-starter{height:300vh}
.fahrt .kap-premium{height:340vh}
.fahrt .kap-exklusiv{height:620vh}
.kap-in{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,4.4vw,5rem);align-items:center;width:100%}
.kap-nr{display:flex;align-items:center;gap:.9rem;font:500 .72rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-3)}
.kap-nr b{font-weight:500;color:var(--gold)}
.kap-nr::before{content:"";width:2.4rem;height:1px;background:var(--gold-verlauf)}
.kap-name{margin:1.2rem 0 1.2rem;font-size:clamp(3.2rem,6.6vw,6.6rem);line-height:.88;letter-spacing:-.06em}
.kap-starter .kap-name{font-weight:300}
.kap-premium .kap-name{font-weight:560}
.kap-exklusiv .kap-name{font-weight:800;background:var(--gold-verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.kap .lead{max-width:24em;font-size:clamp(1.05rem,1.45vw,1.25rem)}
.kap-punkte{margin:1.6rem 0 1.2rem;display:flex;flex-direction:column}
.kap-punkte li{position:relative;padding:.75rem 0 .75rem 1.4rem;border-top:1px solid var(--linie);font-size:.95rem;line-height:1.5;color:var(--text-2);transition:opacity .4s}
.kap-punkte li::before{content:"";position:absolute;left:0;top:1.35rem;width:.6rem;height:1px;background:var(--gold)}
.fahrt .kap-punkte li:nth-child(2){opacity:clamp(.66,calc(.66 + (var(--kp) - .04) * 4),1)}
.fahrt .kap-punkte li:nth-child(3){opacity:clamp(.66,calc(.66 + (var(--kp) - .2) * 4),1)}
.fahrt .kap-punkte li:nth-child(4){opacity:clamp(.66,calc(.66 + (var(--kp) - .36) * 4),1)}
.kap-note{max-width:26em;padding:.9rem 0 0;border-top:1px solid var(--linie-2);font-size:.9rem;line-height:1.5;color:var(--text-3)}
.kap-preis{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem;margin-top:1.3rem}
.kap-preis .lab{flex-basis:100%;font:500 .66rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}
.kap-preis strong{font:300 clamp(2.4rem,3.8vw,3.6rem)/1 var(--anzeige);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.kap-premium .kap-preis strong{font-weight:540}
.kap-exklusiv .kap-preis strong{font-weight:800;color:var(--gold-hell)}
.kap-preis .danach{font-size:.9rem;color:var(--text-2)}
.kap-fortschritt{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold-verlauf);transform-origin:left;transform:scaleX(var(--kp));z-index:5;opacity:.85}
html:not(.fahrt) .kap-fortschritt{display:none}

/* Fenster und Handy (Beispielbetrieb) */
.kap-buehne{position:relative;min-width:0;perspective:1800px}
.geraete{position:relative;width:min(100%,780px);margin-inline:auto 0}
.win{position:relative;border-radius:10px;overflow:hidden;background:#05070a;border:1px solid var(--linie-3);box-shadow:0 60px 110px -40px rgba(0,0,0,.92)}
.win-bar{display:flex;align-items:center;gap:.42rem;height:28px;padding:0 .8rem;background:linear-gradient(#1c2333,#151b29);border-bottom:1px solid var(--linie-2)}
.win-bar i{width:8px;height:8px;border-radius:50%;background:var(--f4)}
.win-bar span{margin-left:.8rem;padding:.3rem .8rem;background:var(--f0);border-radius:2px;font:500 .62rem/1 var(--mono);letter-spacing:.08em;color:var(--text-3)}
.screen{position:relative;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;background:#f1e8d8}
.ph{position:absolute;right:-4%;bottom:-12%;width:23%;aspect-ratio:312/650;padding:5px;border-radius:clamp(14px,2vw,26px);background:linear-gradient(150deg,#56617a 0%,#161b26 34%,#0b0e14 62%,#3a4358 100%);box-shadow:0 50px 90px -20px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.08);transform:translateZ(60px) rotateY(-6deg)}
.ph-screen{position:relative;height:100%;border-radius:calc(clamp(14px,2vw,26px) - 4px);overflow:hidden;container-type:inline-size;background:#f1e8d8}
html:not(.hat-handy) .ph{display:none}

/* ---- Die Seite im Fenster: derselbe Aufbau in em, skaliert mit der Breite des Fensters (cqw) ---- */
.mock{--mk-bg:#f1e8d8;--mk-ink:#2b2218;--mk-acc:#a8591a;--mk-soft:#e4d7bf;font-size:1.25cqw;line-height:1.4;font-family:var(--fliess);color:var(--mk-ink);background:var(--mk-bg);width:100%}
.mk-seite{transform:translate3d(0,calc(var(--kp,0) * var(--mock-px,0px) * -1),0);will-change:transform}
html:not(.fahrt) .mk-seite{transform:none}
.mk-kopf{display:flex;align-items:center;gap:3em;padding:1.6em 4em;border-bottom:1px solid rgba(43,34,24,.12)}
.mk-logo{font:800 2.2em/1 var(--anzeige);letter-spacing:-.03em}
.mk-nav{display:flex;gap:2.4em;margin-left:auto;font-size:1.15em;opacity:.75}
.mk-nav i{font-style:normal}
.mk-burger{display:none;margin-left:auto;width:1.8em;height:1em;border-top:.14em solid var(--mk-acc);border-bottom:.14em solid var(--mk-acc);position:relative}
.mk-burger::after{content:"";position:absolute;left:0;right:0;top:50%;height:.14em;margin-top:-.07em;background:var(--mk-acc)}
.mk-btn{display:inline-block;padding:.9em 1.7em;background:var(--mk-acc);color:#fff;font-weight:700;font-size:1.2em;border-radius:.3em}
.mk-klein{padding:.65em 1.2em;font-size:1.05em}
.mk-held{display:grid;grid-template-columns:1.05fr 1fr;gap:3em;padding:5em 4em;align-items:center}
.mk-t small{display:block;margin-bottom:1.6em;font:500 1em/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.78}
.mk-h{font:700 6.2em/.95 var(--anzeige);letter-spacing:-.045em}
.mk-h2{font:700 3.6em/1 var(--anzeige);letter-spacing:-.04em}
.mk-t p{max-width:22em;margin:1.4em 0 2em;font-size:1.5em;opacity:.86}
.mk-b img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:.4em}
.mk-leist{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;padding:4em;border-top:1px solid rgba(43,34,24,.12)}
.mk-leist b{display:block;font:700 2.2em/1.1 var(--anzeige);letter-spacing:-.03em}
.mk-leist span{display:block;margin-top:.4em;font-size:1.3em;opacity:.82}
.mk-ueber{display:grid;grid-template-columns:1fr 1fr;gap:4em;align-items:center;padding:4em;background:var(--mk-soft)}
.mk-kontakt{display:flex;justify-content:space-between;align-items:center;gap:2em;padding:4em;background:#2b2218;color:#f1e8d8}
.mk-kontakt b{display:block;font:700 2.4em/1 var(--anzeige);letter-spacing:-.03em}
.mk-kontakt span:not(.mk-btn):not(.mk-feld){display:block;margin-top:.6em;font-size:1.3em;opacity:.75}

/* PREMIUM-Fassung der Seite: Serifen, dunkler Kopfbereich, Bildkarten, Galerie, Ablauf, Anfrage */
.m-p{--mk-bg:#f6eedf;--mk-ink:#2a1d12;--mk-acc:#d99a3d;--mk-soft:#eadcc3;--mk-dark:#2a1d12}
.m-p .mk-kopf{padding:1.8em 4em;background:var(--mk-bg)}
.m-p .mk-logo{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:2.4em;letter-spacing:-.02em}
.m-p .mk-nav{gap:2em;font-size:1.05em}
.m-p .mk-btn{background:var(--mk-dark);color:#f6eedf}
.m-p .mk-held{background:var(--mk-dark);color:#f6eedf;grid-template-columns:1fr 1.1fr;gap:0;padding:0 0 0 4em;align-items:stretch;min-height:34em}
.m-p .mk-t{align-self:center;padding:3em 3em 3em 0;position:relative;z-index:2}
.m-p .mk-h{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:6em;letter-spacing:-.03em;line-height:.98}
.m-p .mk-h em{font-style:italic;color:var(--mk-acc)}
.m-p .mk-t .mk-btn{background:var(--mk-acc);color:#2a1d12}
.m-p .mk-b{position:relative}
.m-p .mk-b img{height:100%;aspect-ratio:auto;border-radius:0}
.mk-siegel{position:absolute;left:-4.5em;bottom:3.6em;display:grid;place-items:center;width:9.4em;height:9.4em;border-radius:50%;background:var(--mk-acc);color:#2a1d12;text-align:center;font:700 1.25em/1.2 var(--fliess);box-shadow:0 1em 2em rgba(0,0,0,.35)}
.m-p .mk-leist{gap:2.4em;padding:5em 4em;border-top:0}
.m-p .mk-leist div{animation:mkhebe 7s var(--ease-io) infinite}
.m-p .mk-leist div:nth-child(2){animation-delay:2.2s}.m-p .mk-leist div:nth-child(3){animation-delay:4.4s}
.m-p .mk-leist img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.3em}
.m-p .mk-leist b{margin-top:1em;font-family:Georgia,"Times New Roman",serif;font-weight:700}
@keyframes mkhebe{0%,70%,100%{transform:none}12%,28%{transform:translateY(-1.2em)}}
.mk-galerie{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 0 5em 4em}
.mk-galerie::-webkit-scrollbar{display:none}
.mk-galerie-in{display:flex;gap:1.6em;width:max-content;transform:translate3d(calc(var(--kp,0) * -26em),0,0)}
html:not(.fahrt) .mk-galerie-in{transform:none}
.mk-galerie img{flex:none;width:34em;aspect-ratio:4/3;object-fit:cover;border-radius:.3em}
.mk-ablauf{display:grid;grid-template-columns:repeat(3,1fr);gap:3em;padding:5em 4em;background:var(--mk-dark);color:#f6eedf}
.mk-ablauf b{display:block;margin-bottom:.2em;font:400 5.6em/1 Georgia,"Times New Roman",serif;color:var(--mk-acc)}
.mk-ablauf div{font:400 2.4em/1.1 Georgia,"Times New Roman",serif}
.mk-ablauf span{display:block;margin-top:.7em;font:400 .55em/1.4 var(--fliess);opacity:.7}
.m-p .mk-kontakt{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:end;gap:1.6em;background:var(--mk-bg);color:var(--mk-ink)}
.mk-feld{padding:1em 0;border-bottom:1px solid currentColor;font-size:1.3em;opacity:.8}
.m-p .mk-kontakt .mk-btn{background:var(--mk-dark);color:#f6eedf}

/* Handy-Fassung (Fensterbreite ≤ 420 px): Aufbau wird neu gesetzt, nicht verkleinert */
@container (max-width:420px){
  .mock{font-size:4.5cqw}
  .mk-kopf,.m-p .mk-kopf{gap:1em;padding:1.1em 1.1em}
  .mk-nav{display:none}.mk-burger{display:block}
  .mk-logo,.m-p .mk-logo{font-size:1.6em}
  .mk-klein{display:none}
  .mk-held{grid-template-columns:1fr;gap:1.2em;padding:1.6em 1.1em}
  .mk-h{font-size:3.3em}
  .mk-h2{font-size:2.2em}
  .mk-t p{margin:.8em 0 1.1em;font-size:1em}
  .mk-btn{font-size:1em;padding:.8em 1.3em}
  .mk-b{order:-1}
  .mk-leist{grid-template-columns:1fr;gap:1em;padding:1.6em 1.1em}
  .mk-leist b{font-size:1.4em}.mk-leist span{font-size:.95em}
  .mk-ueber{grid-template-columns:1fr;gap:1.2em;padding:1.6em 1.1em}
  .mk-kontakt,.m-p .mk-kontakt{display:flex;flex-direction:column;align-items:flex-start;gap:1em;padding:1.6em 1.1em}
  .mk-kontakt b{font-size:1.5em}.mk-kontakt span:not(.mk-btn):not(.mk-feld){font-size:.95em}
  .m-p .mk-held{padding:0;min-height:0}
  .m-p .mk-t{padding:1.4em 1.1em 1.6em}
  .m-p .mk-b{order:-1}
  .m-p .mk-b img{height:11em}
  .m-p .mk-h{font-size:3.1em}
  .mk-siegel{left:auto;right:1em;bottom:-2em;width:6em;height:6em;font-size:.8em}
  .m-p .mk-leist{padding:2em 1.1em}
  .mk-galerie{padding:0 0 2em 1.1em}
  .mk-galerie-in{gap:1em}
  .mk-galerie img{width:15em}
  .mk-ablauf{grid-template-columns:1fr;gap:1.4em;padding:2em 1.1em}
  .mk-ablauf b{font-size:3em}
  .mk-ablauf div{font-size:1.6em}
  .mk-feld{width:100%;font-size:1em}
}

/* ---- STARTER: ruhige, flache Umgebung ---- */
.kap-starter .kap-pin{background:var(--grund) radial-gradient(60% 55% at 72% 46%,rgba(130,160,210,.11),transparent 72%)}
.kap-starter .geraete{width:min(100%,740px)}

/* ---- PREMIUM: tiefere Umgebung, warmes Licht, Seitenstapel in Perspektive ---- */
.kap-premium .kap-pin{background:linear-gradient(180deg,#0a0d14,#10141e 55%,#0b0e15)}
.kap-premium .kap-pin::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(56% 58% at 74% 44%,rgba(217,154,61,.2),transparent 72%),radial-gradient(40% 50% at 4% 90%,rgba(70,90,150,.2),transparent 70%)}
.kap-premium .geraete{width:min(100%,760px);transform-style:preserve-3d;transform:rotateY(calc(-10deg + var(--kp) * 5deg)) rotateX(3deg)}
.win-b,.win-c{position:absolute;width:88%}
.win-b{left:-9%;top:-9%;transform:translate3d(calc(var(--kp) * -3%),calc(var(--kp) * -4%),-70px)}
.win-c{left:18%;top:-19%;width:80%;transform:translate3d(calc(var(--kp) * 4%),calc(var(--kp) * -6%),-150px);opacity:.9}
.win-a{position:relative;transform:translateZ(0)}
.stack-seite{position:absolute;inset:0;background:#f6eedf}
.stack-b{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:1.2%;padding:2%;background:#2a1d12}
.stack-b img{width:100%;height:100%;object-fit:cover}
.stack-b img:first-child{grid-row:1/3}
.stack-c{padding:8% 10%;background:#2a1d12;color:#f6eedf}
.stack-c b{display:block;font:400 clamp(1.4rem,3vw,2.4rem)/1 Georgia,serif;margin-bottom:6%}
.stack-c span{display:block;height:7%;margin-bottom:3.4%;background:rgba(246,238,223,.14)}
.stack-c span:nth-child(2){width:84%}.stack-c span:nth-child(3){width:62%}.stack-c span:nth-child(4){width:74%}
.kap-premium .ph{right:-3%;bottom:-14%;width:25%;transform:translateZ(110px) rotateY(-8deg)}

/* ================= Wechsel zwischen den Stufen ================= */
.wechsel{position:relative;padding-block:clamp(4rem,9vw,8rem);background:var(--f1);border-block:1px solid var(--linie);overflow:clip}
.wechsel-ex{background:linear-gradient(180deg,#0f131c,#090b10)}
.wechsel-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.wechsel-zahl{display:flex;align-items:center;gap:.12em;font:800 clamp(5rem,13vw,12rem)/.8 var(--anzeige);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px var(--linie-3)}
.wz::before{content:attr(data-n)}
.wechsel-zahl .pf{font-weight:300;font-size:.5em;color:var(--gold);-webkit-text-stroke:0}
.wechsel h2{font-weight:300;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1}
.deltas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;margin-top:2rem;border-top:1px solid var(--linie-2)}
.deltas li{display:flex;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--linie);color:var(--text-2)}
.deltas b{flex:none;color:var(--gold);font:500 1rem/1.6 var(--mono)}

/* ================= EXKLUSIV: die Seite verlässt den Rahmen =================
   Eine Szene, vier Akte (Fortschritt: --a1…--a4):
   1 Rahmen (kontrolliert, wie die Stufen davor) → 2 Ausbruch (Rahmen weitet sich zur Vollfläche, Schrift wächst, Medium öffnet sich)
   → 3 Explosionszeichnung (die Seite zerfällt in Ebenen: Medium, Licht, Typografie, Interface, Mobil) → 4 Szene (Ebenen setzen sich zur bildfüllenden Komposition zusammen).
   Ohne Skript/„Bewegung reduzieren“ bleibt die zerlegte Ansicht als ruhiges Standbild stehen. */
.kap-exklusiv{--a1:1;--a2:1;--a3:1;--a4:1;--s0:.54}
.kap-exklusiv .kap-pin{background:#050608;padding:0;align-items:stretch;flex-direction:column}
.ex-kopf{position:relative;z-index:6;display:flex;align-items:center;padding-top:calc(var(--kopf-h) + 46px + 1rem);padding-bottom:2rem;pointer-events:none}
.ex-kopf .kap-text{max-width:27rem;pointer-events:auto}
.fahrt .ex-kopf{position:absolute;inset:0;opacity:clamp(0,calc(1 - var(--a2) * 4.5),1)}
.ex-box{position:relative;width:100%;height:min(92svh,860px);perspective:1700px;perspective-origin:50% 42%}
.fahrt .ex-box{position:absolute;inset:0;height:auto}
.ex-welt{--r:calc(20px * (1 - var(--a2)) + 14px * var(--a3));position:absolute;inset:0;transform-style:preserve-3d;transform-origin:calc(100% - 50% * var(--a2)) 50%;
  transform:translate3d(calc(-7vw * (1 - var(--a2)) + 5vw * var(--a3)),calc(var(--a3) * -7vh),0)
    scale(calc((var(--s0) + (1 - var(--s0)) * var(--a2)) * (1 - .6 * var(--a3)) * (1 + .07 * var(--a4))))
    rotateX(calc(var(--a3) * 58deg)) rotateZ(calc(var(--a3) * -34deg))}
.ex-welt::before{content:"";position:absolute;inset:0;border-radius:var(--r);background:#0a0805;transform:translateZ(calc(var(--a3) * -230px));box-shadow:inset 0 0 0 1px rgba(233,194,116,calc(.5 * var(--a3))),0 60px 120px -30px rgba(0,0,0,.9)}
.ex-l{position:absolute;inset:0;border-radius:var(--r);overflow:hidden}
.ex-l::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(233,194,116,calc(.65 * var(--a3)))}
.ex-bild{transform:translateZ(calc(var(--a3) * -150px));clip-path:inset(calc(15% * (1 - var(--a2))) calc(5% * (1 - var(--a2))) calc(13% * (1 - var(--a2))) calc(53% * (1 - var(--a2))) round var(--r))}
.ex-bild img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.04 + .1 * var(--a4)))}
.ex-licht{transform:translateZ(calc(var(--a3) * -60px));background:linear-gradient(90deg,rgba(6,4,2,.9),rgba(6,4,2,.45) 50%,rgba(6,4,2,.05)),linear-gradient(0deg,rgba(6,4,2,.7),transparent 40%),radial-gradient(40% 50% at 82% 24%,rgba(255,196,110,.26),transparent 70%);opacity:calc(.25 + .75 * var(--a2))}
.ex-typo{transform:translateZ(calc(var(--a3) * 50px));display:flex;flex-direction:column;justify-content:flex-start;padding:calc(32vh - 16vh * var(--a2)) 0 0 6%}
.ex-typo span{display:block;font-family:var(--anzeige);font-weight:calc(240 + 560 * var(--a2));font-size:calc(7.2vw + 3.6vw * var(--a2));line-height:.86;letter-spacing:-.055em;color:#f8ecd4;white-space:nowrap}
.ex-z2{margin-left:calc(3vw * var(--a2))}
.ex-z3{margin-left:calc(9vw * var(--a2));color:var(--gold)}
.ex-ui{transform:translateZ(calc(var(--a3) * 130px))}
.ex-chrome{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:.5vw;height:4.4vh;min-height:26px;padding:0 1.6vw;background:linear-gradient(#1c2333,#151b29);opacity:calc(1 - var(--a2) * 1.6)}
.ex-chrome i{width:.6vw;min-width:7px;height:.6vw;min-height:7px;border-radius:50%;background:var(--f4)}
.ex-chrome span{margin-left:1vw;padding:.3vh 1vw;background:var(--f0);font:500 max(.6vw,9px)/1.4 var(--mono);letter-spacing:.08em;color:var(--text-3)}
.ex-nav{position:absolute;left:0;right:0;top:calc(4.4vh * (1 - var(--a2)));display:flex;align-items:center;justify-content:space-between;padding:2.6vh 4vw}
.ex-logo{font:800 max(1.5vw,15px)/1 var(--anzeige);letter-spacing:-.03em;color:#f8ecd4}
.ex-menue,.ex-anfrage{font:500 max(.8vw,10px)/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#f8ecd4}
.ex-menue{margin-left:auto;margin-right:2.4vw}
.ex-anfrage{padding:1.2vh 1.4vw;background:var(--gold);color:#1a1205}
.ex-kapitel{position:absolute;left:50%;margin-left:-8vw;bottom:5vh;display:flex;align-items:center;gap:1vw;font:500 max(.75vw,10px)/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(248,236,212,.75)}
.ex-kapitel b{color:var(--gold);font-weight:500}
.ex-kapitel i{width:6vw;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.ex-ecken{position:absolute;inset:2.4vw;opacity:calc(.15 + .85 * var(--a2));background:
  linear-gradient(var(--gold),var(--gold)) 0 0/26px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 0/1px 26px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 100% 0/26px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 0/1px 26px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 0 100%/26px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 100%/1px 26px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 100% 100%/26px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 100%/1px 26px no-repeat}
.ex-handy{position:absolute;right:5%;bottom:5%;width:21%;aspect-ratio:312/650;padding:.45vw;border-radius:2.2vw;background:linear-gradient(150deg,#56617a 0%,#161b26 34%,#0b0e14 62%,#3a4358 100%);box-shadow:0 4vw 7vw -2vw rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.1);
  transform-origin:100% 100%;transform:translateZ(calc(70px + var(--a3) * 240px)) rotateY(calc(-8deg - var(--a3) * 10deg)) scale(calc(1 - .3 * var(--a2) + .12 * var(--a3))) translate3d(calc(var(--a4) * -6vw),calc(var(--a4) * -4vh),0)}
.ex-handy-screen{position:relative;height:100%;border-radius:1.8vw;overflow:hidden;background:#0a0805}
.ex-handy-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.ex-handy-typo{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.6vw;padding:1.8vw 1.6vw;background:linear-gradient(0deg,rgba(6,4,2,.88),transparent 70%);color:#f8ecd4}
.ex-handy-typo small{font:500 max(.55vw,8px)/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ex-handy-typo b{font:800 2.3vw/.9 var(--anzeige);letter-spacing:-.05em}
.ex-handy-typo span{align-self:flex-start;padding:.5vw .9vw;background:var(--gold);color:#1a1205;font:700 max(.6vw,8px)/1 var(--fliess)}
.ex-legende{position:absolute;left:clamp(1.15rem,4.2vw,2.75rem);bottom:clamp(2rem,9vh,5rem);z-index:5;display:flex;flex-direction:column;gap:.15rem;pointer-events:none}
.ex-legende li{display:flex;align-items:center;gap:.9rem;font:500 .74rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);padding:.45rem 0}
.ex-legende li::after{content:"";width:2.6rem;height:1px;background:var(--gold)}
.ex-legende b{font-weight:500;color:var(--gold)}
.fahrt .ex-legende li{opacity:clamp(0,calc((var(--a3) - .1) * 5),1)}
.fahrt .ex-legende li:nth-child(2){opacity:clamp(0,calc((var(--a3) - .2) * 5),1)}
.fahrt .ex-legende li:nth-child(3){opacity:clamp(0,calc((var(--a3) - .3) * 5),1)}
.fahrt .ex-legende li:nth-child(4){opacity:clamp(0,calc((var(--a3) - .4) * 5),1)}
.fahrt .ex-legende li:nth-child(5){opacity:clamp(0,calc((var(--a3) - .5) * 5),1)}
.ex-ziel{position:absolute;left:clamp(1.15rem,4.2vw,2.75rem);bottom:clamp(2.6rem,11vh,5.5rem);z-index:6;max-width:34rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;opacity:clamp(0,calc((var(--a4) - .3) * 3.2),1)}
.ex-satz{font:300 clamp(1.4rem,2.1vw,2rem)/1.15 var(--anzeige);letter-spacing:-.035em;color:#f8ecd4}
.ex-ziel-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:.4rem}
.ex-preis{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;color:var(--text-2)}
.ex-preis .lab{flex-basis:100%;font:500 .66rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}
.ex-preis strong{font:800 2.2rem/1 var(--anzeige);letter-spacing:-.05em;color:var(--gold-hell)}
.fahrt .ex-ziel{visibility:hidden}
.fahrt .kap-exklusiv.ziel-an .ex-ziel{visibility:visible}
html:not(.fahrt) .ex-legende{bottom:auto;top:2rem}
html:not(.fahrt) .ex-preis{display:none}
html:not(.fahrt) .ex-chrome{display:none}
.fahrt .kap-exklusiv:not(.zerlegt) .ex-legende{visibility:hidden}

/* Handy: Hochformat, die Szene ist selbst „das Handy“; Computer-Elemente entfallen */
@media (max-width:860px){
  .kap-exklusiv{--s0:.6}
  .kap-in{grid-template-columns:minmax(0,1fr);gap:1rem}
  .kap-buehne{order:-1}
  .kap-pin{padding-top:calc(var(--kopf-h) + 46px + .8rem);padding-bottom:1.2rem;align-items:flex-start}
  .kap-name{margin:.6rem 0 .5rem;font-size:clamp(2.6rem,13vw,3.6rem)}
  .kap .lead{font-size:.98rem;line-height:1.45}
  .kap-punkte{margin:.9rem 0 .6rem}
  .kap-punkte li{padding:.5rem 0 .5rem 1.2rem;font-size:.84rem;line-height:1.4}
  .kap-punkte li::before{top:1rem}
  .kap-punkte li:nth-child(4){display:none}
  .kap-note{font-size:.8rem;padding-top:.6rem}
  .kap-preis{margin-top:.8rem}
  .kap-preis strong{font-size:2.2rem}
  .geraete{width:100%;margin:0 auto 3.6rem}
  .win{width:84%}
  .ph{right:0;bottom:-33%;width:36%}
  .kap-premium .geraete{transform:none}
  .kap-premium .ph{transform:none;width:36%;bottom:-33%}
  .win-b{left:-2%;top:-8%;width:78%;transform:none}
  .win-c{display:none}
  .fahrt .kap-starter{height:260vh}
  .fahrt .kap-premium{height:300vh}
  .fahrt .kap-exklusiv{height:520vh}
  .wechsel-in{grid-template-columns:minmax(0,1fr)}
  .deltas{grid-template-columns:minmax(0,1fr)}
  /* EXKLUSIV auf dem Handy */
  .ex-kopf{align-items:flex-start;padding-top:calc(var(--kopf-h) + 46px + .8rem)}
  .ex-kopf .kap-text{max-width:none}
  .ex-kopf .lead,.ex-kopf .kap-punkte,.ex-kopf .kap-note{display:none}
  .ex-kopf .kap-name{font-size:clamp(2.8rem,14vw,3.8rem);margin:.6rem 0 .4rem}
  .ex-welt{transform-origin:50% calc(100% - 50% * var(--a2));transform:translate3d(0,calc(-4vh * (1 - var(--a2)) - var(--a3) * 2vh),0) scale(calc((var(--s0) + (1 - var(--s0)) * var(--a2)) * (1 - .5 * var(--a3)) * (1 + .05 * var(--a4)))) rotateX(calc(var(--a3) * 52deg)) rotateZ(calc(var(--a3) * -30deg))}
  .ex-chrome{display:none}
  .ex-bild{clip-path:inset(calc(46% * (1 - var(--a2))) calc(8% * (1 - var(--a2))) calc(10% * (1 - var(--a2))) calc(8% * (1 - var(--a2))) round var(--r))}
  .ex-nav{top:0;padding:2.2vh 7vw}
  .ex-logo{font-size:5vw}.ex-menue,.ex-anfrage{font-size:max(2.6vw,10px)}
  .ex-typo{justify-content:flex-start;padding:calc(26vh - 10vh * var(--a2)) 7vw 0}
  .ex-typo span{font-size:calc(13vw + 8vw * var(--a2))}
  .ex-z2{margin-left:calc(4vw * var(--a2))}.ex-z3{margin-left:calc(10vw * var(--a2))}
  .ex-kapitel{left:7vw;margin-left:0;bottom:5vh;font-size:max(2.4vw,9px)}
  .ex-ecken{inset:5vw}
  .ex-handy{display:none}
  .ex-legende{left:1.15rem;top:auto;bottom:2.2rem}
  .ex-legende li{font-size:.62rem;padding:.3rem 0}
  .ex-legende li::after{width:1.6rem}
  .ex-ziel{left:1.15rem;right:1.15rem;bottom:4.5rem;max-width:none}
  .ex-satz{font-size:1.6rem}
}

/* ================= Sachlicher Vergleich (kurz) ================= */
.kurz-kopf .titel{margin:1.4rem 0 1.4rem}
.kurz-spalten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2.4rem,5vw,4rem);border-top:1px solid var(--linie-3)}
.kurz-s{padding:1.8rem 1.8rem 2rem;border-right:1px solid var(--linie)}
.kurz-s:first-child{padding-left:0}
.kurz-s:last-child{border-right:0}
.kurz-s h3{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1.4rem;font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:-.04em}
.kurz-s h3 span{font:500 .7rem/1 var(--mono);letter-spacing:.2em;color:var(--gold)}
.kurz-1 h3{font-weight:300}.kurz-2 h3{font-weight:540}.kurz-3 h3{font-weight:800}
.kurz-s dl{margin:0;display:flex;flex-direction:column}
.kurz-s dl>div{padding:.85rem 0;border-top:1px solid var(--linie)}
.kurz-s dt{font:500 .66rem/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:.35rem}
.kurz-s dd{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-2)}
.kurz-regeln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem clamp(1.5rem,4vw,4rem);margin-top:clamp(2rem,4vw,3.4rem);padding:1.8rem 2rem;background:var(--f2);border:1px solid var(--linie-2);border-left:2px solid var(--gold);color:var(--text-2);font-size:.95rem}
.kurz-regeln strong{color:var(--text)}
.kurz-regeln .klein{grid-column:1/-1}
@media (max-width:980px){
  .kurz-spalten{grid-template-columns:minmax(0,1fr)}
  .kurz-s,.kurz-s:first-child{padding:1.6rem 0;border-right:0;border-bottom:1px solid var(--linie-2)}
  .kurz-regeln{grid-template-columns:minmax(0,1fr);padding:1.4rem 1.2rem}
}

/* ================= Preise ================= */
.preise .titel{margin:1.4rem 0 1.4rem}
.preis-tafel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-top:clamp(2.4rem,5vw,4rem);border-bottom:1px solid var(--linie-3)}
.preis-zelle{display:flex;flex-direction:column;gap:.5rem;padding:1.8rem 1.8rem 2rem;border:1px solid var(--linie-2);border-bottom:0}
.preis-zelle+.preis-zelle{margin-left:-1px}
.pz-1{background:var(--f1);min-height:13rem}.pz-2{background:var(--f2);min-height:15.5rem;border-color:var(--linie-3)}
.pz-3{background:linear-gradient(180deg,#232c40,#141924 60%,#0e121a);min-height:18rem;border-color:rgba(233,194,116,.5);box-shadow:0 -40px 90px -50px rgba(233,194,116,.4)}
.preis-zelle h3{font:300 clamp(1.5rem,2.4vw,2.1rem)/1 var(--anzeige);letter-spacing:-.04em}
.pz-2 h3{font-weight:540}.pz-3 h3{font-weight:800}
.preis-zelle .lab{margin-top:auto;font:500 .66rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}
.preis-zelle strong{font:300 clamp(2.4rem,4.4vw,4rem)/1 var(--anzeige);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.pz-2 strong{font-weight:540}.pz-3 strong{font-weight:800;color:var(--gold-hell)}
.preis-zelle .danach{color:var(--text-2);font-size:.92rem}
@media (max-width:860px){
  .preis-tafel{grid-template-columns:minmax(0,1fr);border-bottom:0;gap:1px}
  .preis-zelle,.pz-1,.pz-2,.pz-3{min-height:0;margin-left:0;border:1px solid var(--linie-2);box-shadow:none}
  .pz-1{border-left:2px solid var(--linie-3)}.pz-2{border-left:4px solid var(--gold-tief)}.pz-3{border-left:6px solid var(--gold)}
  .preis-zelle .lab{margin-top:0}
}

/* ================= Abschluss ================= */
.schluss{overflow:clip}
.schluss .titel{margin:1.4rem 0 1.4rem}
.schluss-wahl{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;margin-top:2.4rem}
@media (max-width:620px){.schluss-wahl{flex-direction:column;align-items:stretch}.schluss-wahl .btn{justify-content:space-between}}