:root{--grund:#06130f;--grund-2:#0b211a;--grund-3:#102c23;--text:#effff7;--nebentext:#a2cbb9;--linie:#96f5cd24;--kante:#d7ffeb4d;--kante-leise:#b4fadc2e;--akzent:#5af0b0;--akzent-text:#5af0b0;--auf-akzent:#03150d;--zweit:#7aa8ff;--dritt:#f6e05e;--gut:#5be3a3;--schlecht:#ff8d8d;--glas:#0e30256b;--glas-hell:#ebfff514;--glas-blur:20px;--glas-saett:160%;--glas-lichtkante:inset 0 1px 0 #ebfff524;--glas-schatten:0 18px 50px -18px #000a06a6;--r-s:12px;--r:20px;--r-l:28px;--r-voll:999px;--font-display:"Gabarito", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Albert Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--h-gewicht:800;--h-spur:-.02em;--h-zeile:1.04;--gutter:20px;--wrap:1280px;--ease:cubic-bezier(.2, .8, .2, 1);--szene-grund:#06130f;--szene-akzent:#5af0b0;--szene-kante:#7aa8ff;--szene-kante2:#f6e05e;--szene-glueh:#d5ff6b;--szene-licht:#eefff6;--szene-zone-1:#5af0b0;--szene-zone-2:#7aa8ff;--szene-zone-3:#f6e05e;--szene-zone-4:#ff8fb8;--bg:var(--grund);--surface:var(--grund-2);--glass:var(--glas);--glass-hi:var(--glas-hell);--muted:var(--nebentext);--line:var(--linie);--edge:var(--kante);--accent:var(--akzent);--accent-2:var(--zweit);--good:var(--gut);--bad:var(--schlecht);--radius:var(--r)}@media (width>=900px){:root{--gutter:32px}}@font-face{font-family:Gabarito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/gabarito-latin.woff2)format("woff2")}@font-face{font-family:Albert Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/albert-sans-latin.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--grund);color:var(--text);scroll-padding-top:76px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--grund);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.6;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}img,svg,canvas{max-width:100%;display:block}a{color:var(--akzent-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:300;background:var(--akzent);color:var(--auf-akzent);border-radius:var(--r-s);padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.h-gross,.h-sek{font-family:var(--font-display);font-weight:var(--h-gewicht);font-stretch:var(--h-breite);letter-spacing:var(--h-spur);line-height:var(--h-zeile);text-wrap:balance;color:var(--text)}.h-gross{font-size:clamp(1.9rem, 1.05rem + 2.1vw, var(--h1-max))}.h-sek{font-size:clamp(1.85rem, 1.1rem + 2.7vw, var(--h2-max))}.h-riesig{font-size:clamp(2.2rem, 1rem + 5.2vw, var(--h3-max))}.mikro{color:var(--nebentext);font-size:.875rem;line-height:1.5}.btn{border-radius:var(--r-s);min-height:48px;font:inherit;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s, border-color .25s, color .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1rem;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.btn-gross{min-height:56px;padding:0 30px;font-size:1.0625rem}.btn-klein{min-height:40px;padding:0 16px;font-size:.9375rem}.btn-prim{background:var(--akzent);color:var(--auf-akzent);box-shadow:0 0 0 0 transparent, 0 14px 34px -14px color-mix(in srgb, var(--akzent) 70%, transparent), inset 0 1px 0 #ffffff59}.btn-prim:hover{color:var(--auf-akzent);box-shadow:0 0 0 4px color-mix(in srgb, var(--akzent) 22%, transparent), 0 20px 40px -14px color-mix(in srgb, var(--akzent) 80%, transparent), inset 0 1px 0 #fff6;transform:translateY(-2px)}.btn-prim:active{transform:translateY(0)}.btn-sek{color:var(--text);background:var(--glas-hell);border-color:var(--kante-leise);-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3)}.btn-sek:hover{color:var(--text);border-color:var(--akzent);background:color-mix(in srgb, var(--akzent) 12%, var(--glas-hell));transform:translateY(-2px)}.glas{background:linear-gradient(165deg, var(--glas-hell), #ffffff04 55%), var(--glas);border:1px solid var(--linie);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--kante), inset 0 0 0 1px #ffffff05, 0 24px 48px -28px #000000d9;-webkit-backdrop-filter:blur(16px)saturate(1.45);backdrop-filter:blur(16px)saturate(1.45);position:relative}.kopf{z-index:100;transition:background-color .35s, border-color .35s, padding .35s var(--ease), box-shadow .35s;border-bottom:1px solid #0000;padding-block:12px;position:fixed;inset:0 0 auto}.kopf.is-glas{background:color-mix(in srgb, var(--grund) 52%, transparent);border-bottom-color:var(--linie);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);padding-block:8px;box-shadow:inset 0 -1px #ffffff08,0 18px 40px -24px #000000b3}.kopf-in{align-items:center;gap:28px;min-width:0;display:flex}.marke{color:var(--text);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.marke:hover{color:var(--text)}.marke-grund{fill:color-mix(in srgb, var(--akzent) 16%, var(--grund-2));stroke:color-mix(in srgb, var(--akzent) 55%, transparent);stroke-width:1.2px}.marke-linien path{stroke:var(--akzent);stroke-width:1.6px;stroke-linecap:round;fill:none}.marke-kern{fill:var(--akzent)}.marke-knoten{fill:var(--text)}.marke-text{font-family:var(--font-display);font-weight:700;font-stretch:var(--h-breite);letter-spacing:-.01em;font-size:1.0625rem}.kopf-nav{gap:4px;margin-inline:auto;display:flex}.kopf-nav a{color:var(--nebentext);border-radius:var(--r-s);padding:8px 12px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.kopf-nav a:hover,.kopf-nav a.is-aktiv{color:var(--text)}.kopf-nav a:after{content:"";background:var(--akzent);transform-origin:0;height:2px;transition:transform .3s var(--ease);position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}.kopf-nav a:hover:after,.kopf-nav a.is-aktiv:after{transform:scaleX(1)}.kopf-rechts{flex:none;align-items:center;gap:14px;display:flex}.kopf-login{color:var(--text);padding:8px 6px;font-size:.9375rem;font-weight:500;text-decoration:none}.kopf-login:hover{color:var(--akzent-text)}.sprache{gap:2px;font-size:.8125rem;font-weight:600;display:inline-flex}.sprache a{color:var(--nebentext);border-radius:var(--r-s);padding:6px 8px;text-decoration:none}.sprache a[aria-current=true]{color:var(--text);background:var(--glas-hell)}.menue-knopf{border-radius:var(--r-s);border:1px solid var(--kante-leise);background:var(--glas-hell);min-height:44px;color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:0 14px;font-size:.9375rem;font-weight:600;display:none}.menue-balken{width:18px;height:10px;position:relative}.menue-balken i{height:2px;transition:transform .35s var(--ease), top .35s var(--ease);background:currentColor;position:absolute;left:0;right:0}.menue-balken i:first-child{top:0}.menue-balken i:last-child{top:8px}.menue-knopf[aria-expanded=true] .menue-balken i:first-child{top:4px;transform:rotate(45deg)}.menue-knopf[aria-expanded=true] .menue-balken i:last-child{top:4px;transform:rotate(-45deg)}.menue{z-index:90;background:color-mix(in srgb, var(--grund) 97%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .55s var(--ease), visibility 0s .55s;position:fixed;inset:0;overflow-y:auto}.menue.is-offen{visibility:visible;clip-path:inset(0);transition:clip-path .55s var(--ease), visibility 0s}.menue-in{flex-direction:column;justify-content:space-between;gap:32px;min-height:100%;padding-block:104px 32px;display:flex}.menue-link{color:var(--text);border-bottom:1px solid var(--linie);text-decoration:none;display:block}.menue-reihe{display:block;overflow:hidden}.menue-wort{font-family:var(--font-display);font-weight:var(--h-gewicht);font-stretch:var(--h-breite);letter-spacing:var(--h-spur);transition:transform .6s var(--ease);padding-block:12px;font-size:clamp(1.9rem,8vw,2.8rem);line-height:1.1;display:block;transform:translateY(110%)}.menue.is-offen .menue-wort{transform:translateY(0)}.menue.is-offen .menue-link:first-child .menue-wort{transition-delay:.12s}.menue.is-offen .menue-link:nth-child(2) .menue-wort{transition-delay:.18s}.menue.is-offen .menue-link:nth-child(3) .menue-wort{transition-delay:.24s}.menue.is-offen .menue-link:nth-child(4) .menue-wort{transition-delay:.3s}.menue.is-offen .menue-link:nth-child(5) .menue-wort{transition-delay:.36s}.menue-fuss{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.menue-login{color:var(--text);font-weight:500}.szene-poster,.szene-poster img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.szene-poster{pointer-events:none;transition:opacity .35s .7s}.szene-canvas{z-index:2;opacity:0;touch-action:pan-y;cursor:grab;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.szene-canvas.is-drag{cursor:grabbing}.is-live .szene-canvas{opacity:1}.is-live .szene-poster{opacity:0}.abschnitt,.schluss{isolation:isolate;background-color:var(--grund);position:relative;overflow-x:clip}.abschnitt{padding-block:clamp(76px,11vw,156px)}.abschnitt:before,.schluss:before{content:"";z-index:-1;pointer-events:none;background:0 0;position:absolute;inset:0}[data-sektion=zone-1]{--zone-bild:radial-gradient(ellipse 52% 44% at 82% 42%, color-mix(in srgb, var(--szene-zone-1) 18%, transparent), transparent 72%), radial-gradient(ellipse 40% 36% at 8% 78%, color-mix(in srgb, var(--szene-zone-2) 12%, transparent), transparent 72%)}[data-sektion=zone-2]{--zone-bild:radial-gradient(ellipse 50% 40% at 12% 38%, color-mix(in srgb, var(--szene-zone-2) 17%, transparent), transparent 72%), radial-gradient(ellipse 44% 38% at 90% 80%, color-mix(in srgb, var(--szene-zone-1) 13%, transparent), transparent 72%)}[data-sektion=zone-3]{--zone-bild:radial-gradient(ellipse 54% 42% at 70% 30%, color-mix(in srgb, var(--szene-zone-3) 15%, transparent), transparent 72%), radial-gradient(ellipse 42% 36% at 6% 74%, color-mix(in srgb, var(--szene-zone-1) 13%, transparent), transparent 72%)}[data-sektion=zone-4]{--zone-bild:radial-gradient(ellipse 50% 42% at 20% 36%, color-mix(in srgb, var(--szene-zone-4) 16%, transparent), transparent 72%), radial-gradient(ellipse 46% 40% at 88% 74%, color-mix(in srgb, var(--szene-zone-2) 12%, transparent), transparent 72%)}.hero{--hero-h:max(100svh, 680px);isolation:isolate;min-height:var(--hero-h);background:radial-gradient(70% 65% at 72% 38%, color-mix(in srgb, var(--szene-akzent) 17%, transparent), transparent 70%), radial-gradient(60% 55% at 12% 78%, color-mix(in srgb, var(--szene-kante) 15%, transparent), transparent 72%), radial-gradient(50% 50% at 92% 8%, color-mix(in srgb, var(--szene-kante2) 13%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--grund) 90%, #fff 3%) 0%, var(--grund) 100%);position:relative;overflow:clip}.hero-buehne{z-index:0;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(180deg, transparent, var(--grund) 92%);z-index:3;pointer-events:none;height:26%;position:absolute;inset:auto 0 0}.hero-inhalt{z-index:5;min-height:var(--hero-h);pointer-events:none;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:84px;display:grid;position:relative}.hero-inhalt a,.hero-inhalt button,.hero-karten,.hero-text{pointer-events:auto}.hero-text{pointer-events:none;flex-direction:column;grid-column:1;align-self:end;align-items:flex-start;gap:18px;max-width:min(35vw,38rem);padding-block:24px 20px;display:flex}.hero-text>*{pointer-events:auto}.hero-text h1{max-width:none}.hero-sub{max-width:30rem;color:color-mix(in srgb, var(--text) 82%, var(--grund));font-size:clamp(1.0625rem,.95rem + .35vw,1.25rem);line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.hero-karten{pointer-events:none;grid-area:1/2;position:relative}.karte{pointer-events:auto;width:min(100%,284px);translate:calc(var(--px,0) * var(--tiefe,12px)) calc(var(--py,0) * var(--tiefe,12px));will-change:transform;padding:16px 18px;animation:7s ease-in-out infinite schweben;position:absolute}.karte[data-schweb="2"]{--tiefe:18px;animation-duration:8.4s;animation-delay:-2.6s}.karte[data-schweb="3"]{--tiefe:9px;animation-duration:6.4s;animation-delay:-4.1s}@keyframes schweben{0%,to{transform:translateY(0) rotate(var(--kipp,0deg))}50%{transform:translateY(-12px) rotate(var(--kipp,0deg))}}.karte-tag{text-align:right;color:var(--nebentext);margin:-4px 0 4px;font-size:.6875rem;font-weight:500}.karte-t{color:var(--text);padding-right:3.4rem;font-size:.9375rem;font-weight:600}.k-code .karte-t{white-space:nowrap;padding-right:0}.karte-gross{font-family:var(--font-display);font-weight:var(--h-gewicht);font-stretch:var(--h-breite);letter-spacing:var(--h-spur);color:var(--text);margin-top:2px;font-size:2rem;line-height:1.1}.karte-s{color:var(--nebentext);margin-top:6px;font-size:.8125rem;line-height:1.4}.k-code-in,.k-zahl-in{align-items:center;gap:12px;display:flex}.ring{flex:none;width:44px;height:44px;transform:rotate(-90deg)}.ring-spur{fill:none;stroke:var(--linie);stroke-width:3.5px}.ring-wert{fill:none;stroke:var(--akzent);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:8px;animation:6s ease-in-out infinite ring-lauf}.ring-haken{fill:none;stroke:var(--akzent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transform-origin:22px 22px;transform:rotate(90deg)}@keyframes ring-lauf{0%,to{stroke-dashoffset:8px}50%{stroke-dashoffset:30px}}.teilung{grid-template-columns:30fr 7fr 63fr;gap:3px;height:10px;margin-top:12px;display:grid}.teilung i{border-radius:3px;display:block}.t-rb,.p-rb{background:color-mix(in srgb, var(--text) 38%, var(--grund))}.t-cr,.p-cr{background:var(--akzent)}.t-du,.p-du{background:var(--zweit)}.teilung-l{color:var(--nebentext);gap:3px;margin-top:10px;font-size:.8125rem;display:grid}.teilung-l li{align-items:center;gap:8px;display:flex}.teilung-l .is-fokus{color:var(--text);font-weight:600}.pkt{border-radius:50%;flex:none;width:8px;height:8px}.haken{background:color-mix(in srgb, var(--gut) 20%, transparent);border:1px solid color-mix(in srgb, var(--gut) 55%, transparent);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.haken svg{fill:none;stroke:var(--gut);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.vs-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(36px,6vw,96px);display:grid}.vs-absaetze{max-width:34rem;color:color-mix(in srgb, var(--text) 86%, var(--grund));gap:18px;margin-top:28px;font-size:1.125rem;display:grid}.vs-bild{gap:30px;min-width:0;display:grid}.lane{border-radius:var(--r);border:1px solid var(--linie);background:linear-gradient(170deg, var(--glas-hell), transparent 70%);min-width:0;padding:22px 22px 20px;position:relative}.lane-code{border-color:color-mix(in srgb, var(--akzent) 42%, var(--linie));background:linear-gradient(170deg, color-mix(in srgb, var(--akzent) 9%, transparent), transparent 70%)}.lane-t{font-family:var(--font-display);font-weight:700;font-stretch:var(--h-breite);color:var(--text);margin-bottom:18px;font-size:1.125rem}.lane-ad .lane-t{color:var(--nebentext)}.stops{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.stops:before{content:"";background:var(--linie);transform-origin:0;height:2px;transform:scaleX(var(--lauf,1));position:absolute;top:27px;left:16.66%;right:16.66%}.lane-code .stops:before{background:linear-gradient(90deg, var(--akzent), var(--zweit))}.stop{text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.knoten{z-index:1;background:color-mix(in srgb, var(--grund-2) 90%, transparent);border:1px solid var(--kante-leise);width:56px;height:56px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:relative}.knoten svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.knoten-offen{color:var(--nebentext);border-style:dashed}.abzug{background:var(--schlecht);color:#1a0707;border-radius:50%;place-items:center;width:24px;height:24px;font-size:1rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.abzug-gut{background:var(--akzent);color:var(--auf-akzent)}.stop-t{color:color-mix(in srgb, var(--text) 88%, var(--grund));max-width:13ch;font-size:.9375rem;line-height:1.35}.vs-bild figcaption{color:var(--nebentext);font-size:.875rem}.ablauf{background:var(--grund);padding:0;position:relative}.ablauf-pin{isolation:isolate;background:radial-gradient(70% 65% at 72% 38%, color-mix(in srgb, var(--szene-akzent) 15%, transparent), transparent 70%), radial-gradient(60% 55% at 12% 78%, color-mix(in srgb, var(--szene-kante) 14%, transparent), transparent 72%), radial-gradient(50% 50% at 92% 8%, color-mix(in srgb, var(--szene-kante2) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--grund) 0%, color-mix(in srgb, var(--grund) 90%, #fff 3%) 50%, var(--grund) 100%);height:100svh;min-height:620px;position:relative;overflow:clip}.ablauf-buehne{position:absolute;inset:0}.ablauf-pin:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--grund) 92%, transparent), transparent);height:42%;position:absolute;inset:0 0 auto}.ablauf-pin:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--grund) 88%, transparent));height:30%;position:absolute;inset:auto 0 0}.ablauf-kopf{z-index:6;pointer-events:none;position:absolute;top:86px;left:50%;translate:-50%}.ablauf-kopf h2{pointer-events:auto;max-width:17em}.ablauf-linien{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.linie{fill:none;stroke:var(--text);stroke-width:1.25px;stroke-linecap:round;opacity:0}.linie-punkt{fill:var(--akzent);opacity:0}.linie-ring{fill:none;stroke:var(--akzent);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite puls}@keyframes puls{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}.ablauf-karten{z-index:7;pointer-events:none;height:0;position:absolute;inset:auto 0 128px}.schritt{pointer-events:auto;opacity:0;visibility:hidden;width:min(390px,42vw);padding:22px 24px;position:absolute;bottom:0}.schritt[data-schritt="0"]{opacity:1;visibility:visible}.schritt-l{left:max(var(--gutter), calc((100vw - var(--wrap)) / 2))}.schritt-r{right:max(var(--gutter), calc((100vw - var(--wrap)) / 2))}.schritt-t{font-family:var(--font-display);font-weight:700;font-stretch:var(--h-breite);align-items:center;gap:12px;margin-bottom:8px;font-size:1.25rem;line-height:1.2;display:flex}.schritt-nr{background:var(--akzent);width:30px;height:30px;color:var(--auf-akzent);border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:800;display:grid}.schritt p{color:color-mix(in srgb, var(--text) 86%, var(--grund));font-size:.9688rem;line-height:1.5}.schritt-note{border-top:1px solid var(--linie);margin-top:12px;padding-top:12px;color:var(--nebentext)!important;font-size:.875rem!important}.ablauf-leiste{z-index:8;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid;position:absolute;bottom:28px;left:50%;translate:-50%}.leiste-knopf{color:var(--nebentext);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;min-height:44px;padding:10px 0 0;font-size:.9375rem;font-weight:500;display:grid}.leiste-knopf[aria-current=step]{color:var(--text)}.leiste-balken{background:var(--linie);border-radius:2px;height:3px;display:block;overflow:hidden}.leiste-balken i{background:var(--akzent);transform-origin:0;height:100%;transform:scaleX(var(--f,0));display:block}.ablauf.ist-statisch .ablauf-pin{gap:18px;height:auto;min-height:0;padding-bottom:48px;display:grid}.ablauf.ist-statisch .ablauf-buehne{aspect-ratio:16/10;max-height:70svh;position:relative}.ablauf.ist-statisch .ablauf-kopf{order:-1;padding-top:48px;position:relative;top:0;left:0;translate:none}.ablauf.ist-statisch .ablauf-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:auto;display:grid;position:static}.ablauf.ist-statisch .schritt{opacity:1;visibility:visible;width:auto;position:static}.ablauf.ist-statisch .ablauf-linien,.ablauf.ist-statisch .ablauf-leiste,.ablauf.ist-statisch .ablauf-pin:before,.ablauf.ist-statisch .ablauf-pin:after{display:none}@media (prefers-reduced-motion:reduce){.karte,.ring-wert,.linie-ring{animation:none}.szene-canvas,.szene-poster,.rot-i,.menue-wort{transition:none}}@media (width<=1100px){.kopf-nav{display:none}.kopf-in{gap:12px}.kopf-rechts{margin-left:auto}.menue-knopf{display:inline-flex}.kopf-login{display:none}}@media (width<=900px){.vs-raster,.ablauf.ist-statisch .ablauf-karten{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){body{font-size:1rem}.ablauf-kopf{top:66px}.ablauf-kopf h2{font-size:clamp(1.5rem,1rem + 2.6vw,1.9rem)}.ablauf-karten{inset:auto 0 96px}.schritt,.schritt-l,.schritt-r{left:var(--gutter);right:var(--gutter);width:auto;padding:16px 18px}.schritt-t{font-size:1.0625rem}.schritt p{font-size:.875rem}.ablauf-leiste{gap:8px;bottom:18px}.leiste-knopf{font-size:.75rem}.kopf-cta,.sprache{display:none}.menue .sprache{display:inline-flex}}.rechner{padding-block:clamp(84px,12vw,176px)}.rechner-kopf{gap:22px;max-width:60rem;margin-bottom:clamp(32px,5vw,64px);display:grid}.rechner-kopf h2{max-width:10.5em}.rechner-lead{max-width:38rem;color:color-mix(in srgb, var(--text) 84%, var(--grund));font-size:clamp(1.0625rem,.95rem + .4vw,1.3rem)}.rechner-rahmen{border-radius:calc(var(--r-l) + 1px);background:linear-gradient(135deg, color-mix(in srgb, var(--akzent) 70%, transparent), transparent 32%, transparent 62%, color-mix(in srgb, var(--zweit) 60%, transparent));box-shadow:0 60px 120px -50px color-mix(in srgb, var(--akzent) 35%, transparent), 0 40px 80px -40px #000c;transform-origin:50% 0;padding:1px;position:relative}.rechner-rahmen:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--akzent) 28%, transparent), transparent 70%);filter:blur(40px);opacity:.6;pointer-events:none;position:absolute;inset:-2px}.rechner .calc{margin-block:0}.rechner .calc-head{display:none}.creator-raster{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,96px);display:grid}.creator-text{justify-items:start;gap:22px;display:grid}.creator-p{max-width:34rem;color:color-mix(in srgb, var(--text) 86%, var(--grund));font-size:1.125rem}.code-test{gap:8px;width:min(100%,30rem);display:grid}.code-test label,.feld label{font-size:.9375rem;font-weight:600}.code-test input,.feld input,.feld select{width:100%;min-height:52px;font:inherit;color:var(--text);background:color-mix(in srgb, var(--grund) 70%, transparent);border:1px solid var(--kante-leise);border-radius:var(--r-s);padding:0 16px;transition:border-color .2s,box-shadow .2s}.code-test input{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:1.25rem}.code-test input::placeholder,.feld input::placeholder{color:color-mix(in srgb, var(--nebentext) 70%, transparent)}.code-test input:focus,.feld input:focus,.feld select:focus{border-color:var(--akzent);box-shadow:0 0 0 4px color-mix(in srgb, var(--akzent) 22%, transparent);outline:none}.feld-hinweis{color:var(--nebentext);font-size:.8125rem;line-height:1.45}.creator-buehne{justify-items:center;gap:0;padding-block:8px;display:grid;position:relative}.pkarte-huelle{z-index:2;perspective:900px;touch-action:pan-y;width:min(100%,320px);position:relative}.pkarte{--rx:0deg;--ry:0deg;--mx:50%;--my:30%;--glanz:0;aspect-ratio:.74;border-radius:var(--r-l);isolation:isolate;color:var(--text);background:radial-gradient(120% 80% at 10% 0%, color-mix(in srgb, var(--szene-zone-1) 44%, transparent), transparent 62%), radial-gradient(110% 80% at 100% 100%, color-mix(in srgb, var(--szene-zone-2) 40%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--grund-2) 96%, #fff 6%), var(--grund-2));border:1px solid var(--kante);box-shadow:0 40px 70px -30px #000000e6, 0 0 60px -20px color-mix(in srgb, var(--akzent) 40%, transparent), inset 0 1px 0 #ffffff59;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease), box-shadow .4s;will-change:transform;position:relative;overflow:hidden}.pkarte.ist-aktiv{transition:transform 80ms linear,box-shadow .4s}.pkarte-glanz{z-index:3;pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(.18 + var(--glanz) * .5);background:repeating-linear-gradient(115deg, transparent 0 14px, #ffffff12 14px 15px), linear-gradient(115deg, transparent 20%, color-mix(in srgb, var(--szene-zone-3) 60%, transparent) 38%, color-mix(in srgb, var(--szene-zone-2) 70%, transparent) 50%, color-mix(in srgb, var(--szene-zone-4) 60%, transparent) 62%, transparent 80%);background-size:auto,260% 260%;background-position:0 0, var(--mx) var(--my);transition:opacity .3s;position:absolute;inset:0}.pkarte-licht{z-index:4;pointer-events:none;opacity:var(--glanz);background:radial-gradient(circle at var(--mx) var(--my), #ffffff52, transparent 46%);mix-blend-mode:soft-light;transition:opacity .3s;position:absolute;inset:0}.pkarte-in{z-index:2;flex-direction:column;gap:20px;height:100%;padding:24px;display:flex;position:relative}.pkarte-kopf{align-items:center;gap:14px;display:flex}.pkarte-bild{border-radius:var(--r-s);border:1px solid var(--kante-leise);background:#ffffff1a;place-items:center;width:56px;height:56px;display:grid}.pkarte-bild svg{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;opacity:.8}.pkarte-name{font-family:var(--font-display);font-weight:700;font-stretch:var(--h-breite);font-size:1.25rem;line-height:1.15}.pkarte-handle{color:color-mix(in srgb, var(--text) 70%, var(--grund));font-size:.875rem}.pkarte-code{margin-top:auto}.pkarte-code-l{color:color-mix(in srgb, var(--text) 72%, var(--grund));font-size:.875rem}.pkarte-code-w{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;word-break:break-all;color:var(--text);text-shadow:0 0 24px color-mix(in srgb, var(--akzent) 60%, transparent);font-size:clamp(1.6rem,1rem + 2.4vw,2.2rem);font-weight:700;line-height:1.15;transform:translateZ(30px)}.pkarte-zeile{font-size:1rem;font-weight:600}.pkarte-offen{border-top:1px solid var(--kante-leise);color:color-mix(in srgb, var(--text) 74%, var(--grund));padding-top:14px;font-size:.75rem;line-height:1.45}.einbau-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(36px,6vw,88px);display:grid}.einbau-links{justify-items:start;gap:22px;min-width:0;display:grid}.einbau-p{max-width:34rem;color:color-mix(in srgb, var(--text) 84%, var(--grund));font-size:1.0625rem}.dnd{width:min(100%,440px);min-height:250px;padding-top:8px;position:relative}.dnd-fenster{width:min(100%,300px);margin-left:auto;padding:14px 16px 16px}.dnd-titel{color:var(--nebentext);margin-bottom:8px;font-size:.8125rem;font-weight:600}.explorer{gap:2px;display:grid}.ex-zeile{border-radius:var(--r-s);min-height:34px;color:color-mix(in srgb, var(--text) 86%, var(--grund));align-items:center;gap:10px;padding:0 10px;font-size:.9375rem;transition:background-color .25s,color .25s;display:flex;position:relative}.ex-ico{background:var(--zweit);border-radius:50%;flex:none;width:10px;height:10px}.ex-ws{background:#62d0a2}.ex-pl{background:#f2a65a}.ex-sss{background:var(--akzent)}.ex-st{background:#9f8cf5}.ex-ordner{background:var(--akzent)}.ex-ziel.ist-treffer{background:color-mix(in srgb, var(--akzent) 22%, transparent);color:var(--text)}.ex-kind{color:var(--text);opacity:0;height:0;min-height:0;margin-left:22px;font-weight:600;overflow:hidden}.ex-kind.ist-da{opacity:1;height:34px;min-height:34px}.dnd-datei{z-index:3;border-radius:var(--r-s);min-height:44px;font-family:var(--font-mono);color:var(--text);background:color-mix(in srgb, var(--grund-2) 92%, #fff 6%);border:1px solid var(--akzent);box-shadow:0 18px 36px -14px #000c, 0 0 0 4px color-mix(in srgb, var(--akzent) 16%, transparent);white-space:nowrap;align-items:center;gap:10px;padding:0 16px;font-size:.8125rem;display:inline-flex;position:absolute;bottom:14px;left:0}.dnd-datei svg{fill:none;stroke:var(--akzent);stroke-width:1.6px;stroke-linejoin:round}.schritte-liste{counter-reset:s;gap:14px;max-width:34rem;display:grid}.schritte-liste li{counter-increment:s;gap:2px;padding-left:46px;display:grid;position:relative}.schritte-liste li:before{content:counter(s);border:1px solid var(--akzent);width:30px;height:30px;color:var(--akzent-text);border-radius:50%;place-items:center;font-size:.9375rem;font-weight:700;display:grid;position:absolute;top:2px;left:0}.schritte-liste strong{font-weight:600}.schritte-liste span{color:var(--nebentext);font-size:.9688rem}.sicher-kopf{gap:22px;max-width:52rem;display:grid}.sicher-p{max-width:40rem;color:color-mix(in srgb, var(--text) 86%, var(--grund));font-size:1.125rem}.fluss{grid-template-columns:170px minmax(0,1fr) 170px;align-items:center;margin-block:clamp(36px,5vw,64px);display:grid}.fluss-ende{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:150px;padding:18px 12px;font-size:.9375rem;font-weight:600;display:flex}.fluss-ende svg{fill:none;stroke:var(--zweit);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.fluss-hub svg{stroke:var(--akzent)}.fluss-strecke{min-width:0;height:250px;position:relative}.fluss-linie{background:linear-gradient(90deg, var(--zweit), var(--akzent));opacity:.55;height:2px;position:absolute;top:50%;left:0;right:0}.fluss-tor{border-radius:var(--r-s);background:var(--akzent);width:6px;box-shadow:0 0 24px 2px color-mix(in srgb, var(--akzent) 60%, transparent);margin-left:-3px;position:absolute;top:4%;bottom:4%;left:56%}.fluss-tor b{font-family:var(--font-mono);color:var(--akzent-text);font-size:.75rem;font-weight:600;position:absolute;top:-26px;left:50%;translate:-50%}.fluss-marken{position:absolute;inset:0}.fluss-marken li{border-radius:var(--r-s);white-space:nowrap;padding:9px 13px;font-size:.8125rem;font-weight:600;line-height:1.2;position:absolute}.marke-ok{color:var(--text);background:color-mix(in srgb, var(--gut) 22%, var(--grund));border:1px solid color-mix(in srgb, var(--gut) 60%, transparent);left:63%}.marke-nein{color:var(--text);background:color-mix(in srgb, var(--schlecht) 20%, var(--grund));border:1px solid color-mix(in srgb, var(--schlecht) 60%, transparent);left:4%}.fluss-marken li:first-child{top:10%}.fluss-marken li:nth-child(2){top:30%}.fluss-marken li:nth-child(3){top:56%}.fluss-marken li:nth-child(4){top:78%}.sicher-spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:clamp(36px,5vw,56px);display:grid}.liste-ok,.sternrand-in{height:100%;padding:24px 26px}.liste-ok h3,.sternrand-in h3{font-family:var(--font-display);font-weight:700;font-stretch:var(--h-breite);margin-bottom:12px;font-size:1.25rem}.liste-ok li,.sternrand-in li{border-top:1px solid var(--linie);padding:8px 0 8px 28px;font-size:1rem;position:relative}.liste-ok li:before,.sternrand-in li:before{content:"";border-left:2.5px solid var(--gut);border-bottom:2.5px solid var(--gut);width:14px;height:8px;margin-top:-6px;position:absolute;top:50%;left:2px;transform:rotate(-45deg)}.sternrand-in li:before{background:linear-gradient(45deg, transparent 43%, var(--schlecht) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--schlecht) 43% 57%, transparent 57%);border:0;width:14px;height:14px;margin-top:-7px;transform:none}.sternrand{border-radius:var(--r);background:color-mix(in srgb, var(--schlecht) 30%, var(--grund-2));isolation:isolate;padding:1.5px;position:relative;overflow:hidden}.sternrand:before,.sternrand:after{content:"";z-index:-1;background:radial-gradient(circle, var(--akzent), transparent 62%);offset-path:inset(0 round var(--r));border-radius:50%;width:220px;height:220px;animation:6s linear infinite stern;position:absolute}.sternrand:after{background:radial-gradient(circle, var(--zweit), transparent 62%);animation-delay:-3s}@keyframes stern{to{offset-distance:100%}}.sternrand-in{border-radius:calc(var(--r) - 1px);background:color-mix(in srgb, var(--grund) 94%, var(--schlecht) 6%);position:relative}.sicher-link{margin-top:28px}.pilot-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,96px);display:grid}.pilot-links{justify-items:start;gap:22px;display:grid}.pilot-p{max-width:34rem;color:color-mix(in srgb, var(--text) 86%, var(--grund));font-size:1.125rem}.pilot-listen{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin-top:10px;display:grid}.pilot-listen li{border-top:1px solid var(--linie);color:color-mix(in srgb, var(--text) 86%, var(--grund));padding:10px 0 10px 18px;font-size:.9688rem;line-height:1.5;position:relative}.pilot-listen li:before{content:"";background:var(--akzent);border-radius:50%;width:7px;height:7px;position:absolute;top:1.05em;left:0}.pilot-form-huelle{position:relative}.pilot-form{gap:18px;padding:clamp(22px,3vw,34px);display:grid}.feld{gap:6px;min-width:0;display:grid}.feld-zeile{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feld select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--nebentext) 50%), linear-gradient(135deg, var(--nebentext) 50%, transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:6px 6px}.feld select option{background:var(--grund-2);color:var(--text)}.haken-zeile{color:color-mix(in srgb, var(--text) 84%, var(--grund));cursor:pointer;grid-template-columns:22px 1fr;gap:12px;font-size:.875rem;line-height:1.5;display:grid}.haken-zeile input{width:22px;height:22px;accent-color:var(--akzent);margin:1px 0 0}.faq-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq-raster h2{position:sticky;top:110px}.faq-i{border-top:1px solid var(--linie)}.faq-i:last-child{border-bottom:1px solid var(--linie)}.faq-i summary{cursor:pointer;min-height:64px;font-family:var(--font-display);font-weight:650;font-stretch:var(--h-breite);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;font-size:clamp(1.0625rem,1rem + .45vw,1.3125rem);line-height:1.3;list-style:none;transition:color .2s;display:flex}.faq-i summary::-webkit-details-marker{display:none}.faq-i summary:hover{color:var(--akzent-text)}.faq-plus{flex:none;width:22px;height:22px;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:var(--akzent);height:2px;transition:transform .35s var(--ease);position:absolute;top:10px;left:3px;right:3px}.faq-plus:after{transform:rotate(90deg)}.faq-i[open] .faq-plus:after{transform:rotate(0)}.faq-a{max-width:44rem;color:color-mix(in srgb, var(--text) 84%, var(--grund));padding-bottom:22px}.faq-i[open] .faq-a{animation:auf .4s var(--ease)}@keyframes auf{0%{opacity:0;transform:translateY(-8px)}}.schluss{padding-top:clamp(84px,11vw,150px);padding-bottom:0}.schluss-in{justify-items:start;gap:24px;margin-bottom:clamp(48px,7vw,96px);display:grid}.schluss-in h2{max-width:14em}.fuss{background:color-mix(in srgb, var(--grund) 94%, #000);border-top:1px solid var(--linie);padding-block:clamp(48px,6vw,80px) 40px;position:relative}.fuss-raster{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:clamp(32px,6vw,96px);display:grid}.fuss-name{font-family:var(--font-display);font-weight:var(--h-gewicht);font-stretch:var(--h-breite);margin-bottom:14px;font-size:1.5rem}.fuss-klein{max-width:34rem;color:var(--nebentext);margin-top:10px;font-size:.8125rem;line-height:1.55}.fuss-spalten{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.fuss-spalten h2{margin-bottom:12px;font-size:.9375rem;font-weight:700}.fuss-spalten a{color:var(--nebentext);font-size:.9375rem;text-decoration:none}.fuss-spalten a:hover{color:var(--text);text-decoration:underline}.fuss-ende{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:40px;padding-top:20px;display:flex}.fuss-ende .fuss-klein{margin:0}.funken{z-index:250;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.ring-wert,.sternrand:before,.sternrand:after{animation:none}.sternrand:before,.sternrand:after{display:none}}@media (width<=1000px){.creator-raster,.einbau-raster,.pilot-raster,.faq-raster,.fuss-raster{grid-template-columns:minmax(0,1fr)}.faq-raster h2{position:static}}@media (width<=760px){.fluss{grid-template-columns:84px minmax(0,1fr) 84px}.fluss-ende{min-height:120px;padding:12px 6px;font-size:.75rem}.fluss-ende svg{width:26px;height:26px}.fluss-marken li{white-space:normal;max-width:96px;padding:7px 8px;font-size:.6875rem}.fluss-strecke{height:280px}.sicher-spalten,.pilot-listen,.feld-zeile{grid-template-columns:minmax(0,1fr)}.fuss-spalten{grid-template-columns:repeat(2,minmax(0,1fr))}.stop-t{font-size:.8125rem}}.zeilen-maske{margin-bottom:-.14em;padding-bottom:.14em}[data-spot]{position:relative}[data-spot]:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--akzent) 16%, transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}[data-spot]:hover:after,[data-spot].spot-an:after{opacity:1}.ex-kind{transition:opacity .35s, height .4s var(--ease), min-height .4s var(--ease)}.karte{transition:translate .5s var(--ease)}.deko{z-index:-1;pointer-events:none;height:auto;position:absolute;-webkit-mask-image:radial-gradient(66% 68% at 50% 52%,#000 52%,#0000 100%);mask-image:radial-gradient(66% 68% at 50% 52%,#000 52%,#0000 100%)}.rechner-kopf,.sicher-kopf,.pilot-zahl,.creator-buehne,.code-huelle{position:relative}.deko-coins{opacity:.95;width:min(52%,640px);top:-40px;right:-4%}.sicher-kopf h2{max-width:12.5em}.deko-trophy{width:300px;top:-30px;left:190px}@media (width<=900px){.deko-coins,.deko-players{z-index:0;width:min(100%,440px);margin:8px auto -24px;display:block;position:relative;inset:auto}.deko-trophy{width:150px;top:-26px;left:auto;right:-6px}}:root{--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--h-breite:100%;--h1-max:3.7rem;--h2-max:3.3rem;--h3-max:5.4rem}html.mono-geladen{--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}.btn{font-family:var(--font-display);font-weight:700}.btn-prim{box-shadow:0 4px 0 0 color-mix(in srgb, var(--akzent) 55%, #000), 0 14px 30px -12px color-mix(in srgb, var(--akzent) 60%, transparent)}.btn-prim:hover{box-shadow:0 6px 0 0 color-mix(in srgb, var(--akzent) 55%, #000), 0 18px 34px -12px color-mix(in srgb, var(--akzent) 70%, transparent)}.btn-prim:active{box-shadow:0 2px 0 0 color-mix(in srgb, var(--akzent) 55%, #000);transform:translateY(2px)}.btn-sek{-webkit-backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-saett));backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-saett));box-shadow:var(--glas-lichtkante)}.hero-inhalt{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero-text{background:linear-gradient(165deg, var(--glas-hell), #ffffff04 55%), color-mix(in srgb, var(--grund) 58%, transparent);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:var(--glas-lichtkante), 0 40px 80px -40px #000000e6;-webkit-backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-saett));backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-saett));align-self:end;max-width:min(37vw,36rem);margin-bottom:clamp(28px,5vh,56px);padding:clamp(24px,2.6vw,40px)}.hero-text h1{font-size:clamp(1.9rem,1rem + 2.2vw,3.2rem)}.hero-karten{grid-area:1/2}.karte{width:min(100%,246px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.karte-in{border-radius:var(--r);height:100%;padding:16px 18px}.k-code{top:6%;right:2%}.k-kauf{top:35%;right:2%}.k-zahl{top:76%;right:2%}.hero-hinweis{z-index:6;right:var(--gutter);color:var(--nebentext);pointer-events:none;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;transition:opacity .6s;display:inline-flex;position:absolute;bottom:clamp(16px,3vh,28px)}.hero-hinweis svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.hero-hinweis.ist-weg{opacity:0}[data-kipp]{--rx:0deg;--ry:0deg;--gx:50%;--gy:30%;--glanz:0;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s var(--ease), box-shadow .35s;position:relative}[data-kipp].kipp-aktiv{box-shadow:var(--glas-lichtkante), 0 30px 60px -24px #000000e6, 0 0 50px -20px color-mix(in srgb, var(--akzent) 45%, transparent);transition:transform 80ms linear,box-shadow .35s}[data-kipp]:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:var(--glanz);background:radial-gradient(280px circle at var(--gx) var(--gy), #ebfff533, transparent 62%);transition:opacity .3s;position:absolute;inset:0}@media (width<=900px){.hero-inhalt{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.hero{height:auto;min-height:0;padding-bottom:20px}.hero:after{display:none}.hero-buehne{height:max(58svh,400px);inset:0 0 auto}.hero-buehne:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg, transparent, var(--grund) 96%);height:42%;position:absolute;inset:auto 0 0}.hero-inhalt{flex-direction:column;gap:20px;height:auto;min-height:0;padding-top:calc(max(58svh,400px) - 130px);display:flex}.hero-text{width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;align-self:stretch;gap:14px;margin:0;padding:0;display:flex}.hero-text h1{order:1;max-width:none;font-size:clamp(1.85rem,1.1rem + 4vw,2.4rem)}.hero-text .hero-cta{flex-direction:column;order:2;align-items:stretch;width:100%}.hero-text .mikro{order:3}.hero-text .hero-sub{order:4;font-size:1rem}.hero-cta .btn{width:100%}.hero-karten{overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter) 18px;scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;display:flex;position:static;overflow-x:auto}.hero-karten::-webkit-scrollbar{display:none}.karte,.k-code,.k-kauf,.k-zahl{scroll-snap-align:start;flex:none;width:min(76vw,270px);animation:none;position:relative;inset:auto;transform:none}.hero-hinweis{top:80px;bottom:auto;right:var(--gutter)}.kopf-rechts-schlank .sprache,.kopf-rechts-schlank .kopf-cta{display:inline-flex}.kopf-rechts-schlank .kopf-cta{min-height:44px}}@media (prefers-reduced-motion:reduce){[data-kipp]{transition:box-shadow .2s;transform:none}.karte{animation:none}}main>.abschnitt:first-child,main>.seite:first-child{padding-top:clamp(112px,14vw,176px)}.seite{isolation:isolate;background-color:var(--grund);padding-bottom:clamp(64px,9vw,120px);position:relative}.seite:before{content:"";z-index:-1;pointer-events:none;background:var(--zone-bild,none);position:absolute;inset:0}.seite-prosa .wrap{max-width:52rem}.prose-legal{color:color-mix(in srgb, var(--text) 90%, var(--grund));overflow-wrap:anywhere;line-height:1.7}.prose-legal h1{font-family:var(--font-display);font-weight:var(--h-gewicht);letter-spacing:var(--h-spur);line-height:var(--h-zeile);color:var(--text);text-wrap:balance;font-size:clamp(2rem,1.2rem + 3vw,3rem)}.prose-legal h2{font-family:var(--font-display);color:var(--text);margin-top:2.4rem;margin-bottom:.7rem;scroll-margin-top:90px;font-size:clamp(1.25rem,1.1rem + .7vw,1.6rem);font-weight:700;line-height:1.2}.prose-legal h3{font-family:var(--font-display);color:var(--text);margin-top:1.5rem;margin-bottom:.4rem;font-size:1.125rem;font-weight:700}.prose-legal p,.prose-legal li{margin-bottom:.75rem}.prose-legal ul,.prose-legal ol{margin-bottom:.75rem;padding-left:1.4rem}.prose-legal ul{list-style:outside}.prose-legal ol{list-style:decimal}.prose-legal li::marker{color:var(--akzent)}.prose-legal strong{color:var(--text)}.prose-legal code{font-family:var(--font-mono);background:color-mix(in srgb, var(--akzent) 12%, transparent);border-radius:6px;padding:.1em .35em;font-size:.9em}.prose-legal .mb-2{margin-bottom:.5rem}.prose-legal .mb-4{margin-bottom:1rem}.prose-legal .mb-6{margin-bottom:1.5rem}.prose-legal .mt-6{margin-top:1.5rem}.prose-legal .text-muted{color:var(--nebentext)}.prose-legal .text-sm{font-size:.9375rem}.prose-legal .notice{border-radius:var(--r);border:1px solid color-mix(in srgb, var(--dritt) 40%, transparent);background:color-mix(in srgb, var(--dritt) 10%, transparent);color:var(--text);padding:14px 18px}.placeholder{border:1px dashed var(--dritt);background:color-mix(in srgb, var(--dritt) 16%, transparent);color:var(--text);border-radius:6px;padding:0 .3rem;font-weight:500}.codeblock{border-radius:var(--r);border:1px solid var(--linie);background:color-mix(in srgb, var(--grund) 78%, #000);box-shadow:var(--glas-lichtkante);font-family:var(--font-mono);color:var(--text);tab-size:4;margin:0 0 1rem;padding:16px 18px;font-size:.8125rem;line-height:1.6;overflow-x:auto}.codeblock code{font-size:inherit;background:0 0;padding:0}.lizenz{white-space:pre-wrap;max-height:22rem;font-size:.75rem}.docs-aktionen{flex-wrap:wrap;gap:12px;margin-bottom:1.5rem;display:flex}.seite-kopf{justify-items:start;gap:18px;max-width:52rem;margin-bottom:clamp(28px,4vw,48px);display:grid}.seite-p{max-width:38rem;color:color-mix(in srgb, var(--text) 86%, var(--grund));font-size:clamp(1.0625rem,.95rem + .4vw,1.25rem)}.seite-klein{font-size:1rem}.seite-block h2{margin-bottom:22px}.zwei-spalten{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.drei-schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.drei-schritte li{align-content:start;gap:10px;padding:24px;display:grid}.drei-schritte h3,.hinweis-karte h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.2}.drei-schritte p,.hinweis-karte p{color:color-mix(in srgb, var(--text) 84%, var(--grund))}.drei-schritte .nr{border-radius:var(--r-s);border:1px solid var(--akzent);width:36px;height:36px;color:var(--akzent-text);font-family:var(--font-display);place-items:center;font-weight:800;display:grid}.hinweis-karte{border-radius:var(--r-l);gap:10px;margin:0;padding:clamp(22px,3vw,32px);font-size:1.0625rem;display:grid}blockquote.hinweis-karte p{font-family:var(--font-display);color:var(--text);font-size:1.25rem;font-weight:600;line-height:1.4}.haken-liste{gap:0;display:grid}.haken-liste li{border-top:1px solid var(--linie);color:color-mix(in srgb, var(--text) 88%, var(--grund));padding:14px 0 14px 34px;position:relative}.haken-liste li:before{content:"";border:solid var(--akzent);border-width:0 2.5px 2.5px 0;width:8px;height:14px;position:absolute;top:1.15em;left:4px;transform:rotate(45deg)translateY(-3px)}.seite-schluss{padding-bottom:clamp(72px,9vw,120px)}.seite-schluss .schluss-in{margin-bottom:0}.beta-hinweis{border-radius:var(--r);max-width:44rem;color:var(--text);padding:16px 20px;font-weight:500}.plaene{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.plan{border-radius:var(--r-l);flex-direction:column;gap:8px;padding:clamp(22px,2.6vw,32px);display:flex}.plan-top{border-color:color-mix(in srgb, var(--akzent) 55%, transparent);box-shadow:var(--glas-lichtkante), 0 30px 70px -36px color-mix(in srgb, var(--akzent) 60%, transparent)}.plan header{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800}.plan-tipp{border-radius:var(--r-s);background:var(--akzent);color:var(--auf-akzent);padding:4px 10px;font-size:.8125rem;font-weight:700}.plan-preis strong{font-family:var(--font-display);font-size:clamp(2.2rem,1.6rem + 1.6vw,3rem);font-weight:800;line-height:1}.plan-preis span{color:var(--nebentext)}.plan-jahr{color:var(--nebentext);font-size:.875rem}.plan-limit{margin-top:10px;font-weight:600}.plan-klein{color:var(--nebentext);font-size:.9375rem}.plan-liste{flex:1;gap:8px;margin:14px 0 22px;display:grid}.plan-liste li{color:color-mix(in srgb, var(--text) 88%, var(--grund));padding-left:22px;font-size:.9688rem;position:relative}.plan-liste li:before{content:"";background:var(--akzent);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:2px}.plan .btn{align-self:stretch}.plan-fuss{margin-top:16px}.pilot-links{position:relative}.pilot-listen h2,.pilot-form h2,.pilot-danke h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.2}.pilot-form h2,.pilot-danke h2{padding-right:0;font-size:1.5rem}.pilot-listen h2{margin-bottom:10px}.pilot-form{border-radius:var(--r-l)}.pilot-danke{border-radius:var(--r-l);justify-items:start;gap:14px;padding:clamp(24px,3vw,36px);display:grid}.pilot-danke:focus,.form-fehler:focus{outline:none}.haken-gross{border-radius:var(--r);width:56px;height:56px}.feld textarea{width:100%;min-height:120px;font:inherit;color:var(--text);resize:vertical;background:color-mix(in srgb, var(--grund) 70%, transparent);border:1px solid var(--kante-leise);border-radius:var(--r-s);padding:14px 16px;transition:border-color .2s,box-shadow .2s}.feld textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 4px color-mix(in srgb, var(--akzent) 22%, transparent);outline:none}:is(.feld input:user-invalid,.feld select:user-invalid){border-color:var(--schlecht)}.form-fehler{border-radius:var(--r-s);border:1px solid color-mix(in srgb, var(--schlecht) 55%, transparent);background:color-mix(in srgb, var(--schlecht) 12%, transparent);color:var(--text);padding:12px 14px;font-size:.9375rem;line-height:1.45}.feld-falle{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.haken-zeile input{flex:none}.haken-zeile{min-height:44px}.pilot-links h1{max-width:11em}.pilot-teaser-in{justify-items:start;gap:22px;display:grid;position:relative}.pilot-teaser-in h2{max-width:13em}.pilot-teaser .deko-trophy{width:clamp(200px,28vw,380px);top:50%;left:auto;right:2%;translate:0 -50%}.rechner-cta{justify-items:start;gap:12px;margin-top:clamp(28px,4vw,48px);display:grid}.rechner-mehr{margin-top:20px;font-weight:600}.einbau .dnd{place-self:center}.seite-fehler .wrap{align-content:center;justify-items:start;gap:18px;min-height:52svh;display:grid}.fehler-code{font-family:var(--font-display);letter-spacing:-.05em;color:var(--akzent);text-shadow:0 0 70px color-mix(in srgb, var(--akzent) 45%, transparent);font-size:clamp(5rem,3rem + 10vw,11rem);font-weight:800;line-height:.85}@media (width<=900px){.zwei-spalten,.drei-schritte,.plaene{grid-template-columns:minmax(0,1fr)}.pilot-teaser .deko-trophy{width:min(70%,260px);margin-bottom:-18px;position:relative;inset:auto;translate:none}}.kopf-rechts-schlank{margin-left:auto}@media (width<=480px){.kopf:has(.kopf-rechts-schlank) .marke-text{display:none}}@media (width<=520px){.rechner-rahmen{box-shadow:none;background:0 0;border-radius:0;padding:0}.rechner-rahmen:before{display:none}.rechner .calc{box-shadow:none;background:0 0;border-radius:0;padding:0}.rechner .calc:before,.rechner .calc .calc-inputs .fld-h{display:none}}.fuss-spalten{grid-template-columns:repeat(3,minmax(0,1fr))}.fuss-schlank .fuss-spalten{grid-template-columns:minmax(0,1fr)}.einbau .dnd{width:min(100%,540px);min-height:310px}.einbau .dnd-fenster{width:min(100%,390px);padding:18px 20px 20px}.einbau .ex-zeile{min-height:40px;font-size:1.0625rem}.einbau .ex-kind.ist-da{height:40px;min-height:40px}@media (width<=760px){.fuss-spalten{grid-template-columns:repeat(2,minmax(0,1fr))}}.kopf-nav a[aria-current=page]{color:var(--text)}.kopf-nav a[aria-current=page]:after{transform:scaleX(1)}.menue-link[aria-current=page] .menue-wort{color:var(--akzent-text)}.pilot-links .deko-trophy{z-index:0;order:10;width:min(100%,280px);margin:8px 0 0;position:static}.fuss-spalten a,.fuss-klein a{align-items:center;min-height:44px;display:inline-flex}.fuss-spalten li+li{margin-top:0}.fuss-klein a{margin-top:4px}@media (width<=760px){.sprache a{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}@media (width<=900px){.rechner:not(.rechner-seite) .deko-coins{display:none}}