.hero{--seite:#f4f6f3;--karte:#fff;--salbei:#dfe9e2;--salbei-hell:#eef3ef;--gruen-tint:#e4efe7;--bernstein-tint:#fbf1e0;--tanne:#144d3e;--tanne-dunkel:#0e3a2f;--gruen:#2e7d5b;--bernstein:#d98e2b;--bernstein-dunkel:#8f5b12;--text:#17231f;--text2:#3c4a45;--gedaempft:#5f6e68;--rahmen:#dce2dd;--display:"Bricolage Grotesque", "Public Sans", system-ui, sans-serif;--schrift:"Public Sans", system-ui, -apple-system, sans-serif;--mono:"Spline Sans Mono", ui-monospace, Menlo, monospace;--a1:8px;--a2:16px;--a3:24px;--a4:32px;--a5:48px;--a6:64px;--a7:80px;--a8:96px;--rand:var(--a4);--block:var(--a7);--schatten-karte:0 1px 2px #17231f0d, 0 14px 34px -26px #17231f59;background:var(--seite);color:var(--text);font-family:var(--schrift);scroll-behavior:smooth;line-height:1.5}.hero *,.hero :before,.hero :after{box-sizing:border-box}.hero :where(h1,h2,h3){font-family:var(--display);letter-spacing:-.02em;margin:0}.hero :where(p,ul,ol,figure){margin:0}.hero h3{text-wrap:balance}.hero a{color:var(--tanne)}.hero [id]{scroll-margin-top:112px}.hero :focus-visible{outline:3px solid var(--tanne);outline-offset:3px}.hero-buehne :focus-visible,.hero-schluss :focus-visible,.hero-vorteil.dunkel :focus-visible{outline-color:#fff}.hero-kopf{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.5);background:#ffffffad;border-bottom:1px solid #dce2ddb3;position:sticky;top:0}.hero-kopf-innen{max-width:1140px;padding:var(--a1) var(--rand);align-items:center;gap:var(--a2);flex-wrap:wrap;margin:0 auto;display:flex}.hero-marke{align-items:center;gap:var(--a1);color:var(--text);text-decoration:none;display:flex}.hero-marke img{width:64px;height:64px}.hero-marke-name{font-family:var(--display);letter-spacing:-.01em;font-size:24px}.hero-marke-name .pc{font-weight:700}.hero-marke small{font-family:var(--schrift);color:var(--gedaempft);font-size:16px;font-weight:400}.hero-menue{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.hero-menue a{color:var(--text2);border-radius:999px;padding:12px;font-size:15px;font-weight:500;text-decoration:none}.hero-menue a:hover{color:var(--tanne);background:#dfe9e2b3}.hero-knopf{background:var(--tanne);min-height:48px;padding:12px var(--a3);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 12px 26px -12px #0e3a2f8c;color:#fff!important}.hero-knopf:hover{background:var(--tanne-dunkel)}.hero-knopf.gross{min-height:56px;padding:16px var(--a4);font-size:17px;box-shadow:0 18px 36px -14px #0e3a2f99}.hero-knopf.weiss{background:#fff;font-weight:700;box-shadow:0 14px 28px -14px #00000073;color:var(--tanne)!important}.hero-knopf.weiss:hover{background:var(--salbei-hell)}.hero-buehne{color:#fff;background:linear-gradient(135deg,#2e7d5b 0%,#1d6a50 38%,#144d3e 100%);position:relative;overflow:hidden}.hero-hex{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-buehne-innen{max-width:1140px;padding:var(--a7) var(--rand);gap:var(--a5) var(--a6);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0 auto;display:grid;position:relative}.hero h1{color:#fff;margin-bottom:var(--a3);font-size:clamp(36px,4.4vw + 8px,60px);line-height:1.04}.hero-zeile{display:block}.hero-lead{color:#fff;max-width:50ch;margin-bottom:var(--a4);text-wrap:pretty;font-size:19px;line-height:1.55}.hero-lead strong{font-weight:700}.hero-aktion{align-items:center;gap:var(--a2) var(--a3);flex-wrap:wrap;display:flex}.hero-aktion-hinweis{color:#fff;text-wrap:balance;max-width:24ch;font-size:15px;line-height:1.4}.hero-leiste{margin-top:var(--a5);background:#0e3a2f6b;border:1px solid #ffffff38;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid;box-shadow:inset 0 1px 3px #0000002e}.hero-leiste li{gap:var(--a1);padding:var(--a2) var(--a3) var(--a3) var(--a2);flex-direction:column;min-width:0;display:flex}.hero-leiste li+li{border-left:1px solid #ffffff38}.hero-zeichen{border:1px solid #ffffff80;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;display:grid}.hero-zeichen svg{width:16px;height:16px}.hero-leiste strong{font-size:15px;line-height:1.3;display:block}.hero-leiste small{color:#fff;font-size:14px;line-height:1.35;display:block}.hero-buehne-figur{justify-self:center;width:320px;position:relative}.hero-buehne-bild-huelle{justify-content:center;display:flex;position:relative}.hero-buehne-bild{aspect-ratio:570/920;border-radius:26px;width:100%;transition:transform .4s;position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-8deg)rotateX(3deg);box-shadow:0 60px 90px -40px #0009,0 25px 40px -22px #00000073}.hero-buehne-bild:hover{transform:perspective(1400px)rotateY(0)rotateX(0)}.hero-buehne-bild img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.hero-buehne-bild img.aktiv{opacity:1}.hero-pause{cursor:pointer;width:48px;height:48px;font:inherit;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e3a2fc7;border:1px solid #ffffff8c;border-radius:999px;place-items:center;padding:0;display:inline-grid}.hero-pause svg{width:18px;height:18px}.hero-pause:hover{background:var(--tanne-dunkel)}.hero-buehne-bild-huelle .hero-pause{right:calc(-1 * var(--a2));top:var(--a3);z-index:2;position:absolute}.hero-fund{z-index:1;left:calc(-1 * var(--a5));bottom:var(--a5);width:240px;color:var(--text);padding:var(--a2);background:#fff;border-radius:16px;position:absolute;box-shadow:0 28px 48px -24px #0000008c,0 2px 6px #0e3a2f2e}.hero-fund-kopf{align-items:center;gap:4px var(--a1);flex-wrap:wrap;margin-bottom:4px;display:flex}.hero-fund-marke{order:-1}.hero-fund-name{font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;font-size:18px;font-weight:700}.hero-fund-marke{color:var(--tanne);background:var(--salbei);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.hero-fund-ort{color:var(--gedaempft);font-size:13px}.hero-fund-stand{align-items:center;gap:var(--a1);margin-top:var(--a1);color:var(--tanne);background:var(--gruen-tint);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-fund-stand:before{content:"";background:var(--gruen);border-radius:999px;width:8px;height:8px}.hero-fund-frisch{margin-top:var(--a1);font-family:var(--mono);color:var(--gedaempft);font-size:12px}.hero-abschnitt{max-width:1140px;padding:var(--block) var(--rand);margin:0 auto}.hero-abschnitt+.hero-abschnitt{padding-top:0}.hero-abschnitt h2,.hero-app h2{color:var(--tanne-dunkel);margin-bottom:var(--a2);text-wrap:balance;max-width:26ch;font-size:clamp(28px,2vw + 12px,36px);line-height:1.12}.hero-unter{color:var(--text2);max-width:62ch;margin-bottom:var(--a4);font-size:17px}.hero-quelle{color:var(--gedaempft);margin-top:var(--a2);max-width:90ch;font-size:13px}.hero-abschnitt-aktion{margin-top:var(--a5)}.hero-band{background:var(--karte);border:1px solid var(--rahmen);border-radius:20px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 1px 2px #17231f0d,0 18px 40px -28px #17231f59}.hero-band-zelle{padding:var(--a4) var(--a3) var(--a3);position:relative}.hero-band-zelle+.hero-band-zelle{border-left:1px solid #ffffffb3}.hero-band-zelle.salbei{background:linear-gradient(160deg,#e6efe8,#d6e5da)}.hero-band-zelle.bernstein{background:linear-gradient(160deg,#fbf1e0,#f4e2bf)}.hero-band-zelle.gruen{background:linear-gradient(160deg,#e4efe7,#cfe4d6)}.hero-art{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:var(--a1);font-size:12px}.hero-band-zelle.bernstein .hero-art{color:var(--bernstein-dunkel)}.hero-band-zelle.gruen .hero-art{color:var(--tanne)}.hero-zahl{font-family:var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--tanne-dunkel);font-size:46px;font-weight:600;line-height:1}.hero-was{color:var(--text2);margin-top:var(--a1);font-size:15px}.hero-vorteile{gap:var(--a2);grid-template-columns:repeat(2,1fr);display:grid}.hero-vorteil{background:var(--karte);border:1px solid var(--rahmen);padding:var(--a3);gap:var(--a1);box-shadow:var(--schatten-karte);border-radius:20px;flex-direction:column;display:flex}.hero-vorteil.dunkel{background:var(--tanne-dunkel);color:#fff;border:none}.hero-vorteil.dunkel h3,.hero-vorteil.dunkel p{color:#fff}.hero-icon{width:48px;height:48px;margin-bottom:var(--a1);background:var(--salbei-hell);border:1px solid var(--rahmen);border-radius:14px;place-items:center;display:grid}.hero-icon svg{width:22px;height:22px}.hero-vorteil.dunkel .hero-icon{background:#ffffff1a;border-color:#ffffff24}.hero-fuss-zusatz{color:var(--gedaempft);font-weight:400}.hero-vorteil h3{font-size:20px;line-height:1.25}.hero-vorteil p{color:var(--text2);flex:1;font-size:16px}.hero-vorteil-fuss{color:var(--gedaempft);border-top:1px solid var(--rahmen);padding-top:var(--a2);margin-top:var(--a1);font-size:14px}.hero-vorteil.dunkel .hero-vorteil-fuss{color:#fff;border-top-color:#ffffff2e}.hero-vorteil-fuss.beispiel:before{content:"●";color:var(--gruen);margin-right:6px}.hero-vorteil-fuss.beispiel{color:var(--tanne);font-weight:600}.hero-app{background:var(--salbei)}.hero-app-innen{max-width:1140px;padding:var(--block) var(--rand);margin:0 auto}.hero-app-raster{gap:var(--a2) var(--a5);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.hero-app-raster>.hero-stationen{grid-area:1/1/span 2}.hero-app-raster>.hero-telefon{grid-area:1/2}.hero-app-raster>.hero-pause{grid-area:2/2;justify-self:center}.hero-stationen{gap:var(--a1);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid;position:relative}.hero-stationen button{text-align:left;width:100%;height:100%;min-height:48px;padding:12px var(--a2) 12px 52px;cursor:pointer;font:inherit;color:var(--text);background:#ffffff9e;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:2px;display:flex;position:relative}.hero-stationen em{left:var(--a2);font-style:normal;font-family:var(--mono);color:var(--text2);font-size:13px;position:absolute;top:14px}.hero-stationen button.aktiv em{color:var(--tanne);font-weight:600}.hero-stationen button:hover{background:#ffffffe6}.hero-stationen button.aktiv{border-color:var(--tanne);background:#fff;box-shadow:0 8px 18px -12px #0e3a2f59}.hero-stationen strong{font-size:16px;line-height:1.3}.hero-stationen span{color:var(--text2);font-size:14px;line-height:1.45}.hero-pause.hell{width:auto;height:auto;min-height:48px;padding:12px var(--a3) 12px var(--a2);gap:var(--a1);color:var(--tanne);border:1.5px solid var(--tanne);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.hero-pause.hell:hover{background:var(--salbei-hell)}.hero-app-weiter{margin-top:var(--a5);align-items:center;gap:var(--a2);color:var(--text2);flex-wrap:wrap;font-size:16px;display:flex}.hero-store{align-items:center;gap:var(--a1);background:var(--tanne-dunkel);min-height:48px;padding:12px var(--a2);border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important}.hero-store svg{width:18px;height:18px}.hero-telefon{background:#0e3a2f;border-radius:40px;justify-self:center;width:min(300px,82vw);padding:11px;box-shadow:0 40px 80px -36px #0e3a2f99,inset 0 0 0 1px #ffffff0f}.hero-schirm{background:var(--seite);aspect-ratio:390/844;border-radius:30px;position:relative;overflow:hidden}.hero-schirm.bild img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.hero-schirm.bild img.aktiv{opacity:1}.hero-schirm.bild{background:var(--tanne-dunkel)}.hero-schirm:not(.bild){padding:var(--a2) 14px}.hero-schirm-titel{letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);font-size:12px;font-family:var(--mono);margin-bottom:10px}.hero-karte{border:1px solid var(--rahmen);color:var(--text);background:#fff;border-radius:12px;margin-bottom:9px;padding:11px 12px}.hero-karte.hervor{border:2px solid var(--tanne)}.hero-karte-name{color:var(--text);font-size:14px;font-weight:700;font-family:var(--display)}.hero-karte-adresse{color:var(--gedaempft);font-size:12px}.hero-stand{border-radius:999px;margin-top:7px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.hero-stand.auf{background:var(--gruen-tint);color:var(--tanne)}.hero-stand.warte{background:var(--salbei);color:var(--tanne)}.hero-stand.alt{background:var(--salbei-hell);color:var(--gedaempft);font-weight:400}.hero-karte-frisch{color:var(--gedaempft);font-size:11px;font-family:var(--mono);margin-top:5px}.hero-schritte{gap:var(--a2);counter-reset:s;margin-top:var(--a5);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.hero-schritt{background:var(--karte);border:1px solid var(--rahmen);padding:var(--a4) var(--a3) var(--a3);box-shadow:var(--schatten-karte);border-radius:20px;position:relative}.hero-schritt:before{counter-increment:s;content:counter(s);top:calc(-1 * var(--a2));left:var(--a3);color:#fff;width:32px;height:32px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:15px;font-weight:600;display:grid;position:absolute;box-shadow:0 6px 14px -6px #17231f73}.hero-schritt.tanne:before{background:var(--tanne)}.hero-schritt.bernstein:before{background:var(--bernstein-dunkel)}.hero-schritt.gruen:before{background:var(--gruen)}.hero-schritt h3{margin-bottom:var(--a1);font-size:19px}.hero-schritt p{color:var(--text2);max-width:62ch;font-size:16px}.hero-zusagen{background:var(--karte);border:1px solid var(--rahmen);padding:var(--a3) var(--a4);gap:var(--a2) var(--a4);box-shadow:var(--schatten-karte);margin-top:var(--a3);border-radius:20px;grid-template-columns:repeat(2,1fr);display:grid}.hero-zusagen div{color:var(--text2);align-items:flex-start;gap:12px;font-size:16px;display:flex}.hero-zusagen div:before{content:"✓";color:var(--gruen);flex:none;font-weight:700}.hero-schluss{background:var(--tanne);color:#fff}.hero-schluss-innen{max-width:1140px;padding:var(--block) var(--rand);gap:var(--a5);grid-template-columns:1.2fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-schluss h2{margin-bottom:var(--a2);color:#fff;text-wrap:balance;font-size:clamp(28px,2.2vw + 12px,38px);line-height:1.12}.hero-schluss>.hero-schluss-innen>div>p{color:#fff;margin-bottom:var(--a4);max-width:46ch;font-size:17px}.hero-schluss .hero-telefon{width:min(280px,86vw)}.hero-fuss{max-width:1140px;padding:var(--a4) var(--rand) var(--a5);color:var(--gedaempft);margin:0 auto;font-size:14px}@media (max-width:1079px){.hero-stationen{grid-template-columns:1fr}.hero-app-raster{grid-template-columns:minmax(0,1fr) 280px}.hero-buehne-figur{width:260px}.hero-fund{left:calc(-1 * var(--a2));width:224px}.hero-leiste{margin-top:var(--a4);grid-template-columns:1fr}.hero-leiste li{padding:12px var(--a2);flex-direction:row;align-items:center;gap:12px}.hero-leiste li+li{border-top:1px solid #ffffff38;border-left:none}.hero-leiste strong,.hero-leiste small{display:inline}.hero-leiste strong:after{content:" · ";font-weight:400}.hero-leiste small{white-space:nowrap}}@media (min-width:760px) and (max-width:1079px){.hero-hex{-webkit-mask-image:linear-gradient(90deg,#0000 58%,#000 74%);mask-image:linear-gradient(90deg,#0000 58%,#000 74%)}}@media (max-width:899px){.hero{--rand:var(--a3);--block:var(--a6)}.hero-menue,.hero-marke small{display:none}.hero-marke span{white-space:nowrap}.hero-schritte{gap:var(--a4);grid-template-columns:1fr}}@media (max-width:759px){.hero-buehne-innen{padding-top:var(--a5);padding-bottom:var(--a6);grid-template-columns:1fr}.hero-schluss-innen,.hero-vorteile,.hero-zusagen,.hero-schritte,.hero-band{grid-template-columns:1fr}.hero-band-zelle+.hero-band-zelle{border-left:none;border-top:1px solid var(--rahmen)}.hero-schritte{gap:var(--a4)}.hero-hex{-webkit-mask-image:linear-gradient(0deg,#000 380px,#0000 520px);mask-image:linear-gradient(0deg,#000 380px,#0000 520px)}.hero-buehne-figur{width:min(280px,72vw);margin-top:var(--a2)}.hero-fund{left:calc(-1 * var(--a3));bottom:var(--a4);width:224px}.hero-app-raster{gap:var(--a3);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.hero-app-raster>.hero-telefon{grid-area:1/1;width:min(240px,64vw)}.hero-app-raster>.hero-stationen{grid-area:2/1}.hero-app-raster>.hero-pause{grid-area:3/1}.hero-stationen{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--rand));padding:var(--a1) var(--rand);scroll-padding-inline:var(--rand) 25%;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;gap:12px;overflow-x:auto}.hero-stationen::-webkit-scrollbar{display:none}.hero-stationen li{scroll-snap-align:start}.hero-telefon{margin:0 auto}}@media (max-width:599px){.hero{--rand:var(--a2);--block:var(--a5)}.hero-marke img{width:48px;height:48px}.hero-marke-name{font-size:20px}.hero h1{font-size:clamp(28px, calc((100vw - 2 * var(--rand)) / 9.4), 36px);margin-bottom:var(--a2);line-height:1.05}.hero-lead{margin-bottom:var(--a4);font-size:16px}.hero-aktion{align-items:stretch;gap:var(--a2);flex-direction:column}.hero-aktion .hero-knopf{width:100%}.hero-aktion-hinweis{text-align:center;max-width:none;font-size:14px}.hero-unter{margin-bottom:var(--a3);font-size:16px}.hero-abschnitt h2,.hero-app h2,.hero-schluss h2{font-size:26px}.hero-schluss>.hero-schluss-innen>div>p{font-size:16px}.hero-vorteil h3{font-size:18px}.hero-zahl{font-size:40px}.hero-zusagen{padding:var(--a3)}.hero-app-weiter{margin-top:var(--a4)}.hero-leiste strong,.hero-leiste small{display:block}.hero-leiste strong:after{content:none}.hero-leiste small{white-space:normal}}@media (max-width:359px){.hero-kopf-innen{gap:var(--a1)}.hero-marke img{width:40px;height:40px}.hero-marke-name{font-size:18px}.hero-kopf .hero-knopf{padding:12px var(--a2)}.hero-abschnitt h2,.hero-app h2,.hero-schluss h2{font-size:24px}}@media (max-width:299px){.hero-kopf{position:static}.hero-knopf,.hero-knopf.gross{white-space:normal;text-align:center;padding-inline:var(--a2)}.hero-fund{width:min(224px, calc(100vw - 2 * var(--rand)));left:0}.hero-fund-name{white-space:normal}.hero-vorteil,.hero-schritt,.hero-zusagen{padding-inline:var(--a2)}.hero-vorteil p{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.hero{scroll-behavior:auto}.hero-buehne-bild,.hero-buehne-bild img,.hero-schirm.bild img{transition:none}}