/* Деньги без страха — Landingpage. Farben nur hier oben ändern. */
@font-face{font-family:"TikTok Sans";src:url(../fonts/TikTokSans-Variable.woff2) format("woff2");font-weight:300 900;font-stretch:75% 150%;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/Manrope-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/Manrope-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/Manrope-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Caveat";src:url(../fonts/Caveat-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --grund:#ffffff;
  --tinte:#0f2a20;
  --leise:#557066;
  --gruen:#00a86b;
  --gruen-tief:#00804f;
  --gruen-hell:#d9f7e8;
  --rosa:#ff4f9a;
  --rosa-hell:#ffe3ef;
  --gelb:#ffe14d;
  --gelb-hell:#fff6c4;
  --flaeche:#f4f7f5;
  --linie:#e2ebe6;
  --rand:clamp(16px,3.5vw,48px);
  --breit:1280px;
  --radius:32px;
  --anzeige:"TikTok Sans",system-ui,sans-serif;
  --text:"Manrope",system-ui,sans-serif;
  --hand:"Caveat",cursive;
  --ease:cubic-bezier(.22,1,.36,1);
  --feder:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--grund);color:var(--tinte);font:500 17px/1.6 var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--anzeige);margin:0;line-height:1;letter-spacing:-.025em;text-wrap:balance}
