:root{--bg: #0b1020;--bg-2: #121a30;--karte: #16203a;--rand: #24304f;--text: #e8ecf6;--text-leise: #9aa6c4;--akzent: #3d9dff;--akzent-2: #4fd8ff;--akzent-tief: #04152b;--warn: #ffb020;--radius: 14px;--max: 1080px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 78% -10%,rgba(61,157,255,.16),transparent 60%),radial-gradient(700px 420px at 8% 0%,rgba(79,216,255,.09),transparent 60%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.4rem,3vw,2rem);margin-top:0}h3{font-size:1.15rem}p{margin:0 0 1em}header.top{position:sticky;top:0;z-index:10;background:#0b1020d1;backdrop-filter:blur(10px);border-bottom:1px solid var(--rand)}header.top .wrap{display:flex;align-items:center;gap:18px;height:62px}.marke{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}.marke:hover{text-decoration:none}.marke .radar{width:26px;height:26px;flex:none}nav.haupt{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}nav.haupt a{color:var(--text-leise);font-size:.95rem}nav.haupt a:hover,nav.haupt a[aria-current=page]{color:var(--text);text-decoration:none}section{padding:64px 0}section.hero{padding:84px 0 56px}.blei{font-size:1.15rem;color:var(--text-leise);max-width:62ch}.pille{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--rand);background:var(--bg-2);color:var(--text-leise);font-size:.82rem;margin-bottom:18px}.knopfreihe{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.knopf{display:inline-block;padding:12px 20px;border-radius:10px;background:var(--akzent);color:var(--akzent-tief);font-weight:650;border:1px solid transparent}.knopf:hover{text-decoration:none;filter:brightness(1.07)}.knopf.leise{background:transparent;color:var(--text);border-color:var(--rand)}.raster{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);padding:22px;display:block;color:var(--text)}a.karte:hover{text-decoration:none;border-color:var(--akzent);transform:translateY(-2px)}a.karte{transition:border-color .15s ease,transform .15s ease}.karte h3{margin-bottom:.35em}.karte p{color:var(--text-leise);margin:0}.karte .icon{font-size:1.5rem;display:block;margin-bottom:10px}.zahlenband{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.zahl{background:var(--bg-2);border:1px solid var(--rand);border-radius:var(--radius);padding:20px}.zahl b{display:block;font-size:1.7rem;color:var(--akzent)}.zahl span{color:var(--text-leise);font-size:.93rem}ol.ablauf{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:14px}ol.ablauf li{counter-increment:s;position:relative;padding:18px 18px 18px 62px;background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius)}ol.ablauf li:before{content:counter(s);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--akzent);color:var(--akzent-tief);font-weight:700;display:grid;place-items:center}ol.ablauf b{display:block;margin-bottom:2px}ol.ablauf p{margin:0;color:var(--text-leise)}.fliess{max-width:72ch}.fliess h2{margin-top:1.6em}.fliess ul{padding-left:1.2em}.fliess li{margin-bottom:.4em}.fliess code{background:var(--bg-2);border:1px solid var(--rand);padding:1px 6px;border-radius:6px;font-size:.92em}.fliess blockquote{margin:1.4em 0;padding:14px 18px;border-left:3px solid var(--akzent);background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-leise)}.nutzen{list-style:none;padding:0;margin:0 0 1.6em;display:grid;gap:8px}.nutzen li{padding-left:26px;position:relative}.nutzen li:before{content:"+";position:absolute;left:6px;color:var(--akzent);font-weight:700}.hinweis{border:1px solid var(--rand);border-left:3px solid var(--warn);background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;color:var(--text-leise)}footer.fuss{border-top:1px solid var(--rand);padding:34px 0;color:var(--text-leise);font-size:.92rem}footer.fuss .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer.fuss nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.zurueck{color:var(--text-leise);font-size:.93rem;display:inline-block;margin-bottom:18px}@media(max-width:620px){section{padding:48px 0}header.top .wrap{height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}nav.haupt{margin-left:0;width:100%}}.marke .emblem{width:30px;height:30px;flex:none}.marke span{letter-spacing:.01em}.hero-grid{display:grid;gap:40px;grid-template-columns:1.35fr .85fr;align-items:center}.hero-grid .logo-gross{width:100%;max-width:360px;margin-left:auto;display:block;filter:drop-shadow(0 18px 40px rgba(61,157,255,.28))}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero-grid .logo-gross{max-width:260px;margin:0}}.signatur{margin-top:44px;padding-top:26px;border-top:1px solid var(--rand);display:flex;align-items:center;gap:18px;flex-wrap:wrap}.signatur img{width:190px;height:auto}.signatur p{margin:0;color:var(--text-leise);font-size:.95rem;max-width:42ch}footer.fuss .fusslogo{width:150px;height:auto;opacity:.9}.raster.produkte{grid-template-columns:repeat(auto-fill,minmax(290px,390px))}