/* Einstieg: Kapitel im Vollbild, Bewegung nur bei Ereignis, nur transform und opacity */
body.im-einstieg{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}
body.im-einstieg .fuss{display:none}body.im-einstieg main{padding:0;min-height:0}
.ein{height:100%;overflow-y:auto;scroll-snap-type:y proximity;scroll-behavior:auto;position:relative}
.kap{min-height:100%;scroll-snap-align:start;display:flex;align-items:center;padding:clamp(28px,5vh,64px) clamp(16px,5vw,80px);position:relative}
.kap.hell{background:var(--fl)}.kap.dunkel{background:var(--schwarz);color:#fff}.kap.dunkel .k-eye{color:var(--orange)}
.k-inner{width:100%;max-width:1240px;margin:0 auto}.k-inner.zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,56px);align-items:center}
.k-inner.mitte{text-align:center;max-width:760px}
.k-eye{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--orange-d);margin:0 0 10px}
@media (prefers-color-scheme:dark){.k-eye{color:var(--orange)}}
.kap h1{font-size:clamp(38px,6vw,76px);line-height:1.02;letter-spacing:-.025em;margin:0 0 18px}.kap h1 span{color:var(--orange)}
.kap h2{font-size:clamp(28px,3.6vw,48px);line-height:1.08;letter-spacing:-.02em;margin:0 0 22px}
.k-unter{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--tx2);max-width:56ch}.kap.dunkel .k-lead,.kap.dunkel .k-klein{color:#ffffffc0}
.k-lead{font-size:18px;line-height:1.55;color:var(--tx2);max-width:60ch}.k-klein{font-size:13.5px;color:var(--tx2);margin-top:14px}
.k-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.k-cta.mitte{justify-content:center}.knopf.gross{min-height:56px;padding:0 28px;font-size:17px;text-decoration:none}
a.knopf.zweit{color:inherit;text-decoration:none}.kap.dunkel .knopf.zweit{border-color:#ffffff40;color:#fff}
.k-fakten{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:12px 32px}.k-fakten li{display:grid;font-size:13.5px;color:var(--tx2)}.k-fakten b{font-size:20px;color:var(--tx)}

.held-k{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(16px,4vw,56px);max-width:1400px;margin:0 auto}
.k-bild{display:grid;place-items:center}

/* Karten, Schritte, Erscheinen */
.k-karten{display:grid;gap:14px}.k-karten.vier{grid-template-columns:repeat(4,minmax(0,1fr))}.k-karten.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-karten article{background:var(--bg);border:1px solid var(--li);border-radius:18px;padding:20px}.kap.hell .k-karten article{background:var(--bg)}.kap:not(.hell) .k-karten article{background:var(--fl)}
.k-karten b{display:block;font-size:18px;line-height:1.25;margin-bottom:8px}.k-karten p{color:var(--tx2);margin:0;font-size:15.5px;line-height:1.5}
.k-satz{font-size:clamp(19px,1.8vw,24px);margin-top:26px;max-width:46ch}.k-satz b{color:var(--orange)}
.erschein{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 70ms)}.erschein.da{opacity:1;transform:none}
.k-karten .erschein:nth-child(2){transition-delay:.08s}.k-karten .erschein:nth-child(3){transition-delay:.16s}.k-karten .erschein:nth-child(4){transition-delay:.24s}
.k-schritte{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.k-schritte li{background:var(--fl);border:1px solid var(--li);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px}
.k-schritte b{font-size:20px}.k-schritte p{color:var(--tx2);margin:0;line-height:1.55;flex:1}
.k-nr{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:800}
@keyframes leuchte{to{background:var(--orange);color:#fff;border-color:var(--orange)}}

/* Demo */
.regler{display:grid;gap:18px;margin:22px 0 4px}.regler label{display:grid;grid-template-columns:1fr auto;gap:8px;font-weight:600;color:#fff}
.regler output{font-variant-numeric:tabular-nums;color:var(--orange);font-weight:800}
.regler input{grid-column:1/-1;width:100%;min-height:0;padding:0;background:none;border:0;accent-color:var(--orange);height:28px}
.demo-erg{background:#16171d;border:1px solid #ffffff1a;border-radius:22px;padding:22px;min-height:360px;transition:opacity .25s}.demo-erg.rechnet{opacity:.55}
.demo-erg h3{font-size:24px;margin:4px 0 10px;color:#fff}.demo-erg .g-label{color:var(--orange)}.d-lade{color:#ffffffa0}
.d-linsen{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.d-linsen span{font-size:12px;border:1px solid #ffffff30;border-radius:999px;padding:3px 9px;color:#ffffff80;transition:all .35s}
.d-linsen span.an{background:var(--orange);border-color:var(--orange);color:#fff}
.d-spiegel{font-style:italic;font-weight:600;border-left:3px solid var(--orange);padding-left:12px;color:#fff}
.d-forschung{font-size:14.5px;color:#ffffffd0}.d-forschung cite,.b-zit cite{font-style:normal;color:#ffffff80;font-size:12.5px}.d-bezug{font-size:14.5px;color:#fff}.d-bezug b{color:var(--orange)}
.d-hebel{background:var(--orange);color:#fff;border-radius:14px;padding:12px 14px;margin:12px 0;font-weight:650}.d-hebel small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.9}
.d-zahlen{display:flex;flex-wrap:wrap;gap:6px 26px}.d-zahlen div{display:grid}.d-zahlen b{font-size:24px;font-variant-numeric:tabular-nums;color:#fff}.d-zahlen span{font-size:12px;color:#ffffff90}

/* Gutachten-Vorschau */
.k-sieben{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.k-sieben li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}
.k-sieben li::before{content:counter(s);grid-row:span 2;width:30px;height:30px;border-radius:50%;border:2px solid var(--orange);color:var(--orange);display:grid;place-items:center;font-weight:800;font-size:14px}
.k-sieben b{font-size:17px}.k-sieben span{color:var(--tx2);font-size:14.5px}
.blatt{background:#fff;color:#111;border-radius:6px;box-shadow:0 30px 60px -30px #0007,0 2px 6px #0001;padding:26px 28px;aspect-ratio:1/1.3;max-height:74vh;font:12.5px/1.45 Arial,sans-serif;transform:rotate(-1.2deg);display:flex;flex-direction:column;gap:6px;overflow:hidden}
.blatt.da{transform:rotate(-1.2deg)}.b-kopfz{display:flex;justify-content:space-between;align-items:center}.b-kopfz b{font:900 20px/1 Impact,"Arial Narrow",sans-serif;color:#FE6303}.b-kopfz span{border:1.5px solid #FE6303;padding:3px 8px;font-size:10px;color:#FE6303}
.b-band{background:#FE6303;color:#fff;font-size:9px;font-weight:700;letter-spacing:.12em;padding:2px 6px}.blatt h3{margin:4px 0 0;font-size:17px}
.b-h{font-weight:700;margin:6px 0 0}.b-box{border:1px solid #FE6303;padding:8px 10px}.b-box p{margin:2px 0}.b-zit{font-style:italic}.b-zit cite{color:#666}
.blatt i{display:block;height:8px;border-radius:4px;background:#eee}.blatt i.kurz{width:55%}

/* Unterschied */
.vergleich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.vergleich div{border-radius:16px;padding:16px 18px;border:1px solid var(--li);display:grid}.vergleich span{font-size:13px;color:var(--tx2)}.vergleich b{font-size:22px}
.vergleich .wir{background:var(--orange);border-color:var(--orange);color:#fff}.vergleich .wir span{color:#ffffffd0}

/* Fragen */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.faq details{background:var(--fl);border:1px solid var(--li);border-radius:14px}.faq summary{cursor:pointer;padding:14px 16px;font-weight:650;min-height:48px;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";color:var(--orange);font-weight:800;font-size:20px;line-height:1}.faq details[open] summary::after{content:"–"}
.faq p{margin:0;padding:0 16px 14px;color:var(--tx2);line-height:1.55}
.ein-fuss{margin-top:48px;font-size:12.5px;color:#ffffff80}

/* Kapitelpunkte */
.ein-punkte{position:fixed;right:clamp(8px,1.4vw,22px);top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:4}
.ein-punkte a{width:12px;height:12px;border-radius:50%;background:var(--li);display:block;position:relative;transition:transform .25s,background .25s}
.ein-punkte a.an{background:var(--orange);transform:scale(1.35)}
.ein-punkte a span{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:12px;white-space:nowrap;background:var(--schwarz);color:#fff;border-radius:6px;padding:3px 8px;opacity:0;pointer-events:none;transition:opacity .2s}
.ein-punkte a:hover span,.ein-punkte a:focus-visible span{opacity:1}

@media (max-width:1000px){.held-k{grid-template-columns:1fr}.k-karten.vier{grid-template-columns:repeat(2,minmax(0,1fr))}
 .k-schritte,.k-karten.drei{grid-template-columns:1fr}.k-inner.zwei{grid-template-columns:1fr}.blatt{max-height:none;aspect-ratio:auto}.faq{grid-template-columns:1fr}}
@media (max-width:700px){.kap{padding:28px 16px 40px;align-items:flex-start}.k-karten.vier{grid-template-columns:1fr}.ein-punkte{display:none}.vergleich{grid-template-columns:1fr}
 .k-fakten b{font-size:17px}
 .knopf.gross{width:100%}.k-cta{gap:10px}}
/* sechs Schritte, Umschalter, Beweis, feste Leiste */
.k-schritte.sechs{grid-template-columns:repeat(3,minmax(0,1fr))}.k-schritte.sechs li{padding:20px}
.k-wahl{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff22;margin:0 0 16px}
.k-wahl button{border:0;background:transparent;color:#ffffffb0;font:inherit;font-weight:700;font-size:14.5px;border-radius:999px;padding:9px 16px;cursor:pointer;min-height:40px}
.k-wahl button[aria-selected="true"]{background:var(--orange);color:#fff}
.k-zwei-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.ein-leiste{position:fixed;left:50%;bottom:16px;transform:translate(-50%,24px);z-index:20;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s}
.ein-leiste .knopf{min-height:52px;padding:0 28px;box-shadow:0 14px 40px -12px #FE6303}
body.ein-unten .ein-leiste{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.mit-ich .regler,.mit-ich .demo-erg{display:none}
@media (max-width:1000px){.k-schritte.sechs{grid-template-columns:repeat(2,minmax(0,1fr))}.k-zwei-ex{grid-template-columns:1fr}}
@media (max-width:700px){body.ein-unten .opai-start{bottom:84px}.k-schritte.sechs{grid-template-columns:1fr}.ein-leiste{left:12px;right:12px;transform:translateY(24px)}body.ein-unten .ein-leiste{transform:none}.ein-leiste .knopf{width:100%}}
@media (prefers-reduced-motion:reduce){.erschein{opacity:1;transform:none;transition:none}}
@media print{.ein-punkte{display:none}}

.kopf a.marke{color:#fff;text-decoration:none}

/* Endkundenseite hell im Stil der Plattform, Maschine bleibt schwarz */
.bz-kunde .kap{background:#fff;color:var(--ink)}.bz-kunde .kap.hell{background:#F5F6FA}
.bz-kunde .held-k{background:radial-gradient(800px 460px at 85% 10%,#FE630314,transparent 60%),#fff;max-width:none;padding-left:max(clamp(16px,5vw,80px),calc((100% - 1240px) / 2));padding-right:max(clamp(16px,5vw,80px),calc((100% - 1240px) / 2))}
.bz-kunde .kap h1{font-size:clamp(38px,4.6vw,68px);letter-spacing:-.035em}.bz-kunde .kap h2{letter-spacing:-.03em}
.bz-kunde .k-eye{color:var(--or-d)}.bz-kunde .k-unter,.bz-kunde .k-lead{color:var(--ink2)}
.kd-buehne{position:relative;width:min(100%,420px);display:grid;place-items:center;padding:20px 0}
.kd-schild{position:absolute;background:#fff;border:1px solid var(--li);border-radius:14px;padding:10px 14px;box-shadow:0 18px 40px -22px #0B1B2B66;display:grid;font-size:13px;animation:kd-schweben 6s ease-in-out infinite}
.kd-schild b{font-size:14px}.kd-schild span{color:var(--ink2)}.k1s{left:-6%;top:16%}.k2s{right:-8%;top:44%;animation-delay:-2s}.k3s{left:-2%;bottom:10%;animation-delay:-4s}
@keyframes kd-schweben{50%{transform:translateY(-8px)}}
.bz-kunde .kap.dunkel{background:#0B1B2B}
.kd-los{background:linear-gradient(135deg,#FE6303,#E9447A 60%,#7C3AED);color:#fff}.bz-kunde .kd-los{background:linear-gradient(135deg,#FE6303,#E9447A 60%,#7C3AED);color:#fff}
.kd-los .k-lead,.kd-los .ein-fuss{color:#ffffffd8}.kd-los .knopf{background:#fff;color:var(--ink)}
@media (max-width:1000px){.bz-kunde .held-k{grid-template-columns:1fr}}
@media (max-width:700px){.kd-schild{display:none}.bz-kunde .bz-tel{width:240px;transform:none}}
@media (prefers-reduced-motion:reduce){.kd-schild{animation:none}}
body.im-einstieg:not(.im-b2b) .kopf{background:#ffffffe6;color:#0B1B2B;border-bottom:1px solid #0B1B2B14;backdrop-filter:blur(12px)}
body.im-einstieg:not(.im-b2b) .kopf .marke{color:#0B1B2B}body.im-einstieg:not(.im-b2b) .kopf .tag{color:#4A5A70;border-color:#0B1B2B30}
.k1s{left:-14%}