.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;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 h1,.hero h2,.hero h3{font-family:var(--display);letter-spacing:-.02em;margin:0}.hero p{margin:0}.hero a{color:var(--tanne)}.hero [id]{scroll-margin-top:140px}.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{flex-wrap:wrap;align-items:center;gap:16px 24px;max-width:1140px;margin:0 auto;padding:10px clamp(14px,3.5vw,32px);display:flex}.hero-marke{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.hero-marke img{width:30px;height:30px}.hero-marke-name{font-family:var(--display);letter-spacing:-.01em;font-size:18px}.hero-marke-name .my{font-weight:500}.hero-marke-name .pc{font-weight:700}.hero-marke small{font-family:var(--schrift);color:var(--gedaempft);font-size:13px;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:11px 14px;font-size:14.5px;font-weight:500;text-decoration:none}.hero-menue a:hover{color:var(--tanne);background:#dfe9e2b3}.hero-knopf{background:var(--tanne);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 12px 26px -12px #0e3a2f8c;color:#fff!important}.hero-knopf:hover{background:var(--tanne-dunkel)}.hero-knopf.gross{padding:14px 24px;font-size:16px;box-shadow:0 18px 36px -14px #0e3a2f99}.hero-knopf.weiss{background:#fff;font-weight:700;box-shadow:0 14px 28px -14px #0006;color:var(--tanne)!important}.hero-knopf.weiss:hover{background:var(--salbei-hell)}.hero-knopf.weiss.gross{padding:15px 28px}.hero-buehne{background:linear-gradient(135deg,#3b8f6c 0%,#2e7d5b 50%,#1d6a50 100%);position:relative;overflow:hidden}.hero-hex{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-buehne-innen{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px 64px;max-width:1120px;margin:0 auto;padding:56px clamp(16px,4vw,32px);display:flex;position:relative}.hero-buehne-innen>div:first-child{flex:460px;min-width:0}.hero-badges{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.hero-badge{border-radius:16px;align-items:center;gap:11px;padding:10px 16px 10px 10px;transition:transform .25s;display:flex;box-shadow:inset 0 1px #ffffffe6}.hero-badge:hover{transform:translateY(-2px)}.hero-badge.tanne{background:linear-gradient(135deg,#fff,#eef3ef);border:1px solid #144d3e2e;box-shadow:0 14px 28px -18px #144d3e73,inset 0 1px #ffffffe6}.hero-badge.bernstein{background:linear-gradient(135deg,#fff,#fbf1e0);border:1px solid #8f5b1233;box-shadow:0 14px 28px -18px #8f5b1266,inset 0 1px #ffffffe6}.hero-badge.gruen{background:linear-gradient(135deg,#fff,#e4efe7);border:1px solid #2e7d5b38;box-shadow:0 14px 28px -18px #2e7d5b73,inset 0 1px #ffffffe6}.hero-badge strong{color:var(--text);font-size:14.5px;line-height:1.2;display:block}.hero-badge small{color:var(--gedaempft);font-size:12px;display:block}.hero-medaillon{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.hero-medaillon svg{width:18px;height:18px}.hero-badge.tanne .hero-medaillon{background:linear-gradient(135deg,#144d3e,#2e7d5b);box-shadow:0 6px 12px -6px #144d3e99}.hero-badge.bernstein .hero-medaillon{background:linear-gradient(135deg,#d98e2b,#8f5b12);box-shadow:0 6px 12px -6px #8f5b128c}.hero-badge.gruen .hero-medaillon{background:linear-gradient(135deg,#2e7d5b,#144d3e);box-shadow:0 6px 12px -6px #2e7d5b99}.hero h1{color:#fff;text-wrap:balance;margin-bottom:18px;font-size:clamp(36px,4.6vw,56px);line-height:1.06}.hero-lead{color:#e4efe7;text-wrap:pretty;max-width:54ch;margin-bottom:28px;font-size:18px}.hero-lead strong{color:#fff}.hero-aktion{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-aktion small{color:#cfe3d7;max-width:22ch;font-size:13.5px;line-height:1.4}.hero-stores{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.hero-stores>span{color:#cfe3d7;font-size:13px}.hero-store{background:#0e3a2f;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important}.hero-store span{color:#fff}.hero-store:hover{background:#0a2c24}.hero-store svg{width:17px;height:17px}.hero-buehne-bild-huelle{flex:420px;justify-content:center;min-width:0;display:flex}.hero-buehne-bild{aspect-ratio:570/920;border-radius:26px;width:min(320px,82vw);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-abschnitt{max-width:1140px;margin:0 auto;padding:56px clamp(16px,4vw,32px)}.hero-abschnitt h2{color:var(--tanne-dunkel);margin-bottom:10px;font-size:clamp(26px,3vw,34px)}.hero-unter{color:var(--text2);max-width:64ch;margin-bottom:26px;font-size:17px}.hero-mitte{text-align:center}.hero-mitte .hero-unter{margin-left:auto;margin-right:auto}.hero-pille{letter-spacing:.1em;text-transform:uppercase;color:var(--tanne);background:var(--salbei);border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.hero-quelle{color:var(--gedaempft);margin-top:12px;font-size:12.5px}.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:28px 26px 24px;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(--gedaempft);margin-bottom:8px;font-size:11px}.hero-band-zelle.bernstein .hero-art{color:var(--bernstein-dunkel)}.hero-band-zelle.gruen .hero-art{color:var(--gruen)}.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:6px;font-size:14.5px}.hero-vorteile{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hero-vorteil{background:var(--karte);border:1px solid var(--rahmen);border-radius:20px;flex-direction:column;gap:10px;padding:24px;display:flex;box-shadow:0 1px 2px #17231f0d,0 14px 34px -26px #17231f59}.hero-vorteil.dunkel{background:var(--tanne-dunkel);color:#fff;border:none}.hero-vorteil.dunkel h3,.hero-vorteil.dunkel p,.hero-vorteil.dunkel .hero-mono{color:#fff}.hero-vorteil.dunkel p{opacity:.88}.hero-vorteil-kopf{justify-content:space-between;align-items:center;display:flex}.hero-icon{background:var(--salbei-hell);border:1px solid var(--rahmen);border-radius:13px;place-items:center;width:44px;height:44px;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-mono{font-family:var(--mono);color:var(--gedaempft);font-size:13px}.hero-vorteil h3{font-size:19px}.hero-vorteil p{color:var(--text2);flex:1;font-size:15px}.hero-vorteil-fuss{color:var(--gedaempft);border-top:1px solid var(--rahmen);padding-top:10px;font-size:13px}.hero-vorteil.dunkel .hero-vorteil-fuss{color:#ffffffbf;border-top-color:#ffffff2e}.hero-vorteil-fuss.beispiel:before{content:"●";color:var(--gruen);margin-right:6px}.hero-vorteil-fuss.beispiel{color:var(--gruen);font-weight:600}.hero-app{background:var(--salbei)}.hero-app-innen{max-width:1140px;margin:0 auto;padding:56px clamp(16px,4vw,32px)}.hero-app h2{color:var(--tanne-dunkel);max-width:22ch;margin-bottom:22px;font-size:clamp(26px,3vw,34px)}.hero-app-raster{grid-template-columns:1fr 340px;align-items:start;gap:40px;display:grid}.hero-stationen{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-stationen button{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);background:#ffffff8c;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px 10px 44px;display:flex;position:relative}.hero-stationen em{font-style:normal;font-family:var(--mono);color:var(--gedaempft);font-size:12px;position:absolute;top:11px;left:14px}.hero-stationen button.aktiv em{color:var(--tanne);font-weight:600}.hero-stationen button:hover{background:#ffffffd9}.hero-stationen button.aktiv{border-color:var(--tanne);background:#fff;box-shadow:0 8px 18px -12px #0e3a2f59}.hero-stationen strong{font-size:14.5px}.hero-stationen span{color:var(--gedaempft);font-size:13px}.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:not(.bild){padding:16px 14px}.hero-schirm-titel{letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);font-size:11px;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:11px;font-weight:600;display:inline-block}.hero-stand.auf{background:var(--gruen-tint);color:var(--gruen)}.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:10.5px;font-family:var(--mono);margin-top:5px}.hero-schritte{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hero-schritt{background:var(--karte);border:1px solid var(--rahmen);border-radius:20px;padding:28px 22px 22px;position:relative;box-shadow:0 1px 2px #17231f0d,0 14px 34px -26px #17231f59}.hero-schritt:before{counter-increment:s;content:counter(s);color:#fff;width:32px;height:32px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:-15px;left:20px;box-shadow:0 6px 14px -6px #17231f73}.hero-schritt.tanne:before{background:var(--tanne)}.hero-schritt.bernstein:before{background:var(--bernstein)}.hero-schritt.gruen:before{background:var(--gruen)}.hero-schritt h3{margin:4px 0 8px;font-size:18px}.hero-schritt p{color:var(--text2);font-size:14.5px}.hero-zusagen{background:var(--karte);border:1px solid var(--rahmen);border-radius:20px;grid-template-columns:repeat(2,1fr);gap:12px 32px;padding:26px 28px;display:grid;box-shadow:0 1px 2px #17231f0d,0 14px 34px -26px #17231f59}.hero-zusagen div{color:var(--text2);align-items:flex-start;gap:10px;font-size:15px;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{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;max-width:1140px;margin:0 auto;padding:56px clamp(16px,4vw,32px);display:grid}.hero-schluss h2{color:#fff;margin-bottom:10px;font-size:clamp(28px,3.2vw,36px)}.hero-schluss>.hero-schluss-innen>div>p{color:#fff;opacity:.9;margin-bottom:22px;font-size:17px}.hero-schluss .hero-telefon{width:min(280px,86vw)}.hero-fuss{max-width:1140px;color:var(--gedaempft);margin:0 auto;padding:24px clamp(16px,4vw,32px) 48px;font-size:13px}@media (max-width:900px){.hero-app-raster,.hero-schluss-innen,.hero-vorteile,.hero-zusagen,.hero-schritte,.hero-band{grid-template-columns:1fr}.hero-menue,.hero-marke small{display:none}.hero-marke span{white-space:nowrap}.hero-band-zelle{border-bottom:1px solid var(--rahmen)}.hero-band-zelle:last-child{border-bottom:none}.hero-stationen{grid-template-columns:1fr}.hero-telefon,.hero-buehne-bild{margin:0 auto}}@media (prefers-reduced-motion:reduce){.hero{scroll-behavior:auto}.hero-buehne-bild img,.hero-schirm.bild img{transition:none}}