@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1fxkn-ggzj93z.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--sp-violet:#7c3aed;--sp-lilac:#b794ff;--sp-orchid:#c026d3;--sp-ink:#170f25;--sp-night:#100b19;--sp-cloud:#f5f3fa;--sp-white:#fff;--sp-bg:var(--sp-night);--sp-flaeche:#1a1328;--sp-flaeche-2:#221a33;--sp-rand:#b794ff29;--sp-rand-stark:#b794ff52;--sp-text:#f3f0fa;--sp-text-leise:#b3a9c9;--sp-gut:#34d399;--sp-warn:#fbbf24;--sp-kritisch:#f87171;--sp-verlauf:linear-gradient(120deg, var(--sp-violet) 0%, var(--sp-orchid) 100%);--sp-glow:0 0 0 1px #7c3aed59, 0 12px 40px -12px #7c3aed8c;--sp-radius:14px;--sp-radius-s:10px;--sp-schrift:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--sp-bg);color:var(--sp-text);font-family:var(--sp-schrift);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:var(--sp-lilac);text-decoration:none}a:hover{color:var(--sp-white)}::selection{background:#7c3aed73}:focus-visible{outline:2px solid var(--sp-lilac);outline-offset:3px;border-radius:6px}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.leise{color:var(--sp-text-leise)}.fehler{color:var(--sp-kritisch)}.knopf{cursor:pointer;background:var(--sp-verlauf);color:var(--sp-white);font:600 15px/1 var(--sp-schrift);box-shadow:var(--sp-glow);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.knopf:hover{color:var(--sp-white);transform:translateY(-1px);box-shadow:0 0 0 1px #c026d380,0 18px 48px -12px #c026d399}.knopf:disabled{opacity:.55;cursor:default;transform:none}.knopf-zart{color:var(--sp-text);box-shadow:inset 0 0 0 1px var(--sp-rand-stark);background:0 0}.knopf-zart:hover{box-shadow:inset 0 0 0 1px var(--sp-lilac);background:#b794ff0f}.karte{border:1px solid var(--sp-rand);border-radius:var(--sp-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#221a33d9,#1a1328d9);padding:28px}.feld{border:1px solid var(--sp-rand-stark);border-radius:var(--sp-radius-s);width:100%;color:var(--sp-text);font:16px var(--sp-schrift);background:#100b1999;margin-top:6px;padding:12px 14px}.feld:focus{border-color:var(--sp-lilac);outline:none;box-shadow:0 0 0 3px #b794ff33}.label{color:var(--sp-text-leise);font-size:13px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-leise);border-bottom:1px solid var(--sp-rand);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--sp-rand);padding:12px;font-size:14px}tr:last-child td{border-bottom:0}.leuchten{pointer-events:none;z-index:0;background:radial-gradient(900px 520px at 85% -10%,#7c3aed47,#0000 60%),radial-gradient(700px 480px at 100% 40%,#c026d324,#0000 60%),radial-gradient(800px 600px at -10% 110%,#7c3aed24,#0000 60%);position:fixed;inset:0}.ueber{z-index:1;position:relative}.punkt{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.kopf{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sp-rand);background:#100b19b8;position:sticky;top:0}.kopf .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.kopf nav{align-items:center;gap:28px;display:flex}.kopf nav a{color:var(--sp-text-leise);font-size:14px;font-weight:500}.kopf nav a:hover{color:var(--sp-white)}.marke img{width:auto;height:36px;display:block}html,body{overflow-x:hidden}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;padding:72px 24px 40px;display:grid}.hero>*{min-width:0}.eyebrow{color:var(--sp-text-leise);letter-spacing:.02em;align-items:center;gap:10px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:var(--sp-verlauf);border-radius:2px;width:40px;height:2px}.hero h1{letter-spacing:-.035em;margin:18px 0 20px;font-size:clamp(40px,6vw,72px);font-weight:400;line-height:1.02}.hero h1 strong{background:linear-gradient(90deg, #fff 30%, var(--sp-lilac));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;display:block}.hero p.lead{color:var(--sp-text-leise);max-width:540px;margin:0 0 32px;font-size:19px;line-height:1.55}.hero .aktionen{flex-wrap:wrap;gap:14px;display:flex}.hero-bild{position:relative}.hero-bild img{-webkit-mask-composite:source-in;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 88%,#0000),linear-gradient(#0000,#000 12% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 88%,#0000),linear-gradient(#0000,#000 12% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.fakten{color:var(--sp-text-leise);flex-wrap:wrap;gap:28px;margin-top:40px;font-size:13px;display:flex}.fakten span{align-items:center;gap:8px;display:inline-flex}.fakten span:before{content:"";background:var(--sp-lilac);width:6px;height:6px;box-shadow:0 0 10px var(--sp-lilac);border-radius:50%}.abschnitt{padding:96px 24px}.abschnitt h2{letter-spacing:-.025em;margin:14px 0 16px;font-size:clamp(30px,4vw,44px);line-height:1.1}.abschnitt .unter{color:var(--sp-text-leise);max-width:680px;margin:0 0 48px;font-size:18px;line-height:1.55}.raster{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.kachel{border-radius:var(--sp-radius);border:1px solid var(--sp-rand);background:linear-gradient(#221a33b3,#100b1966);padding:28px;transition:border-color .2s,transform .2s}.kachel:hover{border-color:var(--sp-rand-stark);transform:translateY(-2px)}.kachel h3{letter-spacing:-.01em;margin:18px 0 8px;font-size:18px}.kachel p{color:var(--sp-text-leise);margin:0;font-size:15px;line-height:1.55}.icon{border:1px solid var(--sp-rand-stark);background:linear-gradient(135deg,#7c3aed47,#c026d32e);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.icon svg{width:22px;height:22px;stroke:var(--sp-lilac);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.schritte{counter-reset:schritt;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.schritt{border-radius:var(--sp-radius);border:1px solid var(--sp-rand);padding:28px;position:relative}.schritt:before{counter-increment:schritt;content:"0" counter(schritt);letter-spacing:.1em;background:var(--sp-verlauf);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700}.schritt h3{margin:12px 0 8px;font-size:18px}.schritt p{color:var(--sp-text-leise);margin:0;font-size:15px;line-height:1.55}.band{border:1px solid var(--sp-rand-stark);background:radial-gradient(600px 300px at 90% 0%, #c026d340, transparent 60%), radial-gradient(700px 400px at 0% 100%, #7c3aed4d, transparent 60%), var(--sp-flaeche);border-radius:24px;padding:56px;position:relative;overflow:hidden}.band h2{margin-top:0}.liste{grid-template-columns:1fr 1fr;gap:14px 32px;margin:0;padding:0;list-style:none;display:grid}.liste li{color:var(--sp-text);gap:12px;font-size:15px;line-height:1.5;display:flex}.liste li:before{content:"";background:var(--sp-verlauf);-webkit-mask-composite:source-in;border-radius:50%;flex:0 0 18px;height:18px;margin-top:2px;box-shadow:0 0 12px #b794ff66;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(#000 0 0);-webkit-mask-position:50%,0 0;-webkit-mask-size:12px,auto;-webkit-mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fuss{border-top:1px solid var(--sp-rand);color:var(--sp-text-leise);padding:40px 0 56px;font-size:14px}.fuss .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.fuss nav{gap:20px;display:flex}.fuss a{color:var(--sp-text-leise)}.takt{border:1px solid var(--sp-rand-stark);background:#100b1999;border-radius:999px;margin-bottom:32px;padding:4px;display:inline-flex}.takt button{color:var(--sp-text-leise);font:600 14px/1 var(--sp-schrift);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.takt button[aria-pressed=true]{background:var(--sp-verlauf);color:var(--sp-white);box-shadow:var(--sp-glow)}.takt .spar{color:var(--sp-lilac);font-size:12px;font-weight:600}.takt button[aria-pressed=true] .spar{color:#ffffffd9}.preise{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.preis{border:1px solid var(--sp-rand);background:linear-gradient(#221a33b3,#100b1966);border-radius:20px;flex-direction:column;padding:32px 28px;display:flex;position:relative}.preis-hervor{background:linear-gradient(180deg, #281a42f2, #160e24f2) padding-box, var(--sp-verlauf) border-box;border:1px solid #0000;box-shadow:0 30px 80px -30px #7c3aedb3}.preis-marke{background:var(--sp-verlauf);color:#fff;letter-spacing:.04em;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:28px}.preis h3{letter-spacing:-.01em;margin:0;font-size:20px}.preis-fuer{color:var(--sp-text-leise);min-height:42px;margin:8px 0 24px;font-size:14px;line-height:1.5}.preis-betrag{align-items:baseline;gap:8px;display:flex}.preis-betrag .zahl{letter-spacing:-.03em;font-size:42px;font-weight:700}.preis-betrag .einheit{color:var(--sp-text-leise);font-size:14px}.preis-hinweis{color:var(--sp-text-leise);margin:6px 0 24px;font-size:13px}.preis .knopf{width:100%;margin-bottom:28px}.preis .liste{grid-template-columns:1fr;gap:12px}.preis .liste li{font-size:14px}.preis-fehler{color:var(--sp-kritisch);margin-top:20px}.preis-mehr{color:var(--sp-text-leise);margin-top:28px;font-size:15px}.recht{max-width:760px;padding:64px 24px 96px;line-height:1.65}.recht h1{letter-spacing:-.025em;margin:14px 0 32px;font-size:clamp(32px,4vw,44px)}.recht h2{letter-spacing:-.01em;margin:40px 0 10px;font-size:20px}.recht p,.recht li{color:var(--sp-text-leise);font-size:15px}.recht strong{color:var(--sp-text)}.recht ul{padding-left:20px}.app-kopf{border-bottom:1px solid var(--sp-rand);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100b19cc}.app-kopf .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.app-titel{align-items:baseline;gap:14px;margin:40px 0 8px;display:flex}.app-titel h1{letter-spacing:-.02em;margin:0;font-size:30px}.kennzahlen{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.kennzahl{border-radius:var(--sp-radius);border:1px solid var(--sp-rand);background:var(--sp-flaeche);padding:20px}.kennzahl .wert{letter-spacing:-.02em;margin-top:6px;font-size:28px;font-weight:700}.kennzahl .name{color:var(--sp-text-leise);font-size:13px}.zentriert{place-items:center;min-height:100vh;padding:24px;display:grid}.login-karte{text-align:left;width:100%;max-width:420px}.login-karte .marke img{height:28px;margin-bottom:28px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-bild{order:-1;max-width:520px}.raster,.schritte,.preise{grid-template-columns:1fr}.preise{gap:28px}.liste{grid-template-columns:1fr}.band{padding:32px 24px}.kopf nav a.nav-link{display:none}.kennzahlen{grid-template-columns:1fr 1fr}.abschnitt{padding:64px 24px}}@media (max-width:600px){.wrap{padding:0 16px}.hero{padding:24px 16px}.hero h1{font-size:38px}.hero p.lead{font-size:17px}.abschnitt{padding:56px 16px}.abschnitt h2{font-size:28px}.marke img{height:30px}.kachel,.schritt{padding:22px}.recht{padding:40px 16px 72px}.takt button{padding:10px 14px}.fakten{gap:14px}}