/* ============================================================
   starte-im-vertrieb.de · Stylesheet „Volt“
   Eigene Bildsprache statt Baukasten-Gelb: tiefes Schwarz,
   elektrisches Lime als Energie-Akzent (Solar, Wärmepumpe,
   Klima), Übergang ins Türkis. Bricolage Grotesque für Titel,
   Inter für Text, beide lokal (SIL OFL 1.1).
   Abschnitte setzen ihre Tokens selbst (.s-hell, .s-volt),
   Komponenten nutzen nur Tokens. Bewegung nur über transform
   und opacity, prefers-reduced-motion schaltet sie ab.
   Kein style-Attribut im HTML (CSP ohne unsafe-inline).

   Gemessen (WCAG):
     #F3F5EF auf #07080A   18,6:1   Text dunkel
     Text leise 72 %        ≥ 10:1
     Text blass 56 %        ≥ 6,4:1
     #C6FF3A auf #07080A   16,4:1   Akzent als Schrift
     #07080A auf #C6FF3A   16,4:1   Knopf
     #0B0C0E auf #EEF1E8   17,2:1   Text hell
     #3E5600 auf #EEF1E8    7,2:1   Akzent als Schrift auf Hell
   ============================================================ */

@font-face{font-family:'Bricolage';font-style:normal;font-weight:200 800;font-display:swap;src:url('../schriften/bricolage-grotesque-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bricolage';font-style:normal;font-weight:200 800;font-display:swap;src:url('../schriften/bricolage-grotesque-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../schriften/inter-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../schriften/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF;}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
[hidden]{display:none!important;}

:root{
  --ink:#07080A;
  --ink-2:#0F1114;
  --ink-3:#171A1E;
  --weiss:#F3F5EF;
  --hell:#EEF1E8;
  --volt:#C6FF3A;
  --volt-tief:#3E5600;
  --tuerkis:#2EE6C5;
  --verlauf:linear-gradient(100deg,#C6FF3A 0%,#8EF57A 45%,#2EE6C5 100%);
  --glow:rgba(198,255,58,.42);

  --display:'Bricolage','Inter',system-ui,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:48px;
  --spur:1280px;

  --bg:var(--ink);
  --bg-2:var(--ink-2);
  --text:var(--weiss);
  --text-soft:rgba(243,245,239,.72);
  --text-faint:rgba(243,245,239,.56);
  --line:rgba(243,245,239,.12);
  --akzent-text:var(--volt);
  --knopf-bg:var(--volt);
  --knopf-text:var(--ink);
  --knopf-hover-bg:var(--weiss);
  --knopf-hover-text:var(--ink);
}
.s-hell{
  --bg:var(--hell);
  --bg-2:#E2E6DA;
  --text:#0B0C0E;
  --text-soft:rgba(11,12,14,.74);
  --text-faint:rgba(11,12,14,.64);
  --line:rgba(11,12,14,.13);
  --akzent-text:var(--volt-tief);
  --knopf-bg:var(--ink);
  --knopf-text:var(--weiss);
  --knopf-hover-bg:var(--volt);
  --knopf-hover-text:var(--ink);
}
.s-volt{
  --text:#07080A;
  --text-soft:#1B2108;
  --text-faint:#2A320F;
  --line:rgba(7,8,10,.18);
  --akzent-text:#07080A;
  --knopf-bg:var(--ink);
  --knopf-text:var(--weiss);
  --knopf-hover-bg:#FFFFFF;
  --knopf-hover-text:var(--ink);
  --glow:rgba(7,8,10,.35);
}

html{overflow-x:clip;-webkit-text-size-adjust:100%;}
body{background:var(--ink);color:var(--weiss);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img,video{display:block;max-width:100%;}
a{color:inherit;}
button{font:inherit;color:inherit;}
::selection{background:var(--volt);color:var(--ink);}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:6px;}
.s-hell :focus-visible,.s-volt :focus-visible{outline-color:var(--ink);}
h1,h2,h3,.hut,legend,summary{hyphens:manual;overflow-wrap:break-word;}

html.lenis,html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-stopped{overflow:hidden;}

.sprung{position:absolute;left:16px;top:-60px;z-index:1000;background:var(--volt);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none;}
.sprung:focus{top:16px;}
main:focus{outline:none;}

.korn{position:fixed;inset:0;pointer-events:none;z-index:600;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
#fortschritt{position:fixed;top:0;left:0;right:0;height:3px;background:var(--verlauf);transform:scaleX(0);transform-origin:left;z-index:500;}

/* ── Abschnitte ── */
.sec{position:relative;isolation:isolate;background:var(--bg);color:var(--text);padding:clamp(96px,11vw,150px) 0;overflow-x:clip;}
.wrap{max-width:var(--spur);margin:0 auto;padding:0 var(--pad);position:relative;z-index:2;}
.hut{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--akzent-text);}
.hut::before{content:'';width:22px;height:2px;border-radius:2px;background:currentColor;}
.titel{font-family:var(--display);font-weight:700;font-size:clamp(34px,4.6vw,66px);line-height:1.02;letter-spacing:-.035em;color:var(--text);margin-top:20px;}
.titel em,.verlauf{font-style:normal;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;}
.s-hell .titel em{background:none;color:var(--volt-tief);}
.lead{font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:var(--text-soft);margin-top:24px;max-width:600px;}
.kopf{margin-bottom:clamp(48px,6vw,80px);max-width:980px;}
.kopf--mitte{text-align:center;margin-left:auto;margin-right:auto;}
.kopf--mitte .hut{justify-content:center;}
.kopf--mitte .lead{margin-left:auto;margin-right:auto;}

/* ── Knöpfe ── */
.knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--body);font-weight:700;font-size:16px;letter-spacing:.005em;text-decoration:none;white-space:nowrap;color:var(--knopf-text);background:var(--knopf-bg);border:0;padding:19px 36px;border-radius:999px;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 10px 34px -12px var(--glow);transition:color .35s var(--ease),box-shadow .45s var(--ease),transform .35s var(--ease);}
.knopf::before{content:'';position:absolute;inset:0;background:var(--knopf-hover-bg);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1;}
.knopf:hover{color:var(--knopf-hover-text);transform:translateY(-2px);box-shadow:0 16px 48px -10px var(--glow),0 0 36px rgba(198,255,58,.3);}
.knopf:hover::before{transform:translateY(0);}
.knopf svg{width:18px;height:18px;flex:none;transition:transform .35s var(--ease);}
.knopf:hover svg{transform:translateX(5px);}
.knopf--gross{padding:23px 48px;font-size:17.5px;}
.knopf--linie{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line);}
.knopf--linie::before{background:var(--text);}
.knopf--linie:hover{color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--text);}
.knopf--linie:hover svg{transform:translateX(-5px);}