h2{font-size:clamp(34px,5vw,68px);font-weight:800}
h3{font-size:clamp(20px,1.7vw,24px);font-weight:700;line-height:1.15;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
.skip{position:absolute;left:-999px;top:8px;background:var(--tinte);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
.etikett{font:700 13px/1.3 var(--text);letter-spacing:.04em;color:var(--gruen-tief)}

.fortschritt{position:fixed;top:0;left:0;right:0;height:4px;z-index:60}
.fortschritt i{display:block;height:100%;background:linear-gradient(90deg,var(--gruen),var(--rosa));transform-origin:left;transform:scaleX(0)}

/* Knöpfe */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--gruen);color:#fff;text-decoration:none;font:800 17px/1 var(--anzeige);letter-spacing:-.01em;padding:19px 30px;border-radius:999px;box-shadow:0 4px 0 var(--gruen-tief);transition:transform .2s var(--feder),box-shadow .2s,background .2s;position:relative}
.knopf:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--gruen-tief)}
.knopf:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gruen-tief)}
.knopf--klein{padding:13px 20px;font-size:15px}
.knopf--dunkel{background:var(--tinte);box-shadow:0 4px 0 #000}
.knopf--dunkel:hover{box-shadow:0 6px 0 #000}
.knopf--rosa{background:var(--rosa);box-shadow:0 4px 0 #c42c6c}
.knopf--rosa:hover{box-shadow:0 6px 0 #c42c6c}
.knopf--weiss{background:#fff;color:var(--tinte);box-shadow:0 4px 0 rgba(0,0,0,.25);font-size:20px;padding:22px 40px}
.textlink{font-weight:700;text-decoration:none;color:var(--gruen-tief)}
.textlink:hover{color:var(--rosa)}

/* Kacheln */
.kachel{background:var(--flaeche);border-radius:var(--radius);padding:clamp(22px,2.6vw,36px);position:relative}
.kachel--rosa{background:var(--rosa-hell)}
.kachel--gruen{background:var(--gruen);color:#fff}
.kachel--gruen .etikett{color:var(--gelb)}
.kachel--gelb{background:var(--gelb)}

/* Kopf */
.kopf{position:fixed;top:12px;left:var(--rand);right:var(--rand);z-index:50;display:flex;align-items:center;gap:24px;padding:10px 10px 10px 20px;border-radius:999px;transition:background .3s,box-shadow .3s}
.kopf.dicht{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(15,42,32,.08)}
.logo{display:flex;align-items:center;gap:10px;font:800 19px/1 var(--anzeige);text-decoration:none;letter-spacing:-.02em}
.logo em{font-style:normal;color:var(--gruen)}
.logo__muenze{width:30px;height:30px;border-radius:50%;background:var(--gelb);display:grid;place-items:center;font-size:15px;box-shadow:inset 0 -3px 0 #e8c200}
.kopf__nav{display:flex;gap:6px;margin-left:auto}
.kopf__nav a{text-decoration:none;font-weight:700;font-size:15px;padding:9px 14px;border-radius:999px;transition:background .2s}
.kopf__nav a:hover{background:var(--gruen-hell)}

/* Hero */
.hero{max-width:var(--breit);margin:0 auto;padding:96px var(--rand) 40px;display:grid;grid-template-columns:1.6fr .5fr .5fr;grid-template-rows:1fr auto;gap:16px;position:relative}
.hero__haupt{grid-column:1;grid-row:1/3;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:24px;background:#fff;border:2px solid var(--linie)}
.hero__titel{font-size:clamp(42px,5.8vw,82px);font-weight:850;line-height:.98;padding-bottom:.12em}
.dehn{display:inline-block;transition:translate .45s var(--feder),rotate .45s var(--feder),color .3s;cursor:default}
.dehn.hupf{translate:0 -.08em;rotate:-2deg;color:var(--rosa)}
.hero__gruen{color:var(--gruen)}
.unterstr{position:relative;white-space:nowrap}
.unterstr::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.08em;height:.22em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M2 14 C 50 4, 120 4, 198 12' fill='none' stroke='%23ff4f9a' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 var(--u,0%) 0 0);transition:clip-path 1s var(--ease)}
.js:not(.ruhig) .unterstr{--u:100%}
.js:not(.ruhig) .unterstr.an{--u:0%}
.unterstr--hell::after{filter:brightness(0) invert(1)}
.hero__text{font-size:clamp(17px,1.35vw,19px);color:var(--leise);max-width:50ch}
.hero__aktion{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:auto}
.notiz{font:700 26px/1 var(--hand);color:var(--rosa);position:absolute;pointer-events:none}
.notiz svg{width:90px;height:45px;margin:4px 0 0 40px}
.notiz path{fill:none;stroke:var(--rosa);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.notiz--hero{right:clamp(20px,3vw,44px);top:34px;transform:rotate(5deg);text-align:right}
.notiz--hero svg{margin:4px 30px 0 auto;transform:scaleX(-1) rotate(10deg)}

.hero__glas{grid-column:2/4;grid-row:1;display:grid;place-items:center;min-height:360px;overflow:hidden}
.glas{width:min(280px,78%);height:auto;overflow:visible}
.glas__deckel{fill:var(--rosa)}
.glas__schlitz{fill:#c42c6c}
.glas__rand{fill:rgba(255,255,255,.35);stroke:var(--tinte);stroke-width:4}
.glas__glanz{stroke:#fff;stroke-width:5;stroke-linecap:round;opacity:.8}
.muenze circle{fill:var(--gelb);stroke:#e0b800;stroke-width:2}
.muenze text{font:800 15px var(--anzeige);fill:#b38f00;text-anchor:middle;dominant-baseline:central}
.glas__zahl{position:absolute;left:24px;bottom:22px;background:#fff;border-radius:18px;padding:10px 16px;box-shadow:0 10px 30px rgba(196,44,108,.18)}
.glas__zahl small{display:block;font-size:12px;color:var(--leise);font-weight:700}
.glas__zahl strong{font:850 26px/1.1 var(--anzeige);font-variant-numeric:tabular-nums}
.hero__klein{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:150px}
.hero__klein strong{font:900 clamp(44px,4.6vw,64px)/1 var(--anzeige);letter-spacing:-.04em}
.hero__klein > span{font-weight:700;font-size:15px}
.schwebe{position:absolute;white-space:nowrap;background:#fff;border-radius:999px;padding:10px 16px;font:800 15px var(--anzeige);box-shadow:0 12px 30px rgba(15,42,32,.12);z-index:2;pointer-events:none}
.schwebe--1{top:22px;right:22px;color:var(--gruen-tief)}
.schwebe--2{right:22px;bottom:30px;color:var(--rosa)}

/* Kapitel */
.kapitel{display:grid;gap:14px;max-width:780px}
.kapitel p:not(.etikett){color:var(--leise);font-size:18px;max-width:54ch}
.kapitel--mitte{margin:0 auto;text-align:center;justify-items:center}

section{scroll-margin-top:90px}

/* Checkliste */
.check{max-width:var(--breit);margin:0 auto;padding:clamp(80px,10vw,150px) var(--rand) clamp(60px,8vw,110px)}
.check__raster{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:44px;align-items:start}
.check__liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.check__liste label{display:flex;gap:16px;align-items:center;background:var(--flaeche);border-radius:22px;padding:18px 20px;cursor:pointer;font-weight:700;font-size:17px;transition:background .25s,transform .25s var(--feder)}
.check__liste label:hover{transform:translateX(6px)}
.check__liste input{appearance:none;-webkit-appearance:none;flex:none;width:30px;height:30px;border-radius:10px;border:2px solid #b8cbc2;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .3s var(--feder)}
.check__liste input::after{content:"";width:12px;height:7px;border:3px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .3s var(--feder)}
.check__liste input:checked{background:var(--gruen);border-color:var(--gruen);transform:rotate(-8deg)}
.check__liste input:checked::after{transform:rotate(-45deg) scale(1)}
.check__liste label:has(input:checked){background:var(--gruen-hell)}
.check__ergebnis{position:sticky;top:100px;display:grid;justify-items:center;gap:8px;text-align:center;padding:36px 28px;background:var(--gelb-hell)}
.ring{width:200px;height:200px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:18}
.ring__grund{stroke:#fff}
.ring__wert{stroke:var(--gruen);stroke-linecap:round;stroke-dasharray:528;stroke-dashoffset:528;transition:stroke-dashoffset .8s var(--ease),stroke .3s}
.check__zahl{margin-top:-140px;height:132px;display:grid;align-content:center}
.check__zahl strong{font:900 48px/1 var(--anzeige);letter-spacing:-.03em}
.check__zahl span{font-size:13px;font-weight:700;color:var(--leise)}
#check-text{font:800 19px/1.3 var(--anzeige);max-width:24ch;min-height:2.6em}

/* Rechner */
.rechner{max-width:var(--breit);margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand)}
.rechner__karte{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);background:var(--tinte);color:#fff;padding:clamp(28px,4vw,56px)}
.rechner__eingaben{display:grid;gap:30px;align-content:center}
.regler span{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:14px;color:#b9cfc6}
.regler output{font:800 20px/1 var(--anzeige);color:#fff;font-variant-numeric:tabular-nums}
.regler input{width:100%;appearance:none;-webkit-appearance:none;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--gruen) var(--f,30%),#2b4a3e var(--f,30%));cursor:pointer}
.regler input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--gelb);border:4px solid var(--tinte);box-shadow:0 0 0 2px var(--gelb);transition:transform .2s var(--feder)}
.regler input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gelb);border:4px solid var(--tinte)}
.regler input:active::-webkit-slider-thumb{transform:scale(1.25)}
.rechner__ergebnis{background:#173a2d;border-radius:24px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.rechner__ergebnis .etikett{color:var(--gelb)}
.rechner__summe{font:900 clamp(56px,7.5vw,108px)/.95 var(--anzeige);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#fff}
.balken{height:22px;border-radius:999px;background:#0f2a20;position:relative;overflow:hidden}
.balken i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--gruen),var(--gelb));border-radius:999px;transition:width .6s var(--ease)}
.balken__ziel{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:#8fb2a4}
.rechner__satz{font-size:18px;color:#cfe3da}
.rechner__satz b{color:var(--gelb)}
.kleingedruckt{margin-top:14px;font-size:13px;color:var(--leise)}
.kleingedruckt--mitte{text-align:center}

/* Programm-Pfad */
.programm{max-width:var(--breit);margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand)}
.pfad{position:relative;margin-top:56px}
.pfad__linie{position:absolute;left:50%;top:0;width:180px;height:100%;transform:translateX(-50%);overflow:visible}
.pfad__linie path{fill:none;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pfad__grund{stroke:var(--linie);stroke-dasharray:2 12}
.pfad__wert{stroke:var(--rosa)}
.pfad__linie--wert{clip-path:inset(0 -50% calc(100% - var(--p,100%)) -50%)}
.js:not(.ruhig) .pfad__linie--wert{--p:0%}
.pfad__stationen{list-style:none;margin:0;padding:0;display:grid;gap:clamp(40px,6vw,90px);position:relative}
.station{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}
.station__karte{grid-column:1;display:grid;gap:10px;max-width:460px;justify-self:end}
.station__karte p:not(.etikett){color:var(--leise)}
.kachel--gruen.station__karte p:not(.etikett){color:#e3fff2}
.station:nth-child(even) .station__karte{grid-column:3;justify-self:start}
.station__punkt{grid-column:2;grid-row:1;justify-self:center;width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid var(--rosa);display:grid;place-items:center;font:900 26px var(--anzeige);color:var(--rosa);z-index:1;transition:background .3s,color .3s}
.station.an .station__punkt{background:var(--rosa);color:#fff}

/* Bento */
.inhalt{max-width:var(--breit);margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:16px;margin-top:44px;perspective:1000px}
.bento .kachel{display:flex;flex-direction:column;gap:10px;transition:translate .5s var(--ease)}
.bento .kachel p{color:var(--leise);font-size:15px}
.bento .kachel--gruen p{color:#e3fff2}
.bento .kachel--gross{grid-column:span 2;grid-row:span 2;background:var(--gruen-hell)}
.bento .kachel--gross h3{font-size:clamp(32px,3.6vw,52px);margin-top:auto}
.bento .kachel--gross p{font-size:18px;max-width:34ch}
.symbol{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;margin-bottom:auto}
.kachel--gross .symbol{width:84px;height:84px;stroke:var(--gruen-tief)}

/* Autorin */
.autor{max-width:var(--breit);margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand);display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,90px);align-items:center}
.autor__bild{position:relative;aspect-ratio:1;max-width:480px;width:100%;justify-self:center}
.autor__form{position:absolute}
.autor__form--1{inset:8% 14% 14% 8%;background:var(--gruen);border-radius:46% 54% 42% 58%/52% 44% 56% 48%;}
.autor__form--2{width:38%;height:38%;right:2%;top:4%;background:var(--rosa);border-radius:50%}
.autor__form--3{width:30%;height:30%;left:4%;bottom:0;background:var(--gelb);border-radius:28px;transform:rotate(14deg)}
.autor__init{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(90px,12vw,170px)/1 var(--anzeige);color:#fff;letter-spacing:-.05em;font-stretch:120%}
@keyframes blob{50%{border-radius:58% 42% 55% 45%/42% 58% 42% 58%;transform:rotate(8deg)}}
@keyframes schweb{50%{transform:translateY(-16px) rotate(6deg)}}
.autor__text{display:grid;gap:18px}
.autor__text .gross{font:600 clamp(20px,2vw,26px)/1.35 var(--anzeige);letter-spacing:-.01em}
.autor__text p:not(.gross):not(.etikett){color:var(--leise)}
.unterschrift{font:700 54px/1 var(--hand);color:var(--rosa);transform:rotate(-4deg);transform-origin:left}

/* Stimmen */
.stimmen{padding:clamp(60px,8vw,110px) 0}
.stimmen .kapitel{max-width:var(--breit);margin:0 auto;padding:0 var(--rand)}
.hinweis{font:700 24px/1 var(--hand);color:var(--rosa)!important}
.stimmen__spur{display:flex;gap:16px;overflow-x:auto;padding:40px var(--rand) 20px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.stimmen__spur::-webkit-scrollbar{display:none}
.stimmen__spur.zieht{cursor:grabbing;scroll-snap-type:none}
.stimme{margin:0;flex:0 0 min(380px,82vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:22px;min-height:300px;user-select:none}
.stimme__plus{align-self:flex-start;font:850 28px/1 var(--anzeige);background:#fff;color:var(--gruen-tief);padding:10px 14px;border-radius:14px;transform:rotate(-3deg)}
.stimme blockquote{margin:0;font:600 21px/1.35 var(--anzeige);letter-spacing:-.01em}
.stimme figcaption{margin-top:auto;font-weight:700;font-size:14px;opacity:.75}

/* Preise */
.preise{max-width:980px;margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand);display:grid;justify-items:center;gap:32px}
.umschalter{position:relative;display:flex;background:var(--flaeche);border-radius:999px;padding:6px}
.umschalter button{position:relative;z-index:1;border:0;background:none;font:800 16px var(--anzeige);padding:12px 24px;border-radius:999px;cursor:pointer;color:var(--leise);transition:color .3s}
.umschalter button.aktiv{color:#fff}
.umschalter__kugel{position:absolute;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);background:var(--tinte);border-radius:999px;transition:transform .45s var(--feder)}
.umschalter.raten .umschalter__kugel{transform:translateX(100%)}
.preise__raster{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;perspective:1000px}
.preis{display:flex;flex-direction:column;gap:20px;transition:translate .5s var(--ease)}
.preis__betrag{font:800 24px var(--anzeige)}
.preis__betrag strong{font:900 80px/1 var(--anzeige);letter-spacing:-.05em;display:inline-block;font-variant-numeric:tabular-nums}
.preis__betrag span{font:700 15px var(--text);opacity:.7;display:block}
.preis ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.preis li{padding-left:30px;position:relative;font-weight:600}
.preis li::before{content:"";position:absolute;left:0;top:.25em;width:20px;height:20px;border-radius:50%;background:var(--gruen-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5 l3 3 7-7' fill='none' stroke='%2300804f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.preis--top li::before{background-color:#fff}
.preis .knopf{margin-top:auto}
.preis__marke{position:absolute;top:-16px;right:28px;background:var(--rosa);color:#fff;font:900 16px var(--anzeige);padding:10px 16px;border-radius:999px;transform:rotate(6deg)}

/* FAQ */
.fragen{max-width:980px;margin:0 auto;padding:clamp(60px,8vw,110px) var(--rand)}
.fragen__liste{display:grid;gap:10px;margin-top:36px}
.fragen details{padding:0}
.fragen summary{list-style:none;cursor:pointer;padding:24px 70px 24px 28px;font:800 clamp(18px,1.7vw,21px)/1.3 var(--anzeige);position:relative}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"";position:absolute;right:24px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 13 l6 6 6-6' fill='none' stroke='%230f2a20' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;transition:transform .4s var(--feder)}
.fragen details[open]{background:var(--gruen-hell)}
.fragen details[open] summary::after{transform:rotate(180deg)}
.fragen details p{padding:0 28px 26px;color:var(--leise)}

/* Finale */
.finale{padding:0 var(--rand) clamp(60px,8vw,100px)}
.finale__karte{max-width:var(--breit);margin:0 auto;background:var(--rosa);color:#fff;border-radius:44px;padding:clamp(56px,8vw,120px) var(--rand);text-align:center;display:grid;justify-items:center;gap:24px;position:relative;overflow:hidden}
.finale__karte h2{font-size:clamp(34px,5.2vw,76px);font-weight:900;position:relative;z-index:1}
.finale__karte p{font-size:19px;max-width:44ch;position:relative;z-index:1}
.finale__karte .knopf{z-index:1}
.finale__muenzen i{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--gelb);color:#b38f00;display:grid;place-items:center;font:900 30px/1 var(--anzeige);font-style:normal;box-shadow:inset 0 -6px 0 #e0b800}
.finale__muenzen i:nth-child(1){left:6%;top:14%}
.finale__muenzen i:nth-child(2){right:8%;top:20%;width:96px;height:96px;font-size:40px;animation-delay:-2s}
.finale__muenzen i:nth-child(3){left:12%;bottom:12%;width:52px;height:52px;font-size:22px;animation-delay:-4s}
.finale__muenzen i:nth-child(4){right:16%;bottom:10%;animation-delay:-1s}
.finale__muenzen i:nth-child(5){left:46%;top:-24px;width:44px;height:44px;font-size:18px;animation-delay:-3s}

/* Konfetti-Münzen (vom Skript erzeugt) */
.flug{position:fixed;z-index:80;width:22px;height:22px;border-radius:50%;background:var(--gelb);box-shadow:inset 0 -3px 0 #e0b800;pointer-events:none;display:grid;place-items:center;font:900 12px var(--anzeige);color:#b38f00}

/* Fuß */
.fuss{border-top:2px solid var(--linie);max-width:var(--breit);margin:0 auto;padding:32px var(--rand);display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center}
.fuss nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;font-weight:700;font-size:15px}
.fuss nav a{text-decoration:none}
.fuss nav a:hover{color:var(--rosa)}
.fuss__klein{width:100%;font-size:13px;color:var(--leise)}

/* Einblenden (nur mit JS + Bewegung erlaubt) */
.js:not(.ruhig) .reveal{opacity:0;transform:translateY(20px)}

/* Handy */
@media (max-width:1000px){
  .kopf__nav{display:none}
  .kopf .knopf{margin-left:auto}
  .hero{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .hero__haupt{grid-column:1/-1;grid-row:auto}
  .hero__glas{grid-column:1/-1;grid-row:auto;min-height:0;padding:76px 20px 104px}
  .notiz--hero{display:none}
  .check__raster,.rechner__karte,.autor{grid-template-columns:1fr}
  .check__ergebnis{position:static}
  .bento{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .kopf{top:8px;padding-left:12px;gap:10px}
  .logo{font-size:15px;white-space:nowrap;gap:8px}
  .kopf .knopf{white-space:nowrap;padding:11px 14px;font-size:14px}
  .bento{grid-auto-rows:auto}
  .symbol{margin-bottom:14px}
  .hero{padding-top:84px}
  .hero__klein{min-height:120px}
  .station{grid-template-columns:56px 1fr;gap:14px}
  .station__punkt{grid-column:1;width:48px;height:48px;font-size:20px}
  .station__karte,.station:nth-child(even) .station__karte{grid-column:2;justify-self:stretch}
  .pfad__linie{left:28px;width:60px}
  .bento{grid-template-columns:1fr}
  .bento .kachel--gross{grid-column:auto;grid-row:auto}
  .preise__raster{grid-template-columns:1fr}
  .preis--top{order:-1}
  .preis__betrag strong{font-size:64px}
  .finale__muenzen i:nth-child(2),.finale__muenzen i:nth-child(4){display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}