:root{--blau:#8cff1a;--ink:#101418;--grau:#5a6572;--linie:#dfe5ec;--nacht:#07120a;--verl:linear-gradient(155deg,#07170c 0%,#145c22 100%);--tief:linear-gradient(180deg,#10301a 0%,#07120a 100%);--hell:#f4faf1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.65 Outfit,system-ui,sans-serif}
a{color:inherit}h1,h2,h3,p{margin:0}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.schmal{max-width:820px}
mark.offen{background:none;color:inherit;border-bottom:2px dotted #e8a800}
.kopfz{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--linie)}
.kopf-in{display:flex;align-items:center;gap:22px;min-height:72px;padding:0 20px;max-width:1400px;margin:0 auto}
.logo{font:700 26px/1 Antonio,sans-serif;color:#0f3d1b;text-decoration:none;letter-spacing:.5px}.logo small{display:block;font:500 7.5px/1.6 Outfit,sans-serif;letter-spacing:1.6px;color:var(--grau)}
.nav{display:flex;gap:20px;flex:1}.nav a{text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}.nav a:hover,.nav a[aria-current]{color:var(--blau)}
.kopf-r{display:flex;align-items:center;gap:14px}.login-l{font-size:14px;font-weight:600;white-space:nowrap}
.spr{display:flex;gap:6px;font-size:13px;font-weight:600}.spr a{text-decoration:none;color:var(--grau)}.spr a.an{color:var(--blau)}
.korb-k{position:relative;background:none;border:0;cursor:pointer;padding:6px;width:38px}.korb-k svg{width:24px;fill:none;stroke:var(--ink);stroke-width:2}.korb-k b{position:absolute;top:-2px;right:-2px;background:var(--blau);color:#fff;font-size:11px;min-width:18px;line-height:18px;border-radius:9px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger i{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--blau);color:#fff;font:600 16px Outfit,sans-serif;text-decoration:none;border:1px solid var(--blau);cursor:pointer}
.btn:hover{background:#7ae600}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.35)}.btn.weiss{background:#fff;color:var(--blau);border-color:#fff}
.btn-wa{background:linear-gradient(155deg,#128c4a,#25d366);border:0}.btn.klein{min-height:44px;padding:0 16px;font-size:14px;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.label{display:block;color:var(--blau);font-size:12px;font-weight:600;letter-spacing:1.9px;text-transform:uppercase;margin-bottom:10px}.label-hell{color:#d4ff9e}
.hero{background:var(--verl);color:#fff;overflow:hidden}.hero-in{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:72px}
.hero-schmal .hero-in{grid-template-columns:1fr;padding-top:64px;padding-bottom:56px}.hero h1{font:700 clamp(38px,5.6vw,68px)/1.14 Antonio,sans-serif;letter-spacing:-.5px}
.hero .bl{background:linear-gradient(100deg,#8cff1a,#b4ff4d 50%,#d4ff9e);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin-top:18px;font-size:19px;max-width:640px;color:#dcefd9}.hero-art{text-align:center}.station{width:min(290px,100%);height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.4))}
.sec{padding:76px 0}.sec-eng{padding-bottom:0}.sec-h{font:700 clamp(30px,3.8vw,46px)/1.2 Antonio,sans-serif;letter-spacing:-.4px;background:linear-gradient(100deg,#0f3d1b,#8cff1a 58%,#8cff1a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:3px}
.h-hell{font:700 clamp(30px,3.8vw,46px)/1.2 Antonio,sans-serif;color:#fff}.lead{margin-top:12px;color:var(--grau);max-width:760px}
.pb-band{background:var(--verl);color:#fff;margin-top:44px}.pb-grid{display:grid;grid-template-columns:1fr 300px 1fr;align-items:center;gap:24px;padding-top:48px;padding-bottom:48px}.pb{width:190px;height:auto}
.pb-sp{display:grid;gap:44px}.pb-punkt strong{display:block;font-size:18px}.pb-punkt span{color:#cfe8cb;font-size:15px}.pb-sp:first-child{text-align:right}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px}.karte{background:var(--verl);color:#fff;padding:26px}.karte h3{font-size:18px;margin:14px 0 6px}.karte p{color:#dcefd9;font-size:15.5px}
.nr{display:grid;place-items:center;width:34px;height:34px;background:#fff;color:#0f3d1b;border-radius:50%;font-weight:700}
.wege{display:grid;gap:14px;margin-top:32px}.weg{display:flex;align-items:center;gap:20px;padding:26px;text-decoration:none}.weg h3{font:700 23px Antonio,sans-serif}.weg p{font-size:15.5px}.weg-pf{margin-left:auto;font-size:30px}
.weg-partner{background:linear-gradient(150deg,#071a0e,#133d1f);color:#fff}.weg-ort{background:linear-gradient(150deg,#fff,#eaf7e4);border:1px solid var(--linie)}.weg-kunde{background:linear-gradient(150deg,#8cff1a,#1f8a0a);color:#fff}
.weg-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;background:rgba(140,255,26,.2)}.weg-ic svg{width:24px;fill:none;stroke:currentColor;stroke-width:2}
.arts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px}.art{display:block;border:1px solid var(--linie);text-decoration:none}.art:hover{border-color:var(--blau)}.art-bild{display:block;height:150px;background:var(--verl)}.art-t{display:block;padding:20px}.art h3{font-size:18px}.art p{color:var(--grau);font-size:15.5px;margin-top:6px}
.arts+.btns{margin-top:28px}.cta{background:var(--tief);color:#fff;padding:76px 0}.cta .lead{color:#cfe8cb}.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0}.chips li{border:1px solid var(--linie);background:var(--hell);padding:8px 16px;font-weight:500}
.modelle,.listen,.kontakte{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px}.modell,.liste,.kontakt{border:1px solid var(--linie);padding:28px}.modell h3,.liste h3,.kontakt h3{font:700 25px Antonio,sans-serif;margin-bottom:8px;color:#0f3d1b}.modell p,.kontakt p{color:var(--grau)}
.haken{list-style:none;padding:0;margin:16px 0 0}.haken li{position:relative;padding-left:28px;margin:8px 0}.haken li:before{content:"✓";position:absolute;left:0;color:var(--blau);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:24px}.stat{background:var(--hell);padding:20px}.stat strong{display:block;font:700 34px Antonio,sans-serif;color:#0f3d1b}.stat span{color:var(--grau);font-size:14.5px}
.rechner{background:var(--verl);color:#fff;padding:76px 0}.rechner .lead{color:#dcefd9}.r-paks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.r-pak{background:#fff;color:var(--ink);border:0;padding:24px 10px;cursor:pointer;font:inherit}.r-pak strong{display:block;font-size:18px}.r-pak span{font-size:14px}.r-pak.an{background:var(--blau);color:#fff}
.r-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.r-felder{display:grid;gap:14px}.r-felder label{font-size:15px;font-weight:500}.r-felder input{display:block;width:100%;margin-top:6px;min-height:50px;padding:0 14px;border:0;font:500 18px Outfit,sans-serif}
.r-erg{background:rgba(5,24,10,.45);padding:22px;display:grid;gap:12px}.r-erg div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.r-erg strong{font-size:21px;white-space:nowrap}.r-erg .gross strong{font:700 40px Antonio,sans-serif;color:#d4ff9e}.r-hinweis{margin-top:18px;color:#cfe8cb;font-size:14px}
.paks{margin-top:28px;display:grid;gap:12px}.pak{border:1px solid var(--linie)}.pak summary{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;cursor:pointer;list-style:none}.pak-n{font:700 24px Antonio,sans-serif}.pak em,.prod em{font-style:normal;background:var(--blau);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;letter-spacing:.8px;text-transform:uppercase}.pak small{display:block;color:var(--grau);font-size:14px}.pak-p{text-align:right}.pak-p strong{font:700 26px Antonio,sans-serif;color:var(--blau)}.pak-in{padding:0 22px 22px;color:var(--grau)}.pak-in .btns{margin-top:14px}
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.demo{background:var(--nacht);color:#fff;padding:20px;box-shadow:0 20px 50px rgba(10,50,20,.3)}.demo-kopf{display:flex;justify-content:space-between;align-items:center}.demo-kopf span{font-size:11px;background:#25d366;color:#04311a;padding:2px 8px;font-weight:600}
.demo-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.demo-zahlen div{background:#14281a;padding:12px}.demo-zahlen small{display:block;font-size:12px;color:#a9d6b1}.demo-zahlen b{font-size:20px}
.demo-bars{display:flex;align-items:flex-end;gap:6px;height:90px;margin:16px 0}.demo-bars i{flex:1;background:var(--blau)}.demo table{width:100%;font-size:13.5px;border-collapse:collapse}.demo td{padding:7px 0;border-top:1px solid #24402b}.demo td:last-child{text-align:right}
.tab-w{overflow-x:auto;margin-top:28px}.tab{width:100%;border-collapse:collapse;min-width:520px}.tab th{background:#0f3d1b;color:#fff;text-align:left;padding:12px}.tab td{padding:12px;border-bottom:1px solid var(--linie)}.notiz{margin-top:12px;color:var(--grau);font-size:14.5px}
.fq-g{font:700 24px Antonio,sans-serif;color:#0f3d1b;margin:34px 0 10px}.fq{border-bottom:1px solid var(--linie)}.fq summary{padding:15px 0;cursor:pointer;font-weight:600}.fq p{padding-bottom:16px;color:var(--grau)}
.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:32px}.prod{position:relative;border:1px solid var(--linie);padding:20px}.prod em{position:absolute;top:14px;left:14px;z-index:1}.prod-bild{display:grid;place-items:center;height:230px;background:var(--verl);margin-bottom:14px}.prod-bild svg{height:190px;width:auto}.prod h3{font:700 24px Antonio,sans-serif}.prod-p{color:var(--blau);font-weight:700}.prod-p.gross{font-size:26px;margin-top:8px}.prod-k{color:var(--grau);font-size:15px}.mehr{display:inline-block;margin-top:10px;font-weight:600;color:var(--blau);text-decoration:none}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:44px}.pd-bild{height:460px}.pd-bild svg{height:400px}.pd .btn{margin-top:26px}
.prosa h2{font:700 30px Antonio,sans-serif;color:#0f3d1b;margin:32px 0 10px}.prosa p{margin:12px 0}.prosa ul{padding-left:22px}.entwurf{background:#fff7dc;border-left:4px solid #e8a800;padding:12px 16px;font-size:15px;color:var(--ink)}
.login{max-width:480px}.login form,.kasse form{display:grid;gap:14px}.login label,.kasse label{font-weight:500;font-size:15px}.login input,.kasse input{display:block;width:100%;margin-top:6px;min-height:48px;padding:0 12px;border:1px solid var(--linie);font:inherit}
.kasse{display:grid;grid-template-columns:1fr 1fr;gap:44px}.zeile{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linie)}.zeile button{background:none;border:1px solid var(--linie);width:30px;height:30px;cursor:pointer}.summe{display:flex;justify-content:space-between;font-weight:700;padding:14px 0}
.korb{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(400px,100%);background:#fff;padding:22px;transform:translateX(105%);transition:transform .2s;box-shadow:-8px 0 30px rgba(0,0,0,.2);overflow:auto}.korb.auf{transform:none}.korb-kopf{display:flex;justify-content:space-between;align-items:center}.korb-zu{background:none;border:0;font-size:30px;cursor:pointer}
.fuss{background:var(--nacht);color:#cfe2d2;padding:56px 0 26px}.fuss-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}.fuss h2{font-size:13.5px;letter-spacing:1px;color:#fff;margin-bottom:12px}.fuss a{display:block;text-decoration:none;margin:6px 0;font-size:15px}.fuss a:hover{color:#fff}.fuss-u{display:flex;justify-content:space-between;gap:14px;margin-top:36px;font-size:14px}.cookie-link{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:520px;background:#fff;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.28)}.cookie h2{font-size:17px}.cookie p{font-size:14.5px;color:var(--grau);margin-top:6px}.cookie .btns{margin-top:14px}
.vgl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.vgl-k{border:1px solid var(--linie);display:flex;flex-direction:column}
.vgl-kopf{background:var(--verl);color:#fff;padding:28px}.vgl-2 .vgl-kopf{background:var(--tief)}
.vgl-nr{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.9px;background:rgba(255,255,255,.16);padding:4px 10px;margin-bottom:12px}
.vgl-kopf h3{font:700 34px/1.1 Antonio,sans-serif;margin-bottom:8px}.vgl-kopf p{color:#dcefd9;min-height:3.3em}
.vgl-k dl{margin:0;padding:8px 28px 0;flex:1}.vgl-k dt{font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--grau);margin-top:18px}
.vgl-k dd{margin:4px 0 0;font-weight:600;font-size:17px;padding-bottom:16px;border-bottom:1px solid var(--linie)}.vgl-k dd:last-of-type{border-bottom:0}
.vgl-k .btns{margin:8px 28px 28px}
.hinweis-l{background:var(--hell);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.hinweis-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}.hinweis-in p{color:var(--grau)}.hinweis-in strong{color:var(--ink)}
@media(max-width:800px){.vgl{grid-template-columns:1fr}.hinweis-in{flex-direction:column;align-items:flex-start}}
@media(max-width:1420px){.login-l{display:none}.nav{gap:14px}.nav a{font-size:14px}.kopf-r .btn{display:none}}
@media(max-width:940px){.burger{display:block}.kopf-r{margin-left:auto}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 20px;gap:12px;border-bottom:1px solid var(--linie)}.nav.nav-offen{display:flex}
.hero-in,.app-grid,.r-grid,.pd,.kasse{grid-template-columns:1fr}.sec,.cta,.rechner{padding:54px 0}.pb-grid{grid-template-columns:1fr}.pb{margin:0 auto;order:-1;width:140px}.pb-sp:first-child{text-align:left}.pb-sp{gap:20px}.pd-bild{height:320px}.pd-bild svg{height:270px}}
@media(max-width:560px){.r-paks{grid-template-columns:1fr}.weg{padding:18px;gap:12px}.pak summary{flex-direction:column}.pak-p{text-align:left}.btn{width:100%}.fuss-u{flex-direction:column}.kopf-in{gap:10px}}
.logo img{display:block;height:27px;width:auto}.fuss-logo{display:block;height:31px;width:auto;margin-bottom:30px}
.buehne{position:relative;display:grid;place-items:center;padding:10px 0}
.buehne:before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(140,255,26,.34),rgba(140,255,26,.07) 48%,transparent 70%);filter:blur(34px);animation:glow 5.5s ease-in-out infinite}
.hero .station{position:relative;width:min(400px,100%);height:auto;filter:drop-shadow(0 0 6px rgba(180,255,120,.45)) drop-shadow(0 0 18px rgba(140,255,26,.35)) drop-shadow(0 26px 46px rgba(0,0,0,.55));animation:schweben 6s ease-in-out infinite}
@keyframes glow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.hero .station,.buehne:before{animation:none}}
.pb{width:280px;height:auto;filter:drop-shadow(0 16px 24px rgba(0,0,0,.45))}
.art-bild{position:relative;display:flex!important;align-items:center;justify-content:center;height:190px!important;overflow:hidden}.art-bild img{height:160px;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.pb-band{overflow:hidden}
.prod-bild{overflow:hidden}.prod-bild img{max-height:205px;max-width:88%;width:auto;height:auto;object-fit:contain}.pd-bild img{max-height:420px}
@media(max-width:940px){.pd-bild img{max-height:280px}}
@media(max-width:940px){.hero .station{width:min(250px,64%)}.pb{width:180px;margin:0 auto}}

/* Handy: Karten als Wisch-Karussell, Abstaende enger */
.wisch{display:none}
@media(max-width:700px){
.vgl,.prods,.karten,.arts{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vgl::-webkit-scrollbar,.prods::-webkit-scrollbar,.karten::-webkit-scrollbar,.arts::-webkit-scrollbar{display:none}
.vgl>*{flex:0 0 88%;scroll-snap-align:center}.prods>*,.karten>*,.arts>*{flex:0 0 78%;scroll-snap-align:center}
.wisch{display:block;text-align:center;color:var(--grau);font-size:13px;letter-spacing:1px;margin-top:10px}
.sec{padding:46px 0}.cta,.rechner{padding:46px 0}
.hero-in{padding-top:36px;padding-bottom:30px;gap:22px}.hero p{font-size:17px}.hero .btns{margin-top:22px}
.sec-h,.h-hell{font-size:32px}.lead{font-size:16px}
.vgl-kopf{padding:22px}.vgl-kopf h3{font-size:29px}.vgl-kopf p{min-height:0}.vgl-k dl{padding:4px 22px 0}.vgl-k dt{margin-top:12px}.vgl-k dd{font-size:16px;padding-bottom:12px}.vgl-k .btns{margin:6px 22px 22px}
.karte{padding:22px}.prod-bild{height:190px}.prod-bild img{max-height:170px}
.hinweis-in{padding-top:18px;padding-bottom:18px;gap:12px}
.pb-grid{padding-top:30px;padding-bottom:30px;gap:18px}.pb-sp{gap:16px}
.fuss{padding:40px 0 22px}.fuss-g{grid-template-columns:1fr 1fr;gap:22px}
}
.nav .nur-mobil{display:none}
@media(max-width:940px){.nav .nur-mobil{display:block}.nav .btn.nur-mobil{display:flex;margin-top:6px;color:#fff}}

/* Sprachauswahl als Aufklapp-Menue mit Flaggen */
.sprache{position:relative}
.sprache summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:7px 10px;border:1px solid var(--linie);font-size:13px;font-weight:700;user-select:none}
.sprache summary::-webkit-details-marker{display:none}
.sprache[open] summary,.sprache summary:hover{border-color:var(--ink)}
.flagge{display:inline-flex;width:20px;height:14px;flex:none;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.flagge svg{width:100%;height:100%;display:block}
.pfeil{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.sprache[open] .pfeil{transform:rotate(-135deg) translate(-2px,-1px)}
.spr-liste{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:170px;background:#fff;border:1px solid var(--linie);box-shadow:0 14px 34px rgba(0,0,0,.14);padding:6px}
.spr-liste a{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;font-size:15px;font-weight:500}
.spr-liste a:hover{background:var(--hell)}.spr-liste a[aria-current]{font-weight:700;color:#1f8a0a}
@media(max-width:560px){.logo img{height:21px}.sprache summary{padding:6px 7px;gap:5px}.sprache summary b{display:none}.kopf-in{gap:8px;padding:0 14px}.korb-k{width:32px;padding:4px}.burger{padding:6px}}

/* Rechner: Schieberegler */
.regler{display:block}.regler-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.regler output{font:700 26px Antonio,sans-serif;color:#b4ff4d;white-space:nowrap}
.regler input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:14px 0 4px;background:linear-gradient(90deg,#8cff1a var(--p,50%),rgba(255,255,255,.22) var(--p,50%));border-radius:4px;outline:none;cursor:pointer}
.regler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid #8cff1a;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.regler input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid #8cff1a}
.regler small{display:flex;justify-content:space-between;color:#cfe8cb;font-size:12.5px}
.r-felder{gap:26px}
.r-felder .regler input[type=range]{display:block;min-height:0;height:8px;padding:0;border:0;margin:16px 0 8px}

/* Rechner: Aufschluesselung und Kennzahlen */
.r-erg .r-brutto span small{display:block;font-size:13px;color:#cfe8cb;margin-top:2px}
.r-erg .r-ab span,.r-erg .r-ab strong{font-size:15.5px;color:#dcefd9;font-weight:500}
.r-erg .gross{border-top:1px solid rgba(255,255,255,.18);padding-top:12px;margin-top:4px}
.r-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.r-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.r-stat span{font-size:13px;color:#cfe8cb}.r-stat strong{font:700 28px Antonio,sans-serif;color:#fff}
.r-warn{margin-top:16px;background:#fff7dc;color:#5a4300;border-left:4px solid #e8a800;padding:12px 16px;font-size:15px}
@media(max-width:700px){.r-stats{grid-template-columns:1fr 1fr}.r-stat strong{font-size:24px}}
.r-erg .r-vor{margin:-4px 0 0;text-align:right;font-size:13px;font-style:italic;color:#cfe8cb}
.r-art{display:block;margin-top:24px;font-size:15px;font-weight:500;color:#fff}.r-art select{display:block;width:100%;max-width:420px;margin-top:8px;min-height:50px;padding:0 14px;font:500 17px Outfit,sans-serif;border:0;background:#fff;color:var(--ink)}
/* Giftgruen: dunkle Schrift auf hellen Knoepfen, dunkleres Gruen fuer Text auf Weiss */
.btn{color:#07130a}.btn.ghost,.btn-wa{color:#fff}.btn.weiss{color:#145c22}
.r-pak.an,.korb-k b,.pak em,.prod em{color:#07130a}
.label,.nav a:hover,.nav a[aria-current],.spr a.an,.haken li:before,.pak-p strong,.prod-p,.mehr{color:#1f8a0a}
.label-hell{color:#b4ff4d}.art:hover{border-color:#1f8a0a}
.sec-h{background:linear-gradient(100deg,#0f3d1b,#1f8a0a 58%,#3cc20f);-webkit-background-clip:text;background-clip:text}

/* Fotos */
.foto-breit{margin:28px auto 8px}.foto-breit img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:14px}
.foto-artikel{margin-top:8px;margin-bottom:0}
.art-bild:has(img.foto){padding:0;background:#0a1a0e}.art-bild img.foto{height:100%;width:100%;max-width:none;object-fit:cover;filter:none}
/* Hero: Vorteile als schwebende Kaertchen um die Station (wie Limitless) */
.hero-art.mit-chips{position:relative}
.chip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.94);color:#0a1a0e;box-shadow:0 10px 28px rgba(0,0,0,.35);line-height:1.15;white-space:nowrap}
.chip strong{font:700 17px/1.1 Antonio,sans-serif;letter-spacing:.2px}.chip span{font-size:12.5px;color:#46604a}
.chip-1{top:20%;left:-4%}.chip-2{top:6%;right:-4%}.chip-3{top:42%;right:-6%}.chip-4{top:62%;left:-8%}.chip-5{bottom:6%;right:0}
@media(max-width:940px){.chip{padding:7px 10px}.chip strong{font-size:14px}.chip span{font-size:11px}.chip-1{left:0}.chip-2{right:0}.chip-3{right:0}.chip-4{left:0}.chip-5{right:2%}}
/* Station-Seite wie Limitless */
.st-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.st-bild{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(140,255,26,.18),transparent 65%);border-radius:18px;padding:24px}
.st-bild .station{width:min(330px,100%);height:auto;filter:drop-shadow(0 22px 36px rgba(0,0,0,.35))}
.st-seite{padding-top:28px}.st-zurueck{display:inline-block;margin-bottom:18px}
.st-unter{margin:10px 0 4px;font-weight:700;color:#3a8a12}
.st-kopf .btns{margin-top:22px}.st-kopf .notiz{margin-top:14px}
.sec-eng{padding-top:0}
.tabs{border:1px solid rgba(0,0,0,.1);border-radius:14px;overflow:hidden;background:#fff}
.tab-ks{display:flex;border-bottom:1px solid rgba(0,0,0,.1)}
.tab-k{flex:1;padding:14px 16px;font:inherit;font-weight:700;background:#f4f7f2;border:0;cursor:pointer;color:#46604a}
.tab-k.an{background:#fff;color:#0a1a0e;box-shadow:inset 0 -3px 0 #8cff1a}
.tab-p{padding:22px 24px}
.daten{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px;margin:0}
.daten div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.daten dt{color:#46604a}.daten dd{margin:0;font-weight:700;text-align:right}
.r-paks-t{margin:6px 0 10px;font-weight:700}
.r-eigen{display:flex;flex-direction:column;gap:4px;cursor:text}
.r-eigen input{width:100%;min-width:0;font:inherit;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:inherit}
.r-stats-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:940px){.st-grid{grid-template-columns:1fr;gap:24px}.st-bild .station{width:min(220px,70%)}.daten{grid-template-columns:1fr}}
.st-kopf .btn.ghost{color:#0a1a0e;border-color:rgba(10,26,14,.28)}.st-kopf .btn.ghost:hover{border-color:#0a1a0e}
.st-mail{margin-top:12px;font-size:15px}.st-mail a{color:#46604a}
.r-paks{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:0}.r-pak{padding:12px 8px;border-radius:10px}.r-pak strong{font-size:20px}.r-pak span{font-size:13px}
.r-eigen strong{font-size:15px}.r-eigen input{border-color:rgba(0,0,0,.2);background:#f4f7f2;text-align:center}.r-paks-t{margin-top:22px;color:#dcefd9}
@media(max-width:700px){.r-paks{grid-template-columns:repeat(3,1fr)}}
.hero .station{animation:none}

.hero-chips{display:contents}
/* Hero: Station kleiner, Kaertchen aussen statt auf dem Geraet (11.11.) */
.hero .station{width:min(280px,100%)}
.chip-1{top:22%;left:-8%}.chip-4{top:60%;left:-8%}
.chip-2{top:4%;right:-12%}.chip-3{top:40%;right:-12%}.chip-5{top:76%;bottom:auto;right:-12%}
@media(max-width:1100px){.chip-1,.chip-4{left:-4%}.chip-2,.chip-3,.chip-5{right:-4%}}
@media(max-width:940px){
 .hero .station{width:min(220px,60%)}
 .hero-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;text-align:left}
 .chip{position:static;white-space:normal}.chip-5{grid-column:1/-1}
}
.hero h1 .bl{display:block}
.r-tipp{display:block;margin-top:6px;font-style:normal;font-size:13px;line-height:1.4;color:#b9d8b3}

/* Zubehoer-Seiten wie Limitless: direkt bestellen */
.pd-sek{padding-top:28px}.pd-info .sec-h{margin-top:8px}
.pd-preis{margin:10px 0 14px;color:#46604a}.pd-preis strong{font:700 34px/1 Antonio,sans-serif;color:#0a1a0e;margin-right:6px}
.pd-hinweis{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#fff8df;border:1px solid #f0dc8a;font-size:15px}
.pd-kauf{display:flex;width:100%;margin-top:20px}
.pd-zahlung{margin-top:10px;font-size:13px;color:#5a6572;text-align:center}
.pd-daten{margin-top:22px;border-top:1px solid rgba(0,0,0,.1);padding-top:14px}.pd-daten summary{font-weight:700;cursor:pointer}.pd-daten ul{margin-top:10px}
.prod-kauf{margin:14px 0 6px;width:100%}
.foto-sek{margin-top:28px;margin-bottom:0}.foto-sek img{max-height:560px}
.foto-sek img[src*="foto-ansicht"]{object-fit:contain;background:#eeeeee;max-height:520px}
.hero .station{width:min(330px,100%)}@media(max-width:940px){.hero .station{width:min(250px,70%)}}
@media(min-width:1101px){.hero-art.mit-chips{transform:translateX(48px)}}

/* Hero: Kaertchen als Spalte links neben der Station, nichts liegt mehr auf dem Geraet (11.11.) */
@media(min-width:941px){
 .hero-art.mit-chips{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;gap:22px;transform:none}
 .hero-art.mit-chips .hero-chips{display:flex;flex-direction:column;gap:10px;order:-1}
 .hero-art.mit-chips .chip{position:static;white-space:normal;max-width:210px;border-left:3px solid #8cff1a}
 .hero-art.mit-chips .buehne{padding:0}
 .hero .station{width:min(290px,100%)}
}
@media(min-width:941px) and (max-width:1200px){.hero .station{width:220px}.hero-art.mit-chips .chip{max-width:180px}.hero-art.mit-chips{gap:14px}}
/* Powerbank-Band: mehr Luft, groessere Schrift */
.pb-grid{grid-template-columns:1fr 320px 1fr;gap:56px;padding-top:80px;padding-bottom:80px}
.pb-sp{gap:56px}
.pb-punkt strong{font:700 28px/1.15 Antonio,sans-serif;letter-spacing:.2px;margin-bottom:10px;color:#fff}
.pb-punkt span{display:block;font-size:18px;line-height:1.55;color:#d3ead0}
.pb-punkt{padding-left:20px;border-left:3px solid #8cff1a}
.pb-sp:first-child .pb-punkt{padding-left:0;padding-right:20px;border-left:0;border-right:3px solid #8cff1a}
@media(max-width:940px){.pb-grid{grid-template-columns:1fr;gap:32px;padding-top:48px;padding-bottom:48px}.pb-sp{gap:28px}
 .pb-sp:first-child .pb-punkt{padding-right:0;padding-left:18px;border-right:0;border-left:3px solid #8cff1a}.pb-punkt strong{font-size:24px}.pb-punkt span{font-size:16px}}

/* Station-Seite: Galerie wie bei einem Produkt */
.st-bild{display:flex;flex-direction:column;align-items:center;gap:14px}
.st-bild .st-gross{height:380px;width:auto;max-width:100%;object-fit:contain}
.st-daumen-r{display:flex;gap:10px}
.st-daumen{width:76px;height:76px;padding:6px;border-radius:10px;border:2px solid transparent;background:rgba(10,26,14,.06);cursor:pointer;display:grid;place-items:center}
.st-daumen img{max-width:100%;max-height:100%;width:auto;height:auto}
.st-daumen.an{border-color:#8cff1a}
@media(max-width:940px){.st-bild .st-gross{height:260px}}

/* Aufstellen lassen: Betriebe, Aufteilung, Daten (11.11.) */
.btr-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:30px}
.btr{background:#fff;border:1px solid rgba(10,26,14,.1);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.btr strong{font:700 22px/1.1 Antonio,sans-serif;color:#0a1a0e}.btr span{font-size:15px;color:#46604a;line-height:1.45}
.auf-g{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:30px;align-items:stretch}
.auf{position:relative;border-radius:18px;padding:30px 30px 26px}
.auf h3{font:700 30px/1.1 Antonio,sans-serif;margin:0 0 6px}.auf p{margin:0 0 18px;font-size:16px}
.auf .haken li{font-size:17px;margin:10px 0}
.auf-n{position:absolute;top:24px;right:26px;font:700 56px/1 Antonio,sans-serif;opacity:.18}
.auf-du{background:#f2f6ef;border:1px solid rgba(10,26,14,.1);color:#0a1a0e}.auf-du p{color:#46604a}
.auf-wir{background:var(--verl);color:#fff}.auf-wir p{color:#d3ead0}.auf-wir .auf-n{opacity:.35;color:#8cff1a}
.dk-g{display:grid;grid-template-columns:.8fr 1.6fr;gap:36px;align-items:center;margin-top:30px}
.dk-bild{display:grid;place-items:center;background:var(--verl);border-radius:18px;padding:28px}.dk-bild img{width:min(260px,100%);height:auto}
.dk-k{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dk{background:#fff;border:1px solid rgba(10,26,14,.1);border-radius:14px;padding:16px 18px}
.dk small{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#46604a;margin-bottom:6px}
.dk strong{font:700 21px/1.2 Antonio,sans-serif;color:#0a1a0e}
@media(max-width:940px){.auf-g,.dk-g{grid-template-columns:1fr}.dk-k{grid-template-columns:1fr 1fr}.auf{padding:24px 22px}.auf h3{font-size:26px}}
/* Zubehoerbilder auf Weiss (11.11.) */
.prod-bild,.pd-bild{background:#fff;border:1px solid rgba(10,26,14,.1);border-radius:14px}
.pd-bild img{filter:drop-shadow(0 14px 22px rgba(0,0,0,.18))}

.lst-g{grid-template-columns:repeat(3,1fr)}
.lst{padding:22px 22px 20px}.lst-h{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#8cff1a;color:#07130a;font-style:normal;font-weight:800;margin-bottom:8px}
@media(max-width:940px){.lst-g{grid-template-columns:1fr 1fr}}@media(max-width:560px){.lst-g{grid-template-columns:1fr}}

/* Startseite oben: Station in der Mitte, Vorteile links und rechts (11.11.) */
.hero-mitte .hero-in{grid-template-columns:1fr;text-align:center;padding-bottom:20px}
.hero-mitte .hero-in p{margin-left:auto;margin-right:auto}
.hero-mitte .btns{justify-content:center}
.hero-buehne{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:44px;padding-bottom:64px}
.hero-buehne .buehne{padding:0}
.hero-mitte .station{width:min(360px,100%)!important;transform:none}
.hb-seite{display:flex;flex-direction:column;gap:18px}
.hb-links{align-items:flex-end}.hb-rechts{align-items:flex-start}
.hero-mitte .chip{position:static;max-width:300px;white-space:normal;padding:16px 20px;border-radius:14px;background:rgba(255,255,255,.95);text-align:left}
.hero-mitte .chip strong{font-size:22px}.hero-mitte .chip span{font-size:15px}
.hb-links .chip{border-right:4px solid #8cff1a}.hb-rechts .chip{border-left:4px solid #8cff1a}
@media(max-width:940px){
 .hero-buehne{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:40px}
 .hero-buehne .buehne{grid-column:1/-1;order:-1;margin-bottom:10px}
 .hero-mitte .station{width:min(250px,70%)!important}
 .hb-seite{gap:10px;align-items:stretch}
 .hero-mitte .chip{max-width:none;padding:12px 14px}.hero-mitte .chip strong{font-size:17px}.hero-mitte .chip span{font-size:13px}
 .hb-links .chip{border-right:0;border-left:4px solid #8cff1a}
}

/* Hero Startseite: Text links, Station rechts, Vorteile direkt daneben (11.11., ersetzt hero-mitte) */
.hero-seite .hero-in{grid-template-columns:1fr 1.25fr;gap:32px}
.hero-seite .hero-buehne{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0}
.hero-seite .buehne{padding:0}
.hero-seite .station{width:230px!important;transform:none}
.hero-seite .hb-seite{display:flex;flex-direction:column;gap:12px}
.hero-seite .hb-links{align-items:flex-end}.hero-seite .hb-rechts{align-items:flex-start}
.hero-seite .chip{position:static;max-width:180px;white-space:normal;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.95);text-align:left}
.hero-seite .chip strong{font-size:17px}.hero-seite .chip span{font-size:12.5px}
.hero-seite .hb-links .chip{border-right:3px solid #8cff1a}.hero-seite .hb-rechts .chip{border-left:3px solid #8cff1a}
@media(max-width:1100px) and (min-width:941px){.hero-seite .station{width:180px!important}.hero-seite .chip{max-width:150px}.hero-seite .chip strong{font-size:15px}}
@media(max-width:940px){
 .hero-seite .hero-in{grid-template-columns:1fr}
 .hero-seite .hero-buehne{grid-template-columns:1fr 1fr;gap:10px}
 .hero-seite .buehne{grid-column:1/-1;order:-1;margin-bottom:8px}
 .hero-seite .station{width:min(230px,64%)!important}
 .hero-seite .hb-seite{align-items:stretch;gap:10px}
 .hero-seite .chip{max-width:none}
 .hero-seite .hb-links .chip{border-right:0;border-left:3px solid #8cff1a}
}
/* Kaesten: Spalten nach Anzahl, neues Design (11.11.) */
@media(min-width:941px){.karten[style],.btr-g[style]{grid-template-columns:repeat(var(--sp),1fr)}}
.karte,.btr{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f4f9f0 100%);color:#0a1a0e;
 border:1px solid rgba(10,26,14,.08);border-radius:18px;padding:28px 24px 24px;box-shadow:0 14px 34px rgba(10,26,14,.07);transition:transform .2s,box-shadow .2s}
.karte:hover,.btr:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(10,26,14,.12)}
.karte::before,.btr::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#8cff1a,#1f9b3c)}
.karte .nr{width:44px;height:44px;background:#0f3d1b;color:#8cff1a;font:700 18px/1 Antonio,sans-serif}
.karte h3{font:700 23px/1.15 Antonio,sans-serif;margin:18px 0 8px;color:#0a1a0e;letter-spacing:.2px}
.karte p{color:#46604a;font-size:15.5px;line-height:1.55}
.btr strong{font-size:23px}.lst-h{width:44px;height:44px;background:#0f3d1b;color:#8cff1a}
.hero-seite .chip strong{white-space:nowrap}.hero-seite .chip{max-width:none}
.tab-kacheln{margin-top:0}.tab-kacheln .btr{box-shadow:none}

/* Zwei Wege: Premium-Karten (11.11.) */
.wg-g{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-top:40px}
.wg{position:relative;display:flex;flex-direction:column;border-radius:26px;padding:38px 36px 34px;overflow:hidden}
.wg-1{background:radial-gradient(120% 90% at 85% 0%,rgba(140,255,26,.22),transparent 55%),linear-gradient(160deg,#0f3a1b 0%,#071a0c 100%);color:#fff;
 box-shadow:0 30px 60px rgba(7,26,12,.35),inset 0 0 0 1px rgba(140,255,26,.25)}
.wg-2{background:linear-gradient(180deg,#ffffff 0%,#f3f8ef 100%);color:#0a1a0e;box-shadow:0 24px 50px rgba(10,26,14,.10),inset 0 0 0 1px rgba(10,26,14,.08)}
.wg-label{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 12px;border-radius:999px}
.wg-1 .wg-label{background:rgba(140,255,26,.16);color:#b6ff6a}.wg-2 .wg-label{background:#0f3d1b;color:#8cff1a}
.wg h3{font:700 40px/1.05 Antonio,sans-serif;margin:16px 0 8px;letter-spacing:.3px}
.wg-d{font-size:16.5px;line-height:1.55;margin:0;min-height:3.1em}.wg-1 .wg-d{color:#cfe6cb}.wg-2 .wg-d{color:#46604a}
.wg-zahl{display:flex;align-items:baseline;gap:12px;margin:26px 0 8px;padding:18px 0;border-top:1px solid;border-bottom:1px solid}
.wg-1 .wg-zahl{border-color:rgba(255,255,255,.12)}.wg-2 .wg-zahl{border-color:rgba(10,26,14,.10)}
.wg-zahl b{font:700 76px/0.9 Antonio,sans-serif;letter-spacing:-1px}
.wg-1 .wg-zahl b{background:linear-gradient(100deg,#8cff1a,#d4ff9e);-webkit-background-clip:text;background-clip:text;color:transparent}
.wg-2 .wg-zahl b{color:#0f3d1b}
.wg-zahl span{font-size:15px;font-weight:600}.wg-1 .wg-zahl span{color:#cfe6cb}.wg-2 .wg-zahl span{color:#46604a}
.wg-zeilen{list-style:none;margin:6px 0 24px;padding:0;flex:1}
.wg-zeilen li{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px dashed}
.wg-1 .wg-zeilen li{border-color:rgba(255,255,255,.12)}.wg-2 .wg-zeilen li{border-color:rgba(10,26,14,.12)}
.wg-zeilen li:last-child{border-bottom:0}
.wg-zeilen span{font-size:14px}.wg-1 .wg-zeilen span{color:#a9c7a5}.wg-2 .wg-zeilen span{color:#5a6f5c}
.wg-zeilen strong{font-size:15.5px;text-align:right;max-width:58%}
.wg .btns{margin-top:auto}.wg .btn{width:100%}
.wg-2 .btn{background:#0f3d1b;border-color:#0f3d1b;color:#fff}
.wg-oder{display:grid;place-items:center;width:64px;position:relative}
.wg-oder span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#0f3d1b;font:700 16px/1 Antonio,sans-serif;
 text-transform:uppercase;box-shadow:0 8px 24px rgba(10,26,14,.18);border:2px solid #8cff1a}
@media(max-width:940px){
 .wg-g{grid-template-columns:1fr;gap:0}
 .wg{padding:28px 22px 24px}.wg h3{font-size:32px}.wg-zahl b{font-size:62px}.wg-d{min-height:0}
 .wg-oder{width:auto;height:56px}
}
.wg-zahl b{display:inline-block;line-height:1.12;padding:6px 4px 2px 0;white-space:nowrap}.wg-zahl{align-items:center}

/* Fuer wen sich das lohnt: dunkles Band mit nummerierter Liste (11.11.) */
.bz-sek{background:radial-gradient(90% 120% at 100% 0%,rgba(140,255,26,.14),transparent 55%),linear-gradient(160deg,#0f3a1b,#061509);color:#fff}
.bz-g{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin-top:34px;border-top:1px solid rgba(255,255,255,.14)}
.bz{display:flex;gap:22px;align-items:flex-start;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.bz-nr{font:700 15px/1 Antonio,sans-serif;color:#8cff1a;letter-spacing:1px;padding-top:8px;min-width:26px}
.bz strong{display:block;font:700 30px/1.1 Antonio,sans-serif;letter-spacing:.3px;margin-bottom:6px}
.bz div span{font-size:16.5px;line-height:1.5;color:#cfe6cb}
.bz:hover strong{color:#8cff1a}
@media(max-width:940px){.bz-g{grid-template-columns:1fr}.bz strong{font-size:24px}.bz{padding:18px 0}}
.bz-sek .lead{color:#cfe6cb}

/* Handy (12.11.): Menue als Klappe mit Schatten, Burger wird zum X; Hero ohne Ueberbreite, Station klein mit Punkten links/rechts */
@media(max-width:940px){
 .nav{z-index:60;box-shadow:0 18px 30px rgba(10,26,14,.15);padding:10px 20px 18px;gap:0}
 .nav a{display:block;padding:13px 2px;font-size:17px;border-bottom:1px solid var(--linie)}
 .nav a.btn{border-bottom:0;margin-top:14px;padding:14px;justify-content:center}
 .burger i{transition:transform .2s,opacity .2s}
 .burger.x i:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .burger.x i:nth-child(2){opacity:0}
 .burger.x i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .hero-seite .hero-in{grid-template-columns:minmax(0,1fr)}
 .hero-seite .hero-in>*{min-width:0}
 .hero-seite .hero-buehne{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin-top:6px}
 .hero-seite .buehne{grid-column:auto;order:0;margin:0}
 .hero-seite .station{width:clamp(110px,34vw,190px)!important}
 .hero-seite .hb-seite{gap:8px}
 .hero-seite .hb-links{align-items:stretch}
 .hero-seite .chip{max-width:none;padding:8px 9px;border-radius:10px}
 .hero-seite .chip strong{white-space:normal;font-size:13px;line-height:1.2;display:block}
 .hero-seite .chip span{font-size:11px;line-height:1.3;display:block;margin-top:2px}
 .hero-seite .hb-links .chip{border-left:0;border-right:3px solid #8cff1a}
}
/* Handy-Pruefung 12.11.: CTA-Ueberschrift lesbar, Zahl in "Wer macht was" nicht ueber dem Text, Footer-Unterzeile linksbuendig */
.cta .sec-h{color:#fff}
.auf h3,.auf>p{padding-right:58px}
@media(max-width:560px){.fuss-u{align-items:flex-start}.fuss-u .cookie-link{padding:0;text-align:left}}