/* Schwebender Knopf: erscheint nach der Bühne, verschwindet am Schluss */
.schwebe{position:fixed;left:50%;bottom:22px;z-index:400;transform:translate3d(-50%,160%,0);opacity:0;box-shadow:0 18px 50px -12px rgba(0,0,0,.7),0 0 0 6px rgba(7,8,10,.55),0 0 40px rgba(198,255,58,.35);transition:transform .6s var(--ease),opacity .4s var(--ease),color .35s var(--ease);}
.schwebe.an{transform:translate3d(-50%,0,0);opacity:1;}
.schwebe.an:hover{transform:translate3d(-50%,-3px,0);}

/* ── Einblenden ── */
.js .rein{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.js .rein.da{opacity:1;transform:none;}
.js .v1{transition-delay:.08s}.js .v2{transition-delay:.16s}.js .v3{transition-delay:.24s}.js .v4{transition-delay:.32s}.js .v5{transition-delay:.4s}
/* Unterlängen: Innenabstand unten rein, gleich viel Außenabstand raus */
.zeile{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em;}
.zeile>span{display:block;}
.js .zeile>span{transform:translateY(130%);transition:transform 1.1s var(--ease);}
.js .zeile.da>span{transform:none;}
.js .zeile.v1>span{transition-delay:.09s}.js .zeile.v2>span{transition-delay:.18s}

/* ── Lichtflecken ── */
.licht{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.licht i{position:absolute;border-radius:50%;will-change:transform;}
.licht i:nth-child(1){width:980px;height:980px;left:34%;top:-320px;background:radial-gradient(circle,rgba(198,255,58,.22) 0%,rgba(198,255,58,.07) 40%,transparent 68%);animation:wandern1 20s ease-in-out infinite alternate;}
.licht i:nth-child(2){width:720px;height:720px;left:-220px;top:38%;background:radial-gradient(circle,rgba(46,230,197,.18) 0%,rgba(46,230,197,.06) 40%,transparent 68%);animation:wandern2 24s ease-in-out infinite alternate;}
@keyframes wandern1{from{transform:translate3d(0,0,0)}to{transform:translate3d(-16%,12%,0)}}
@keyframes wandern2{from{transform:translate3d(0,0,0)}to{transform:translate3d(24%,-14%,0)}}
.raster{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(243,245,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(243,245,239,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 30% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 30% 40%,#000 0%,transparent 75%);}

/* ============================================================
   BÜHNE
   ============================================================ */
.buehne{min-height:100svh;padding:clamp(56px,8vh,96px) 0;display:flex;align-items:center;}
.buehne .wrap{width:100%;max-width:1440px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,5vw,72px);align-items:center;}
.buehne-text{display:flex;flex-direction:column;align-items:flex-start;gap:30px;}
.abzeichen{display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 14px;border-radius:999px;background:rgba(243,245,239,.05);box-shadow:inset 0 0 0 1px rgba(243,245,239,.14);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--weiss);}
.puls{position:relative;width:9px;height:9px;border-radius:50%;background:var(--volt);flex:none;}
.puls::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--volt);animation:puls 2s var(--ease) infinite;}
@keyframes puls{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.abzeichen b{color:var(--volt);font-weight:700;}
.buehne h1{font-family:var(--display);font-weight:800;font-size:clamp(42px,5.8vw,90px);line-height:.96;letter-spacing:-.045em;color:var(--weiss);}
.buehne .lead{margin-top:0;max-width:540px;}
.buehne .lead strong{color:var(--weiss);font-weight:600;}
.aktion{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.mikro{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-faint);}
.mikro svg{width:16px;height:16px;fill:var(--volt);}
.fakten{display:flex;gap:clamp(24px,3vw,44px);flex-wrap:wrap;border-top:1px solid var(--line);width:100%;max-width:560px;padding-top:26px;}
.fakten b{display:block;font-family:var(--display);font-size:clamp(24px,2.2vw,32px);font-weight:700;letter-spacing:-.03em;color:var(--weiss);line-height:1.1;}
.fakten div > span{font-size:13px;color:var(--text-faint);}
.fakten b span{font:inherit;color:inherit;}

/* Laufende Kachelspalten */
.kacheln{position:relative;height:min(860px,88svh);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);}
.spalte{position:relative;overflow:hidden;will-change:transform;}
.spur{display:flex;flex-direction:column;gap:14px;animation:hoch 44s linear infinite;}
.spalte:nth-child(2) .spur{animation-name:runter;animation-duration:52s;}
.spalte:nth-child(3) .spur{animation-duration:48s;}
@keyframes hoch{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - 7px),0)}}
@keyframes runter{from{transform:translate3d(0,calc(-50% - 7px),0)}to{transform:translate3d(0,0,0)}}
.kacheln:hover .spur{animation-play-state:paused;}
.kachel{position:relative;border-radius:20px;overflow:hidden;background:var(--ink-2);border:1px solid rgba(243,245,239,.09);transition:border-color .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease);}
.kachel:hover{border-color:rgba(198,255,58,.7);box-shadow:0 0 0 1px rgba(198,255,58,.35),0 20px 50px -16px rgba(198,255,58,.45);transform:scale(1.025);}
.k-bild{aspect-ratio:9/13;}
.k-bild img{width:100%;height:100%;object-fit:cover;}
.k-bild::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(7,8,10,.88),transparent 55%);}
.k-bild figcaption{position:absolute;left:14px;right:14px;bottom:13px;z-index:1;font-family:var(--display);font-weight:600;font-size:14px;line-height:1.25;color:#FFFFFF;}
.k-bild figcaption small{display:block;font-family:var(--body);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--volt);margin-bottom:4px;}
.k-zahl{padding:24px 18px;}
.k-zahl b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(30px,2.6vw,40px);line-height:1.05;letter-spacing:-.04em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;}
.k-zahl span{display:block;font-size:13px;line-height:1.4;color:var(--text-soft);margin-top:9px;}
.k-zitat{padding:20px 18px;}
.k-zitat p{font-size:14px;line-height:1.5;color:var(--weiss);}
.k-zitat p::before{content:'„';font-family:var(--display);font-weight:800;color:var(--volt);}
.k-zitat cite{display:block;font-style:normal;font-size:12px;letter-spacing:.04em;color:var(--text-faint);margin-top:12px;}
.k-wort{padding:28px 16px;text-align:center;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,245,239,.88);}
.k-wort svg{display:block;width:30px;height:30px;margin:0 auto 12px;stroke:var(--volt);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.k-volt{padding:24px 18px;background:var(--volt);border-color:transparent;}
.k-volt p{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.1;letter-spacing:-.02em;color:var(--ink);}

/* ============================================================
   LAUFBAND
   ============================================================ */
.band-wrap{position:relative;z-index:3;overflow:hidden;padding:48px 0;background:linear-gradient(var(--ink) 50%,var(--hell) 50%);}
.band{background:var(--volt);color:var(--ink);transform:rotate(-2deg);margin:0 -4vw;padding:20px 0;overflow:hidden;box-shadow:0 30px 80px -30px rgba(198,255,58,.55);}
.band-in{display:flex;width:max-content;animation:lauf 32s linear infinite;}
.band span{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,34px);letter-spacing:-.01em;text-transform:uppercase;padding:0 26px;display:inline-flex;align-items:center;gap:52px;white-space:nowrap;}
.band span::after{content:'';width:16px;height:16px;background:var(--ink);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);}
@keyframes lauf{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* ============================================================
   AUSSAGE (hell, Wort für Wort)
   ============================================================ */
.aussage{padding-top:clamp(70px,8vw,110px);}
.satz{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.3vw,62px);line-height:1.08;letter-spacing:-.035em;color:var(--text);max-width:1160px;margin-top:30px;}
.satz.scrub .w{color:rgba(11,12,14,.14);transition:color .3s linear;}
.satz.scrub .w.an{color:var(--text);}
.satz .hervor,.satz.scrub .hervor .w.an{color:var(--volt-tief);}
.satz-fuss{display:flex;justify-content:space-between;align-items:center;gap:32px 40px;flex-wrap:wrap;margin-top:clamp(48px,6vw,80px);padding-top:32px;border-top:1px solid var(--line);}
.satz-fuss p{max-width:520px;color:var(--text-soft);font-size:17px;}

