@font-face{font-family:'Archivo';src:url('../archivo-var.woff2') format('woff2-variations');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#041615;--ink2:#0A241E;--paper:#EEF0F1;--lemon:#C6FF01;--grey:#8B9198;--line:#1E3A33}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:'Archivo',system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.wrap.narrow{max-width:820px}
h1{font-size:clamp(34px,5.2vw,60px);font-weight:900;font-stretch:112%;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}
h2{font-size:clamp(28px,4vw,46px);font-weight:900;font-stretch:112%;text-transform:uppercase;line-height:1.05;margin-bottom:18px}
h3{font-size:20px;font-weight:800}
.eyebrow{color:var(--lemon);letter-spacing:.26em;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:16px}
.lead{font-size:19px;font-weight:300;color:#C6CBCE;max-width:640px}.lead.dark{color:#546069}
a{color:inherit;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:800;font-size:16px;transition:transform .15s}
.btn:hover{transform:scale(1.04)}.btn.primary{background:var(--lemon);color:var(--ink)}.btn.primary.big{padding:20px 40px;font-size:18px}
.btn.ghost{border:2px solid #244038;color:var(--paper)}
.gnav{position:sticky;top:0;z-index:50;background:rgba(4,22,21,.86);backdrop-filter:blur(10px);border-bottom:1px solid #1E3A33}
.gnav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.glogo{font-weight:900}.gnav-r{display:flex;align-items:center;gap:24px;font-size:14.5px;color:#B8BFC4}
.gnav-r .cta{background:var(--lemon);color:var(--ink);padding:9px 18px;border-radius:999px;font-weight:800}
/* HERO */
.ghero{position:relative;padding:70px 0 64px;border-bottom:1px solid #102a24;overflow:hidden}
.ghero::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 460px at 82% 8%,rgba(198,255,1,.10),transparent 60%);pointer-events:none}
.ghero-grid{display:flex;gap:40px;align-items:center;position:relative}
.ghero-l{flex:1.25;min-width:300px}.ghero-r{flex:1;min-width:260px}
.kicker{color:var(--lemon);letter-spacing:.22em;font-size:12.5px;font-weight:700;text-transform:uppercase;margin-bottom:20px}
.ghero h1{margin-bottom:26px}
.stat{border-left:3px solid var(--lemon);padding-left:20px;margin:6px 0 26px}
.statnum{display:block;font-size:clamp(44px,6vw,72px);font-weight:900;font-stretch:120%;color:var(--lemon);line-height:1}
.statsub{font-size:16px;color:#C6CBCE;max-width:440px;margin-top:10px;line-height:1.5}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.radarwrap{background:linear-gradient(165deg,#0C2822,#061c18);border:1px solid #1E3A33;border-radius:24px;padding:18px 14px 14px}
.radar{width:100%;height:auto;display:block;overflow:visible}
.radarcap{text-align:center;font-size:12.5px;color:#9FAAB1;margin-top:6px}.radarcap b{color:var(--lemon)}
/* SECTIONS */
.gsec{padding:74px 0;border-bottom:1px solid #1E3A33}
.gsec.light{background:var(--paper);color:var(--ink)}.gsec.light .eyebrow{color:#5c7a12}.gsec.light h2{color:var(--ink)}
.big-p{font-size:20px;font-weight:300;color:#D5DADE;max-width:720px;line-height:1.6;margin-top:8px}.gsec.light .big-p{color:#333D44}
.glaube{font-size:24px;font-style:italic;font-weight:300;color:var(--lemon);border-left:3px solid var(--lemon);padding:6px 0 6px 22px;margin:8px 0 26px;max-width:720px}
.pug3{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px}
.pcard{flex:1;min-width:240px;background:#fff;border:1px solid #E2E7EA;border-radius:18px;padding:28px 26px}
.pcard.lemon{background:var(--lemon);border-color:var(--lemon)}
.pcard .pn{display:block;font-size:11px;font-weight:900;color:#8aa04a;letter-spacing:.14em;margin-bottom:12px}.pcard.lemon .pn{color:#5c7a12}
.pcard h4{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;color:var(--ink)}
.pcard p{font-size:14.5px;color:#495259;line-height:1.6}.pcard.lemon p{color:#1c2a10}
.qwbox{background:var(--lemon);color:var(--ink);border-radius:24px;padding:30px 34px;position:relative;overflow:hidden}
.qwbox::after{content:"⚡";position:absolute;right:20px;top:8px;font-size:80px;opacity:.14}
.qwt{font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.qwd{font-size:19px;font-weight:500;line-height:1.5;position:relative}.qwd b{font-weight:800}
/* TIMELINE STEPS */
.steps{position:relative;margin-top:44px;padding-left:8px}
.steps::before{content:"";position:absolute;left:25px;top:14px;bottom:14px;width:2px;background:linear-gradient(#C6FF01,#1E3A33)}
.gstep{position:relative;display:flex;gap:26px;padding:18px 0 30px}
.gstep-w{position:relative;z-index:1;flex:none;width:52px;height:52px;border-radius:12px;background:var(--lemon);color:var(--ink);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 0 0 6px #041615}
.gstep-b{padding-top:4px}.gstep-b h3{color:var(--paper);margin-bottom:8px}
.gstep-b p{font-size:15.5px;color:#A9B1B6;max-width:700px;line-height:1.6}
.gstep-ok{color:var(--lemon)!important;font-weight:600;font-size:14px!important;margin-top:10px}
/* VORLAGE */
.vscroll{overflow-x:auto;margin-top:34px}
.vtab{width:100%;border-collapse:collapse;font-size:13px;min-width:440px;background:#fff;border-radius:12px;overflow:hidden}
.vtab th{text-align:left;background:var(--ink);color:var(--lemon);font-weight:700;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;padding:11px 12px}
.vtab td{border-bottom:1px solid #E2E7EA;height:40px;padding:0 12px;color:var(--ink)}
.vtab td.vlab{font-weight:600;font-size:12.5px;width:40%;border-right:1px solid #E2E7EA;background:#F5F7F8}
.vfootnote{font-size:13px;color:#5A646B;margin-top:16px;line-height:1.6}
.merk{background:var(--lemon);color:var(--ink);border-radius:24px;padding:34px 38px;font-size:23px;font-weight:800;font-stretch:108%;line-height:1.25}
.bench{list-style:none;margin-top:22px}.bench li{font-size:15.5px;color:#C6CBCE;padding:9px 0 9px 26px;position:relative}
.bench li::before{content:'·';position:absolute;left:6px;color:var(--lemon);font-weight:900}
.gcta{padding:90px 0;background:linear-gradient(165deg,#0C2822,#041615);text-align:center}
.gcta h2{margin-bottom:14px}.gcta>.wrap>p{font-size:18px;color:#C6CBCE;max-width:560px;margin:0 auto 30px}
.others{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.others a{background:#0C2822;border:1px solid #1E3A33;border-radius:999px;padding:10px 18px;font-size:13.5px;color:#D5DADE;font-weight:600;transition:border-color .15s}
.others a:hover{border-color:var(--lemon);color:var(--lemon)}
.gfoot{padding:34px 0;border-top:1px solid #1E3A33;font-size:13px;color:#7E868D}.gfoot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.gfoot a{color:#9FAAB1}
/* BELIEF BREAK */
.bbreak{background:#061c18;padding:56px 0;border-bottom:1px solid #1E3A33}
.bb{display:flex;gap:22px;align-items:stretch;flex-wrap:wrap}
.bb-col{flex:1;min-width:260px;border-radius:18px;padding:24px 26px}
.bb-myth{background:#0C2822;border:1px solid #1E3A33}
.bb-truth{background:var(--lemon);color:var(--ink)}
.bb-lab{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.bb-myth .bb-lab{color:#7E868D}
.bb-myth p{font-size:18px;font-style:italic;color:#99A1A7;text-decoration:line-through;text-decoration-color:#3a4a44}
.bb-truth .bb-lab{color:#4c6510}
.bb-truth p{font-size:18px;font-weight:600;line-height:1.4}
/* WERKZEUG */
.toolbox{background:#fff;border:1px solid #E2E7EA;border-radius:24px;padding:30px 28px;margin-top:36px}
.toolgrid{display:flex;gap:14px;flex-wrap:wrap}
.tfield{flex:1;min-width:170px}
.tfield label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#68727A;margin-bottom:6px}
.tfield input{width:100%;background:#F5F7F8;border:1px solid #D5DADE;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:15.5px;font-weight:600;color:var(--ink)}
.tfield input:focus{outline:2px solid var(--ink);background:#fff}
.toolsub{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#5c7a12;margin-bottom:14px}
.kostrows{margin-top:26px;border-top:1px solid #E2E7EA}
.kostrow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 2px;border-bottom:1px solid #E2E7EA;font-size:14.5px;color:#495259;flex-wrap:wrap}
.kostrow b{color:var(--ink);white-space:nowrap}
.kostrow.total{font-size:17px;font-weight:900;color:var(--ink);padding-top:16px}
.kostrow.total b{font-size:22px}
.kostnote{font-size:13.5px;color:#5A646B;margin-top:14px;line-height:1.6}
.kostnote b{color:var(--ink)}
.chklist{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.chkitem{position:relative;display:flex;align-items:center;gap:14px;background:#F5F7F8;border:1px solid #E2E7EA;border-radius:12px;padding:12px 16px;cursor:pointer;transition:border-color .15s}
.chkitem:hover{border-color:#b9b9ab}
.chkitem input{position:absolute;opacity:0;width:0;height:0}
.chkitem .cbox{flex:none;width:28px;height:28px;border-radius:8px;border:2px solid #c9c9bd;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s}
.chkitem .cbox svg{opacity:0;transform:scale(.5);transition:all .15s}
.chkitem input:checked~.cbox{background:var(--ink);border-color:var(--ink)}
.chkitem input:checked~.cbox svg{opacity:1;transform:scale(1)}
.chkitem input:focus-visible~.cbox{outline:2px solid var(--ink);outline-offset:2px}
.chkitem .ctxt{font-size:15px;font-weight:600;color:var(--ink);line-height:1.4}
.scorebox{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:var(--ink);color:var(--paper);border-radius:18px;padding:22px 26px;margin-top:22px}
.scorebox .snum{font-size:46px;font-weight:900;color:var(--lemon);line-height:1}
.scorebox .stxt{flex:1;min-width:220px;font-size:16.5px;font-weight:700;line-height:1.45}
.scorebox .ssub{display:block;font-size:13px;font-weight:500;color:#9FAAB1;margin-top:6px}
.merk.small{font-size:19px;padding:24px 28px;margin-top:28px}
.pdfrow{margin-top:24px}
.btn.dark{background:var(--ink);color:var(--lemon)}
/* 12-WOCHEN-CHECK */
.planprog{background:#0C2822;border:1px solid #1E3A33;border-radius:18px;padding:18px 22px;margin-top:30px;max-width:720px}
.planprog-l{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px;font-weight:700;color:#C6CBCE;margin-bottom:10px}
.planprog-l b{color:var(--lemon)}
.planprog-bar{height:10px;background:#041615;border-radius:999px;overflow:hidden}
.planprog-fill{height:100%;width:0;background:var(--lemon);border-radius:999px;transition:width .35s}
.planprog-msg{margin-top:12px;font-size:14.5px;color:var(--lemon);font-weight:700}
.stepchk{flex:none;margin-left:auto;align-self:flex-start;cursor:pointer;padding-top:8px}
.stepchk input{position:absolute;opacity:0;width:0;height:0}
.stepchk .box{width:36px;height:36px;border-radius:12px;border:2px solid #244038;background:#0C2822;display:flex;align-items:center;justify-content:center;transition:all .15s}
.stepchk .box svg{opacity:0;transform:scale(.4);transition:all .15s}
.stepchk input:checked+.box{background:var(--lemon);border-color:var(--lemon)}
.stepchk input:checked+.box svg{opacity:1;transform:scale(1)}
.stepchk input:focus-visible+.box{outline:2px solid var(--lemon);outline-offset:2px}
.gstep.done h3{opacity:.5}
/* KURS-CTA */
.kurscta{padding:56px 0;background:#061c18;text-align:center}
.kurscta .big-p{margin:0 auto;max-width:620px}
@media(max-width:600px){.stepchk{margin-left:0}}
@media(max-width:760px){.ghero-grid{flex-direction:column}.gnav-r a:not(.cta){display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* PDF-GATE */
.pdfgate{margin-top:18px;background:#fff;border:1px solid #E2E7EA;border-radius:18px;padding:20px 22px;max-width:560px;text-align:left}
.pg-lab{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#68727A;margin-bottom:9px}
.pg-row{display:flex;gap:10px;flex-wrap:wrap}
.pg-in{flex:1;min-width:200px;background:#F5F7F8;border:1px solid #d9d9d1;border-radius:999px;color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;padding:12px 18px}
.pg-in:focus{outline:none;border-color:var(--ink)}
.pg-in::placeholder{color:#9aa39d;font-weight:400}
.pg-err{margin-top:9px;font-size:13px;font-weight:700;color:#c0392b}
.pg-note{margin-top:10px;font-size:12.5px;color:#68727A;line-height:1.5}
@media(max-width:520px){.pg-row{flex-direction:column}.pg-row .btn{justify-content:center}}

.rv{transform:translateY(26px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}
#bar{position:fixed;top:0;left:0;height:3px;background:#C6FF3D;width:0;z-index:100}
@keyframes pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.glowpulse{position:absolute;width:56%;height:70%;right:-6%;top:8%;background:radial-gradient(ellipse,rgba(198,255,1,.15),transparent 62%);filter:blur(10px);animation:pulse 6s ease-in-out infinite;pointer-events:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv{transform:none}}

/* bebildert-Import */
.hero-photo{position:relative;min-height:520px;border-radius:24px;overflow:hidden;border:1px solid rgba(198,255,1,.22);box-shadow:0 26px 70px rgba(4,22,21,.38);background:#0a241e}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(4,22,21,.84)),linear-gradient(90deg,rgba(4,22,21,.2),transparent 45%);pointer-events:none}
.hero-photo img{width:100%;height:520px;object-fit:cover;object-position:64% center;display:block;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.hero-photo:hover img{transform:scale(1.035)}
.hero-photo-tag{position:absolute;z-index:2;left:22px;bottom:18px;max-width:225px;color:#EEF0F1;font-size:12px;line-height:1.45;font-weight:650}
.hero-photo-tag span,.story-caption span{display:block;color:var(--lemon);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800;margin-bottom:5px}
.story-visual{position:relative;margin-top:28px;min-height:470px;overflow:hidden;border-radius:24px;background:#102a24;box-shadow:0 26px 70px rgba(4,22,21,.38)}
.story-visual img{width:100%;height:470px;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.story-visual:hover img{transform:scale(1.025)}
.story-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,21,.88),rgba(4,22,21,.18) 54%,transparent 76%);pointer-events:none}
.story-caption{position:absolute;z-index:2;left:clamp(24px,5vw,56px);bottom:clamp(26px,5vw,54px);max-width:350px;color:#EEF0F1}
.story-caption strong{display:block;font-size:clamp(25px,3.3vw,40px);font-stretch:112%;text-transform:uppercase;line-height:1.05;margin:10px 0}
.story-caption p{color:#D5DADE;font-size:14px;line-height:1.55}
@media (max-width:760px){.hero-photo,.hero-photo img{min-height:430px;height:430px}}
@media (max-width:560px){.hero-photo,.hero-photo img{min-height:380px;height:380px}.hero-photo img{object-position:67% center}.story-visual,.story-visual img{min-height:430px;height:430px}.story-visual img{object-position:45% center}.story-visual::after{background:linear-gradient(0deg,rgba(4,22,21,.96),rgba(4,22,21,.14) 78%)}}
/* ===== REDESIGN v4 · Hero / Trust / Typo / CTA ===== */
.gnav{box-shadow:0 1px 0 rgba(198,255,1,.04)}
.gnav-r .cta{box-shadow:0 6px 18px rgba(198,255,1,.16);transition:transform .15s,box-shadow .15s}
.gnav-r .cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(198,255,1,.26)}
.btn.primary{box-shadow:0 10px 26px rgba(198,255,1,.16)}
.btn.primary:hover{box-shadow:0 14px 34px rgba(198,255,1,.26)}
.ghero{padding:84px 0 78px}
.ghero-grid{gap:52px}
.ghero-r{flex:1.12}
.hero-sub{font-size:18px;font-weight:300;color:#C6CBCE;max-width:470px;line-height:1.55;margin:-10px 0 28px}
.riskrev{margin-top:16px;font-size:13px;font-weight:700;letter-spacing:.01em;color:#9FAAB1;display:flex;align-items:center;gap:8px}
.riskrev::before{content:"✓";color:var(--lemon);font-weight:900}
.hero-rr{margin-top:18px}
/* Trust band under hero */
.trustband{background:#061c18;border-bottom:1px solid #102a24;padding:22px 0}
.trustband .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tb-line{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:700;color:#D5DADE;max-width:540px;line-height:1.4}
.tb-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--lemon);box-shadow:0 0 0 4px rgba(198,255,1,.14)}
.tbadges{display:flex;gap:9px;flex-wrap:wrap}
.tbadge{font-size:12px;font-weight:700;letter-spacing:.03em;color:#B8BFC4;background:#0C2822;border:1px solid #1E3A33;border-radius:999px;padding:7px 14px;white-space:nowrap}
/* Calmer cards */
.pcard{box-shadow:0 18px 44px rgba(4,22,21,.10)}
.gsec.light{padding:88px 0}
/* Proof / Phil statement */
.proof{background:#061c18}
.proof-grid{display:flex;gap:48px;align-items:center;flex-wrap:wrap}
.proof-l{flex:1.05;min-width:300px}
.proof-r{flex:1;min-width:280px}
.proof-r .story-visual{margin-top:0}
.philquote{font-size:clamp(22px,2.6vw,31px);font-weight:300;line-height:1.34;color:var(--paper);border-left:3px solid var(--lemon);padding:6px 0 6px 24px;margin:6px 0 22px;max-width:640px}
.philquote b{font-weight:700;color:var(--lemon)}
.philsig{font-size:14.5px;color:#A9B1B6}
.philsig b{color:var(--paper);font-weight:800}
/* Mid-page CTA */
.midcta{padding:10px 0 44px;background:var(--ink)}
.midcta-box{background:linear-gradient(150deg,#0C2822,#061c18);border:1px solid #1E3A33;border-radius:24px;padding:36px 40px;display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 26px 70px rgba(4,22,21,.38)}
.midcta-t{flex:1;min-width:280px}
.midcta-h{font-size:clamp(22px,2.6vw,30px);font-weight:900;font-stretch:110%;text-transform:uppercase;line-height:1.08;color:var(--paper);margin-bottom:8px}
.midcta-t p{font-size:15.5px;color:#A9B1B6;line-height:1.55;max-width:540px}
.midcta-c{flex:none}
.midcta-c .riskrev{margin-top:12px}
/* Final CTA grid + relocated radar */
.gcta-grid{display:flex;gap:52px;align-items:center;text-align:left;flex-wrap:wrap;margin-bottom:10px}
.gcta-l{flex:1.1;min-width:300px}
.gcta-r{flex:.9;min-width:280px}
.gcta-l h2{margin-bottom:14px}
.gcta-l>p{font-size:18px;color:#C6CBCE;max-width:520px;margin:0 0 26px}
.gcta-r .radarwrap{max-width:400px;margin:0 auto}
.midcta-box{padding:28px 24px}
.gcta-grid{gap:32px}
.trustband .wrap{flex-direction:column;align-items:flex-start}
.gcta-grid{text-align:left}


/* ============================================================
   HERO-ATMOSPHÄRE  —  bg-line-1.webp
   ------------------------------------------------------------
   Bisher trugen alle acht Werkzeugseiten dieselbe Stimmung:
   radial-gradient(760px 460px at 82%% 8%%, rgba(198,255,1,.10)).
   Identisch auf jeder Seite, also ohne Unterscheidungswert.
   Jede Seite bekommt jetzt ihr eigenes Bild aus 01-Website/webimg,
   das dort bis heute ungenutzt lag.
   Abstrakte Linie — Bindung ist kein Ort, sondern ein Verlauf.

   Wichtig: Diese Bilder sind im Mittel sehr dunkel (Luminanz
   0,04–0,10), ihre Lemon-Lichter aber hell (bis 0,58). Roh hinter
   Text gelegt erzeugen sie exakt den Fehler aus Befund 1. Deshalb
   laufen sie mit niedriger Deckkraft UND unter einem Abdunkler,
   der zur Textspalte hin dichter wird. Nachgemessen: Fließtext
   bleibt über 9:1.
   ============================================================ */
.ghero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('../img/bg-line-1.webp') center right/cover no-repeat;
  opacity:.13;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 46%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 46%,#000 100%);
}
/* Abdunkler über dem Bild, unter dem Inhalt. */
.ghero>.wrap{position:relative;z-index:1}
.ghero-l{position:relative}
.ghero-l::before{
  content:"";position:absolute;inset:-16px -20px;z-index:-1;border-radius:24px;
  background:linear-gradient(90deg,rgba(4,22,21,.86),rgba(4,22,21,.62) 78%,transparent);
  pointer-events:none;
}
@media(max-width:860px){
  /* Einspaltig liegt der Text auf der Bildmitte — Bild zurücknehmen. */
  .ghero::after{opacity:.08;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 60%);mask-image:linear-gradient(180deg,#000 0,transparent 60%)}
  .ghero-l::before{background:linear-gradient(180deg,rgba(4,22,21,.80),rgba(4,22,21,.90))}
}