/* Systemschriften, keine Drittanbieter (DSGVO) */
:root{--bg:#0a0a12;--karte:#161625;--linie:#26263a;--text:#f2f2f7;--leise:#a3a3b8;--or:#ff8a00;--gelb:#ffc23d;--gruen:#34d399;--rot:#ff6b3d;--verlauf:linear-gradient(120deg,#ff7a00,#ffc83d)}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--text);font:17px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.innen{max-width:1040px;margin:0 auto;padding:0 20px}
.eng{max-width:720px}
.vt{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.marke{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gelb);font-weight:700;margin-bottom:14px}
h1{font-size:clamp(34px,5.6vw,60px);line-height:1.05;letter-spacing:-.03em;margin-bottom:20px}
h2{font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}
h3{margin-bottom:8px}
.unter{color:var(--leise);font-size:19px}
section{padding:64px 0}
.held{position:relative;padding:72px 0 56px;overflow:hidden}
.held::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(40% 40% at 20% 30%,rgba(59,130,246,.28),transparent 70%),radial-gradient(35% 35% at 80% 20%,rgba(255,138,0,.22),transparent 70%);filter:blur(20px);z-index:-1}
.held .innen{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.haken{list-style:none;padding:0;margin:22px 0 0}
.haken li{padding:7px 0 7px 34px;position:relative}
.haken li::before{content:"✓";position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:var(--verlauf);color:#0a0a12;font-weight:800;text-align:center;line-height:24px;font-size:14px}
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:18px;padding:26px}
.klein{font-size:14px;color:var(--leise)}
.formkarte .klein{margin-top:12px}
label{display:block;font-weight:600;font-size:15px;margin:14px 0 6px}
input[type=text],input[type=email],input[type=number],select,textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--linie);background:#0d0d18;color:var(--text);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--or);border-color:var(--or)}
.knopf{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:18px;padding:16px 24px;border:0;border-radius:999px;font-weight:700;font-size:17px;font-family:inherit;background:var(--verlauf);color:#0a0a12;cursor:pointer;text-decoration:none;box-shadow:0 10px 40px -10px rgba(255,138,0,.7)}
.knopf.schmal{width:auto;margin:0;padding:10px 18px;font-size:15px}
.drei{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.drei .karte b{display:block;font-size:19px;margin-bottom:6px}
.drei .karte span.t{color:var(--leise);font-size:16px}
.nr{display:inline-block;width:34px;height:34px;border-radius:50%;background:var(--verlauf);color:#0a0a12;font-weight:800;text-align:center;line-height:34px;margin-bottom:10px}
details{border-bottom:1px solid var(--linie);padding:14px 0}
summary{cursor:pointer;font-weight:600}
details p{color:var(--leise);margin-top:8px}
footer{border-top:1px solid var(--linie);padding:28px 0;color:var(--leise);font-size:14px}
footer a{margin-right:16px}
/* Kompass */
.raster{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.erg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px}
.erg .karte{text-align:center;padding:18px}
.erg .zahl{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.02em}
.erg .bez{color:var(--leise);font-size:14px}
.balken{height:14px;border-radius:99px;background:#0d0d18;margin-top:12px;overflow:hidden}
.balken i{display:block;height:100%;border-radius:99px;transition:width .3s}
.check{list-style:none;padding:0}
.check li{margin:12px 0}
.check input{width:20px;height:20px;accent-color:var(--or);margin-right:10px;vertical-align:middle}
.check label{display:inline;font-weight:400;margin:0;font-size:17px}
.check small{display:block;color:var(--leise);margin-left:32px}
textarea.prompt{min-height:300px;font:14px/1.5 ui-monospace,Consolas,monospace}
@media(max-width:820px){.held .innen,.drei,.raster,.erg{grid-template-columns:1fr}.held{padding-top:40px}}
@media print{body{background:#fff;color:#000}.karte{border-color:#999;background:#fff}.noprint{display:none}.klein,.unter{color:#444}.vt{color:#000;background:none}}