/* ============================================================
   VIDEO
   ============================================================ */
.film{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:16/9;background:#000;box-shadow:0 0 0 1px rgba(243,245,239,.1),0 60px 120px -50px rgba(198,255,58,.35),0 40px 80px -40px rgba(0,0,0,.9);}
.film img,.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.film img{transition:transform 1.6s var(--ease),filter .6s var(--ease);filter:saturate(.85) brightness(.7);}
.film-start{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;border:0;background:radial-gradient(ellipse at center,rgba(7,8,10,.05),rgba(7,8,10,.6));cursor:pointer;width:100%;}
.film:hover img{transform:scale(1.05);filter:saturate(1) brightness(.78);}
.play{position:relative;width:132px;height:132px;border-radius:50%;background:rgba(198,255,58,.12);border:1.5px solid rgba(198,255,58,.75);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .55s var(--ease),background-color .4s,box-shadow .55s var(--ease);}
.play::before{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(198,255,58,.35);animation:puls 2.4s var(--ease) infinite;}
.play svg{width:34px;height:34px;fill:var(--volt);margin-left:6px;transition:fill .3s;}
.film-start:hover .play{transform:scale(1.14);background:var(--volt);box-shadow:0 0 70px rgba(198,255,58,.6);}
.film-start:hover .play svg{fill:var(--ink);}
.film-label{position:absolute;left:28px;bottom:24px;z-index:2;font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#FFFFFF;display:flex;align-items:center;gap:12px;pointer-events:none;}
.film-label i{font-style:normal;color:var(--volt);}
.film.laeuft .film-start,.film.laeuft .film-label,.film.laeuft img{display:none;}

/* ============================================================
   VORTEILE (Kartenstapel)
   ============================================================ */
.gruende{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,90px);align-items:start;}
.gruende-kopf{position:sticky;top:120px;}
.gruende-kopf .titel{font-size:clamp(34px,3.7vw,54px);}
.zaehler{display:flex;align-items:baseline;gap:10px;margin-top:56px;font-family:var(--display);}
.zaehler b{font-size:clamp(64px,6vw,88px);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--text);font-variant-numeric:tabular-nums;}
.zaehler span{font-size:18px;font-weight:600;color:var(--text-faint);}
.zaehler i{position:relative;align-self:center;flex:1;max-width:200px;height:3px;margin-left:18px;background:var(--line);overflow:hidden;border-radius:3px;}
.zaehler em{position:absolute;inset:0;background:var(--verlauf);transform-origin:left;transform:scaleX(var(--p,.167));transition:transform .5s var(--ease);}
.stapel{display:flex;flex-direction:column;gap:28px;padding-bottom:6vh;}
.grund{position:sticky;top:120px;min-height:360px;padding:44px 48px;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(155deg,#1A1D21 0%,#111316 55%,#0E1508 100%);border:1px solid rgba(243,245,239,.1);box-shadow:0 -26px 60px -24px rgba(0,0,0,.9);transform-origin:50% 0;transform:scale(var(--s,1));}
.grund:nth-child(2){top:134px;}.grund:nth-child(3){top:148px;}.grund:nth-child(4){top:162px;}.grund:nth-child(5){top:176px;}.grund:nth-child(6){top:190px;}
.grund::before{content:'';position:absolute;right:-20%;top:-44%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(198,255,58,.24),transparent 66%);pointer-events:none;}
.grund::after{content:'';position:absolute;inset:0;background:#000;opacity:var(--d,0);pointer-events:none;}
.grund-nr{position:absolute;top:18px;right:36px;font-family:var(--display);font-weight:800;font-size:clamp(96px,9vw,150px);line-height:1;letter-spacing:-.06em;color:transparent;background:linear-gradient(180deg,rgba(198,255,58,.5),rgba(198,255,58,.04));-webkit-background-clip:text;background-clip:text;}
.grund-tag{position:relative;align-self:flex-start;margin-bottom:auto;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--volt);border:1px solid rgba(198,255,58,.45);border-radius:999px;padding:7px 14px;}
.grund h3{position:relative;margin-top:64px;font-family:var(--display);font-weight:700;font-size:clamp(30px,3vw,46px);line-height:1.04;letter-spacing:-.03em;color:var(--weiss);}
.grund > p:last-child{position:relative;margin-top:14px;max-width:540px;font-size:17px;line-height:1.65;color:rgba(243,245,239,.74);}
.grund--volt{background:linear-gradient(150deg,#D4FF5E 0%,#C6FF3A 45%,#7FE89A 100%);border-color:transparent;}
.grund--volt::before{background:radial-gradient(circle,rgba(255,255,255,.45),transparent 66%);}
.grund--volt .grund-nr{background-image:linear-gradient(180deg,rgba(7,8,10,.35),rgba(7,8,10,.03));}
.grund--volt .grund-tag{color:var(--ink);border-color:rgba(7,8,10,.4);}
.grund--volt h3{color:var(--ink);}
.grund--volt > p:last-child{color:#1B2108;}

/* ============================================================
   ABLAUF (Linie)
   ============================================================ */
.linie{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:48px;}
.linie::before,.linie::after{content:'';position:absolute;top:15px;left:0;right:0;height:2px;}
.linie::before{background:var(--line);}
.linie::after{background:var(--verlauf);transform-origin:left;transform:scaleX(0);transition:transform 1.9s var(--ease);}
.linie.da::after{transform:scaleX(1);}
.js .linie .schritt-p{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.js .linie.da .schritt-p{opacity:1;transform:none;}
.linie .schritt-p:nth-child(2){transition-delay:.35s}.linie .schritt-p:nth-child(3){transition-delay:.7s}.linie .schritt-p:nth-child(4){transition-delay:1.05s}
.schritt-p{position:relative;}
.schritt-p::before{content:'';position:absolute;top:-41px;left:0;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid rgba(198,255,58,.55);}
.schritt-p:last-child::before{width:24px;height:24px;top:-44px;background:var(--volt);border-color:var(--volt);box-shadow:0 0 0 7px rgba(198,255,58,.14),0 0 26px var(--glow);}
.schritt-p small{display:block;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--akzent-text);margin-bottom:12px;}
.schritt-p h3{font-family:var(--display);font-weight:700;font-size:clamp(21px,1.8vw,25px);line-height:1.15;letter-spacing:-.02em;color:var(--text);margin-bottom:10px;}
.schritt-p p{font-size:15px;line-height:1.65;color:var(--text-soft);}

/* ============================================================
   STIMMEN
   ============================================================ */
.stimmen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.stimme{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:36px 32px 30px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#14171A 0%,#0E1013 100%);border:1px solid rgba(243,245,239,.09);transition:transform .55s var(--ease),border-color .45s;}
.stimme::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(460px circle at var(--mx,50%) var(--my,-10%),rgba(198,255,58,.16),transparent 45%);opacity:0;transition:opacity .45s;}
.stimme:hover{transform:translateY(-6px);border-color:rgba(198,255,58,.45);}
.stimme:hover::before{opacity:1;}
.sterne{display:flex;gap:4px;margin-bottom:22px;}
.sterne svg{width:17px;height:17px;fill:var(--volt);}
.stimme blockquote{flex:1;font-size:17px;line-height:1.6;color:var(--weiss);}
.stimme footer{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;}
.stimme footer i{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--display);font-weight:800;font-size:16px;color:var(--ink);background:var(--verlauf);}
.stimme footer b{display:block;font-family:var(--display);font-size:16px;color:var(--weiss);}
.stimme footer span{font-size:13px;color:var(--text-faint);}

/* ============================================================
   MACHER (hell, Bild + Text)
   ============================================================ */
.macher{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center;}
.macher-bild{position:relative;}
.macher-bild::before{content:'';position:absolute;inset:8% -4% -6% 8%;border-radius:32px;background:var(--verlauf);transform:rotate(3deg);transition:transform .8s var(--ease);}
.macher-bild:hover::before{transform:rotate(5deg) scale(1.02);}
.macher-bild img{position:relative;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:45% 50%;border-radius:28px;box-shadow:0 40px 80px -40px rgba(11,12,14,.55);}
.macher .titel{font-size:clamp(32px,3.6vw,54px);}
.macher p{margin-top:20px;font-size:17.5px;line-height:1.7;color:var(--text-soft);}
.macher p.stark{font-family:var(--display);font-weight:700;font-size:clamp(21px,1.9vw,26px);line-height:1.3;letter-spacing:-.015em;color:var(--text);}
.macher .knopf{margin-top:34px;}

/* ============================================================
   FAQ (hell)
   ============================================================ */
.fragen{max-width:940px;margin:0 auto;border-top:1px solid var(--line);}
.frage{border-bottom:1px solid var(--line);}
.frage summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 6px;cursor:pointer;font-family:var(--display);font-weight:600;font-size:clamp(19px,2vw,24px);line-height:1.3;letter-spacing:-.015em;color:var(--text);transition:padding .45s var(--ease);}
.frage summary::-webkit-details-marker{display:none;}
.frage summary:hover{padding-left:16px;}
.plus{width:34px;height:34px;border-radius:50%;position:relative;flex:none;box-shadow:inset 0 0 0 1.5px var(--line);transition:background-color .35s,box-shadow .35s;}
.plus::before,.plus::after{content:'';position:absolute;top:50%;left:50%;width:13px;height:2px;background:var(--text);transform:translate(-50%,-50%);transition:transform .4s var(--ease),background-color .3s;}
.plus::after{transform:translate(-50%,-50%) rotate(90deg);}
.frage summary:hover .plus{background:var(--ink);box-shadow:none;}
.frage summary:hover .plus::before,.frage summary:hover .plus::after{background:var(--volt);}
.frage[open] .plus{background:var(--volt);box-shadow:none;}
.frage[open] .plus::before,.frage[open] .plus::after{background:var(--ink);}
.frage[open] .plus::after{transform:translate(-50%,-50%) rotate(0);}
.antw{padding:0 6px 30px;font-size:16.5px;line-height:1.75;color:var(--text-soft);max-width:780px;}
.antw a,.recht a,.fragen-fuss a{color:var(--text);text-decoration:underline;text-decoration-color:var(--akzent-text);text-decoration-thickness:2px;text-underline-offset:3px;}
.fragen-fuss{text-align:center;margin-top:44px;color:var(--text-soft);}

/* ============================================================
   SCHLUSS (Volt-Fläche mit Schimmer)
   ============================================================ */
.schluss{--bg:#C6FF3A;text-align:center;background:linear-gradient(115deg,#B8F52C 0%,#C6FF3A 30%,#A6F86E 55%,#7CF2A4 80%,#C6FF3A 100%);background-size:260% 260%;animation:schimmer 16s ease-in-out infinite alternate;}
@keyframes schimmer{from{background-position:0% 40%}to{background-position:100% 60%}}
.schluss .titel{font-size:clamp(40px,6.4vw,100px);line-height:.95;letter-spacing:-.05em;margin:22px auto 0;}
.schluss .lead{margin:28px auto 0;}
.schluss .aktion{justify-content:center;margin-top:44px;}
.schluss .mikro{color:var(--text-soft);}
.schluss .mikro svg{fill:var(--ink);}
.schluss .hut{justify-content:center;}

/* ============================================================
   FUSS
   ============================================================ */
.fuss{background:var(--ink);color:var(--text-faint);padding:44px 0 40px;font-size:14px;border-top:1px solid var(--line);}
.fuss .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;}
.fuss nav{display:flex;gap:26px;flex-wrap:wrap;}
.fuss a,.fuss button{color:var(--text-soft);text-decoration:none;background:none;border:0;cursor:pointer;font-size:14px;transition:color .3s;}
.fuss a:hover,.fuss button:hover{color:var(--volt);}

/* ============================================================
   FUNNEL
   ============================================================ */
.funnel{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,7vh,80px) 0 clamp(60px,9vh,100px);}
.funnel .wrap{width:100%;max-width:820px;}
.funnel-kopf{text-align:center;margin-bottom:34px;}
.funnel-kopf .abzeichen{margin-bottom:22px;}
.funnel-kopf h1{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,60px);line-height:1;letter-spacing:-.045em;color:var(--weiss);}
.funnel-kopf p{color:var(--text-soft);margin-top:14px;font-size:17px;}
.planer{position:relative;background:linear-gradient(180deg,rgba(23,26,30,.94),rgba(15,17,20,.94));border:1px solid rgba(243,245,239,.1);border-radius:32px;padding:clamp(24px,4vw,48px);box-shadow:0 60px 120px -60px rgba(198,255,58,.28),0 40px 80px -40px rgba(0,0,0,.9);}
.fortschritt-zeile{display:flex;align-items:center;gap:16px;margin-bottom:34px;}
.fortschritt{flex:1;-webkit-appearance:none;appearance:none;height:6px;border:0;border-radius:999px;background:rgba(243,245,239,.1);overflow:hidden;}
.fortschritt::-webkit-progress-bar{background:rgba(243,245,239,.1);border-radius:999px;}
.fortschritt::-webkit-progress-value{background:var(--verlauf);border-radius:999px;transition:width .5s var(--ease);}
.fortschritt::-moz-progress-bar{background:var(--volt);border-radius:999px;}
.fortschritt-text{flex:none;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-variant-numeric:tabular-nums;}
.schritt{border:0;min-inline-size:0;}
.schritt legend{padding:0;font-family:var(--display);font-weight:700;font-size:clamp(25px,2.8vw,36px);line-height:1.1;letter-spacing:-.03em;color:var(--weiss);margin-bottom:26px;}
.schritt-hinweis{color:var(--text-soft);font-size:15.5px;margin:-14px 0 24px;}
.schritt + .schritt{margin-top:44px;}
.js .planer-schrittweise .schritt + .schritt{margin-top:0;}
.wahlgitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.wahlgitter-1{grid-template-columns:minmax(0,1fr);}
.wahlgitter-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.wahl{position:relative;display:block;cursor:pointer;}
.wahl input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.wahl span{position:relative;display:flex;align-items:center;gap:16px;min-height:72px;padding:16px 22px;border-radius:18px;background:rgba(243,245,239,.04);box-shadow:inset 0 0 0 1px rgba(243,245,239,.12);font-size:16.5px;font-weight:600;line-height:1.3;color:var(--weiss);transition:background-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease);}
.wahl span::after{content:'';margin-left:auto;width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px rgba(243,245,239,.3);transition:background-color .3s,box-shadow .3s;}
.wahl i{font-style:normal;font-size:24px;line-height:1;flex:none;}
.wahl:hover span{box-shadow:inset 0 0 0 1.5px rgba(198,255,58,.6);transform:translateY(-2px);background:rgba(198,255,58,.05);}
.wahl input:checked + span{background:rgba(198,255,58,.12);box-shadow:inset 0 0 0 2px var(--volt),0 0 30px -8px var(--glow);}
.wahl input:checked + span::after{background:var(--volt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307080A' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:none;}
.wahl input:focus-visible + span{outline:2px solid var(--volt);outline-offset:3px;}
.teilfrage + .teilfrage{margin-top:30px;}
.teilfrage h2{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text-soft);margin:0 0 12px;}
.feldpaar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.feld{margin-bottom:18px;}
.feld label{display:block;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:var(--text-soft);margin-bottom:8px;}
.feld input,.feld textarea{width:100%;padding:17px 18px;border:0;border-radius:14px;font:inherit;font-size:16px;color:var(--weiss);background:rgba(243,245,239,.05);box-shadow:inset 0 0 0 1px rgba(243,245,239,.14);transition:box-shadow .3s var(--ease),background-color .3s;}
.feld input::placeholder,.feld textarea::placeholder{color:rgba(243,245,239,.42);}
.feld input:focus,.feld textarea:focus{outline:0;background:rgba(198,255,58,.05);box-shadow:inset 0 0 0 1.5px var(--volt),0 0 0 5px rgba(198,255,58,.12);}
.feld textarea{min-height:130px;resize:vertical;}
.feld input.kurz{max-width:240px;}
.feld-zusatz{font-weight:400;color:var(--text-faint);}
.pflicht{color:var(--volt);}
.feld-fehler{display:block;margin-top:7px;font-size:13.5px;font-weight:600;color:#FF8A7A;}
.feld input[aria-invalid="true"],.feld textarea[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px #FF8A7A;}
.zustimmung-feld{display:flex;align-items:flex-start;gap:14px;margin:8px 0 18px;}
.zustimmung-feld input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--volt);}
.zustimmung-feld label{font-size:13.5px;line-height:1.6;color:var(--text-soft);}
.zustimmung-feld a{color:var(--weiss);text-decoration:underline;text-decoration-color:var(--volt);text-underline-offset:3px;}
.vertrauen{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-faint);}
.vertrauen svg{width:16px;height:16px;flex:none;margin-top:2px;fill:var(--volt);}
.falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.planer-fuss{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:34px;padding-top:28px;border-top:1px solid var(--line);}
.planer-fuss [data-zurueck]{margin-right:auto;}
.planer-meldung{flex-basis:100%;font-size:14px;font-weight:600;color:#FF8A7A;}
.planer-meldung:empty{display:none;}
.senden-laeuft{opacity:.7;pointer-events:none;}
.js .planer-schrittweise .schritt{display:none;}
.js .planer-schrittweise .schritt.aktiv{display:block;animation:schrittRein .55s var(--ease);}
@keyframes schrittRein{from{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:none}}
.js .planer-fuss [data-zurueck]{visibility:hidden;}
.js .planer-fuss [data-zurueck].sichtbar{visibility:visible;}
.funnel-fuss{margin-top:26px;text-align:center;font-size:13.5px;color:var(--text-faint);}
.funnel-fuss a{color:var(--text-soft);}
.funnel-fuss a:hover{color:var(--volt);}

/* Danke / Rückmeldung */
.danke{text-align:center;}
.danke-zeichen{position:relative;display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--verlauf);margin-bottom:30px;box-shadow:0 0 60px rgba(198,255,58,.45);}
.danke-zeichen::after{content:'';position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(198,255,58,.4);animation:puls 2.4s var(--ease) infinite;}
.danke-zeichen svg{width:42px;height:42px;stroke:var(--ink);}
.js .danke-zeichen svg path{stroke-dasharray:30;stroke-dashoffset:30;animation:haken .9s .3s var(--ease) forwards;}
@keyframes haken{to{stroke-dashoffset:0}}
.danke h1{font-family:var(--display);font-weight:800;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.045em;color:var(--weiss);}
.danke .lead{margin:20px auto 0;}
.naechste{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:40px 0 0;text-align:left;}
.naechste li{padding:22px;border-radius:20px;background:rgba(243,245,239,.04);box-shadow:inset 0 0 0 1px rgba(243,245,239,.1);}
.naechste b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--volt);margin-bottom:8px;}
.naechste span{font-size:15px;line-height:1.55;color:var(--text-soft);}
.danke .aktion{justify-content:center;margin-top:38px;}

