.sp{--sp-dunkel:#0f1215;--sp-dunkel-2:#171c21;--sp-dunkel-rand:#2a323a;--sp-hell:#f2f4f5;--sp-leise:#9aa3ad;--sp-limette:#c4f135;--sp-koralle:#ff7a5c;--sp-gruen:#16794a;--sp-text:#16191d;--sp-text-leise:#5c646e;--sp-flaeche:#ffffff;--sp-rand:#e3e6ea;--sp-grund:#f6f7f9;background:var(--sp-grund);color:var(--sp-text);overflow-x:clip}.sp-breite{max-width:1120px;margin:0 auto;padding-left:20px;padding-right:20px}.sp-kopf{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(15,18,21,.82);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.sp-kopf-innen{display:flex;align-items:center;gap:24px;height:60px}.sp-logo{display:inline-flex;align-items:center;gap:8px;color:var(--sp-hell);font-weight:800;font-size:18px;letter-spacing:-.02em;text-decoration:none}.sp-nur-kopf{background:transparent;overflow:visible;position:-webkit-sticky;position:sticky;top:0;z-index:20}.sp-logo svg{border-radius:8px;box-shadow:0 0 18px rgba(196,241,53,.35)}.sp-logo-punkt{width:12px;height:12px;border-radius:4px;background:var(--sp-limette);box-shadow:0 0 16px rgba(196,241,53,.6)}.sp-nav{display:flex;gap:22px;margin-left:auto}.sp-nav a{color:var(--sp-leise);text-decoration:none;font-size:14px;font-weight:600}.sp-nav a:hover{color:var(--sp-hell)}.sp-kopf-knopf{background:var(--sp-limette);color:var(--sp-dunkel);font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;text-decoration:none}.sp-kundenhinweis{font-size:12px;color:var(--sp-leise);background:var(--sp-dunkel);margin:0;max-width:none;padding-top:10px;padding-bottom:0;text-align:center}.sp-held{background:radial-gradient(60% 80% at 85% 20%,rgba(196,241,53,.12),transparent 60%),radial-gradient(50% 60% at 10% 90%,rgba(255,122,92,.1),transparent 60%),var(--sp-dunkel);color:var(--sp-hell);padding:56px 0 72px}.sp-held-innen{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}.sp-etikett{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sp-limette);margin:0 0 14px}.sp-etikett-hell{color:var(--sp-gruen)}.sp-held h1{font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.035em;margin:0 0 20px;font-weight:800}.sp-akzent{background:linear-gradient(90deg,var(--sp-limette),#e6ff8a);-webkit-background-clip:text;background-clip:text;color:transparent}.sp-unterzeile{font-size:18px;line-height:1.55;color:var(--sp-leise);max-width:34em;margin:0 0 28px}.sp-stores{display:flex;flex-wrap:wrap;gap:12px}.sp-stores-mitte{justify-content:center}.sp-store{display:inline-flex;flex-direction:column;line-height:1.1;font-weight:700;font-size:17px;color:var(--sp-hell);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 18px 10px}.sp-store small{font-size:11px;font-weight:500;color:var(--sp-leise)}.sp-haken{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:22px 0 0;color:var(--sp-leise);font-size:14px}.sp-haken li:before{content:"✓";color:var(--sp-limette);font-weight:800;margin-right:6px}.sp-buehne{position:relative;display:flex;justify-content:center;align-items:center;min-height:560px;padding-top:24px}.sp-glow{position:absolute;inset:10% 10%;background:radial-gradient(circle,rgba(196,241,53,.25),transparent 65%);filter:blur(30px)}.sp-handy{position:relative;width:270px;height:540px;border-radius:44px;background:#050607;padding:12px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px rgba(0,0,0,.55);transform:rotate(-3deg);animation:sp-schweben 7s ease-in-out infinite}.sp-handy-kerbe{position:absolute;top:18px;left:50%;width:90px;height:24px;margin-left:-45px;border-radius:999px;background:#050607;z-index:2}.sp-bildschirm{height:100%;border-radius:34px;background:#ffffff;color:var(--sp-text);padding:52px 20px 18px;display:flex;flex-direction:column}.sp-mini-etikett{font-size:11px;color:var(--sp-text-leise);margin:0;font-weight:600}.sp-mini-betrag{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:2px 0}.sp-mini-zeile{font-size:11px;color:var(--sp-text-leise);margin:0 0 12px}.sp-mini-posten{display:flex;justify-content:space-between;font-size:11.5px;padding:6px 0;border-top:1px solid var(--sp-rand)}.sp-qr{width:128px;height:128px;margin:16px auto 8px;padding:8px;border-radius:12px;border:1px solid var(--sp-rand)}.sp-qr svg{width:100%;height:100%;display:block}.sp-mini-hinweis{font-size:10.5px;text-align:center;color:var(--sp-text-leise);margin:0}.sp-mitteilung{position:absolute;top:-22px;right:0;z-index:3;display:flex;gap:10px;align-items:center;background:var(--sp-dunkel-2);border:1px solid var(--sp-dunkel-rand);border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sp-auftauchen .8s cubic-bezier(.2,.8,.2,1) .6s both}.sp-mitteilung strong{display:block;font-size:14px;color:var(--sp-hell)}.sp-mitteilung span{font-size:12px;color:var(--sp-leise)}.sp-mitteilung-punkt{width:34px;height:34px;border-radius:10px;flex:none;background:var(--sp-limette);position:relative}.sp-mitteilung-punkt:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--sp-dunkel);font-weight:900}.sp-plakette{position:absolute;bottom:40px;left:0;z-index:3;background:var(--sp-koralle);color:#1a0d09;font-weight:800;font-size:13px;padding:8px 12px;border-radius:12px;transform:rotate(-4deg);box-shadow:0 16px 30px rgba(0,0,0,.35);animation:sp-auftauchen .8s cubic-bezier(.2,.8,.2,1) 1s both}@keyframes sp-schweben{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}@keyframes sp-auftauchen{0%{opacity:0;transform:translateY(12px) scale(.96)}}.sp-leiste{background:var(--sp-dunkel-2);border-top:1px solid rgba(255,255,255,.05)}.sp-leiste-innen{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding-top:16px;padding-bottom:16px}.sp-leiste span{color:var(--sp-leise);font-weight:700;font-size:14px;letter-spacing:.02em}.sp-abschnitt{padding-top:88px}.sp-abschnitt h2{font-size:clamp(28px,4vw,40px);line-height:1.12;letter-spacing:-.025em;margin:0 0 32px;max-width:22ch}.sp-text{font-size:17px;max-width:34em}.sp-text,.sp-text-klein{line-height:1.6;color:var(--sp-text-leise)}.sp-text-klein{font-size:14px}.sp-text-klein a{color:var(--sp-gruen);font-weight:600}.sp-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.sp-kachel{background:var(--sp-flaeche);border:1px solid var(--sp-rand);border-radius:20px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.sp-kachel:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,20,23,.08)}.sp-kachel-gross{grid-column:span 2;background:linear-gradient(140deg,var(--sp-dunkel) 0,#1d2a12 100%);border-color:transparent;color:var(--sp-hell)}.sp-kachel-gross p{color:var(--sp-leise)!important}.sp-kachel-gross .sp-symbol{color:var(--sp-limette);background:rgba(196,241,53,.1)}.sp-symbol{width:44px;height:44px;padding:10px;border-radius:12px;color:var(--sp-gruen);background:#e8f5ee}.sp-kachel h3{font-size:18px;letter-spacing:-.01em;margin:16px 0 8px}.sp-kachel p{font-size:15px;line-height:1.55;color:var(--sp-text-leise);margin:0}.sp-schritte{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;position:relative}.sp-schritte:before{content:"";position:absolute;top:21px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--sp-limette),var(--sp-koralle));opacity:.6}.sp-schritte li{position:relative;text-align:center;padding:0 12px}.sp-nr{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sp-dunkel);color:var(--sp-limette);font-weight:800;font-size:18px;position:relative;box-shadow:0 0 0 6px var(--sp-grund)}.sp-schritte h3{font-size:18px;margin:16px 0 6px}.sp-schritte p{color:var(--sp-text-leise);font-size:15px;line-height:1.55;margin:0}.sp-zweispaltig{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}.sp-preiskarte{background:var(--sp-dunkel);color:var(--sp-hell);border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(17,20,23,.18)}.sp-preiskarte:before{content:"";position:absolute;inset:-40% -20% auto auto;width:260px;height:260px;background:radial-gradient(circle,rgba(196,241,53,.25),transparent 70%)}.sp-preis-gross{font-size:56px;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;position:relative}.sp-preis-gross span{font-size:18px;color:var(--sp-leise);font-weight:600;margin-left:4px}.sp-preiskarte ul{list-style:none;padding:0;margin:0;position:relative}.sp-preiskarte li{padding:10px 0;border-top:1px solid var(--sp-dunkel-rand);color:var(--sp-leise);font-size:15px}.sp-preiskarte li strong{color:var(--sp-limette)}.sp-info{background:var(--sp-flaeche);border:1px solid var(--sp-rand);border-radius:24px;padding:32px}.sp-info h2{margin-bottom:24px}.sp-zeitstrahl{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.sp-zeitstrahl div{border-left:3px solid var(--sp-limette);padding:4px 0 4px 14px}.sp-zeitstrahl strong{display:block;font-size:20px;letter-spacing:-.01em}.sp-zeitstrahl span{color:var(--sp-text-leise);font-size:14px;line-height:1.5}.sp-schmal{max-width:760px}.sp-frage{background:var(--sp-flaeche);border:1px solid var(--sp-rand);border-radius:16px;padding:16px 20px;margin-bottom:10px}.sp-frage summary{font-weight:700;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.sp-frage summary::-webkit-details-marker{display:none}.sp-frage summary:after{content:"+";color:var(--sp-gruen);font-weight:800;transition:transform .2s ease}.sp-frage[open] summary:after{transform:rotate(45deg)}.sp-frage p{color:var(--sp-text-leise);line-height:1.6;margin:10px 0 0}.sp-schluss{margin-top:96px;background:radial-gradient(50% 120% at 50% 0,rgba(196,241,53,.16),transparent 70%),var(--sp-dunkel);color:var(--sp-hell);text-align:center;padding:72px 0}.sp-schluss h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.025em;margin:0 auto 12px;max-width:20ch}.sp-schluss p{color:var(--sp-leise);margin:0 0 24px}.sp-fuss{padding-bottom:32px}@media (max-width:900px){.sp-held-innen,.sp-zweispaltig{grid-template-columns:1fr}.sp-bento{grid-template-columns:1fr 1fr}.sp-buehne{min-height:480px}}@media (max-width:640px){.sp-nav{display:none}.sp-kopf-knopf{margin-left:auto}.sp-held{padding:36px 0 56px}.sp-bento,.sp-schritte,.sp-zeitstrahl{grid-template-columns:1fr}.sp-kachel-gross{grid-column:auto}.sp-schritte:before{display:none}.sp-schritte li{text-align:left;padding:0}.sp-handy{width:240px;height:480px}.sp-mitteilung{right:0;top:-18px}.sp-abschnitt{padding-top:64px}.sp-info,.sp-preiskarte{padding:24px}}@media (prefers-reduced-motion:reduce){.sp-handy,.sp-mitteilung,.sp-plakette{animation:none}.sp-kachel{transition:none}}.sp-branchen{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sp-branchen a{padding:10px 16px;border-radius:999px;background:var(--sp-flaeche);border:1px solid var(--sp-rand);color:inherit;text-decoration:none;font-weight:600;font-size:15px}.sp-branchen a:hover{border-color:var(--sp-gruen)}