/* ============================================================
   RECHTSTEXTE (hell)
   ============================================================ */
.recht{max-width:820px;}
.recht h1{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:-.04em;color:var(--text);margin-bottom:.7em;}
.recht h2{font-family:var(--display);font-weight:700;font-size:clamp(20px,1.9vw,25px);letter-spacing:-.015em;color:var(--text);margin:2em 0 .6em;}
.recht p,.recht address,.recht li{color:var(--text-soft);font-size:16.5px;line-height:1.75;font-style:normal;}
.recht p + p{margin-top:1em;}
.recht strong{color:var(--text);}
.zurueck-link{display:inline-flex;align-items:center;gap:10px;margin-bottom:46px;font-size:14px;font-weight:600;color:var(--text-soft);text-decoration:none;transition:color .3s,gap .35s var(--ease);}
.zurueck-link:hover{color:var(--text);gap:14px;}
.zurueck-link svg{width:16px;height:16px;}
.warnung{background:#FFF7D1;border:1.5px solid #E2B400;border-radius:18px;padding:22px 24px;margin-bottom:40px;}
.warnung h2{margin:0 0 .4em;font-size:18px;}
.warnung p{font-size:15px;color:#3A3200;}
.warnung code{background:rgba(0,0,0,.07);padding:1px 6px;border-radius:5px;font-size:.92em;}

/* ============================================================
   EINWILLIGUNG
   ============================================================ */
.zustimmung-banner{position:fixed;left:50%;bottom:18px;z-index:700;width:min(560px,calc(100% - 24px));transform:translate3d(-50%,0,0);background:var(--ink-3);color:var(--weiss);border-radius:24px;padding:26px 26px 22px;box-shadow:0 0 0 1px rgba(243,245,239,.12),0 40px 90px -20px rgba(0,0,0,.8);animation:bannerRein .6s var(--ease);}
@keyframes bannerRein{from{opacity:0;transform:translate3d(-50%,24px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}
.zustimmung-banner h2{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;}
.zustimmung-banner p{font-size:14px;line-height:1.6;margin:0 0 16px;color:var(--text-soft);}
.zustimmung-banner p a{color:var(--weiss);text-decoration:underline;text-decoration-color:var(--volt);text-underline-offset:3px;}
.zustimmung-wahl{list-style:none;margin:0 0 16px;display:grid;gap:10px;}
.zustimmung-wahl label{display:flex;gap:12px;align-items:flex-start;font-size:14px;cursor:pointer;}
.zustimmung-wahl input{width:18px;height:18px;margin-top:2px;accent-color:var(--volt);flex:none;}
.zustimmung-wahl small{display:block;color:var(--text-faint);font-size:12.5px;}
/* Ablehnen und Annehmen gleichrangig: gleiche Größe, gleiche Fläche */
.zustimmung-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.zustimmung-knoepfe .knopf{padding:15px 18px;font-size:14.5px;--knopf-bg:var(--weiss);--knopf-text:var(--ink);--knopf-hover-bg:var(--volt);box-shadow:none;}
.zustimmung-mehr{margin-top:12px;font-size:13px;}
.zustimmung-mehr button{border:0;background:none;cursor:pointer;color:var(--text-soft);text-decoration:underline;text-decoration-color:var(--volt);text-underline-offset:3px;}

/* ============================================================
   SCHMALE SCHIRME
   ============================================================ */
@media (max-width:1100px){
  :root{--pad:32px;}
  .buehne .wrap{grid-template-columns:minmax(0,1fr);}
  .kacheln{height:520px;}
  .gruende{grid-template-columns:minmax(0,1fr);}
  .gruende-kopf{position:relative;top:0;}
  .zaehler{display:none;}
  .linie{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:64px;}
  .linie::before,.linie::after{display:none;}
  .stimmen{grid-template-columns:minmax(0,1fr);max-width:640px;margin:0 auto;}
  .macher{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:700px){
  :root{--pad:20px;}
  .buehne{min-height:auto;padding-top:48px;}
  .buehne h1{font-size:clamp(34px,9.4vw,60px);}
  .abzeichen{font-size:11.5px;gap:9px;padding:8px 14px 8px 12px;white-space:nowrap;}
  .kacheln{height:420px;grid-template-columns:repeat(2,minmax(0,1fr));}
  .spalte:nth-child(3){display:none;}
  .aktion{flex-direction:column;align-items:stretch;width:100%;}
  .aktion .knopf{width:100%;}
  .mikro{justify-content:center;}
  .knopf--gross{padding:21px 28px;}
  .grund{padding:32px 26px;min-height:300px;}
  .grund:nth-child(n){top:84px;}
  .linie{grid-template-columns:minmax(0,1fr);row-gap:44px;}
  .wahlgitter,.wahlgitter-3,.feldpaar,.naechste{grid-template-columns:minmax(0,1fr);}
  .wahl span{min-height:64px;}
  .planer{border-radius:26px;}
  .planer-fuss .knopf{flex:1;}
  .planer-fuss [data-zurueck]{flex:0 0 auto;}
  .film{border-radius:22px;}
  .play{width:96px;height:96px;}
  .film-label{left:18px;bottom:16px;font-size:12px;}
  .fuss .wrap{flex-direction:column;align-items:flex-start;}
  .schwebe{width:calc(100% - 32px);bottom:14px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  .js .rein,.js .zeile>span,.js .linie .schritt-p{opacity:1!important;transform:none!important;}
  .spur,.band-in{animation:none!important;}
  .korn,.licht{display:none;}
}