@font-face{font-family:Geist;src:url(/_schrift/geist.woff2) format('woff2');font-weight:300 800}
@font-face{font-family:Fraunces;src:url(/_schrift/fraunces-kursiv.woff2) format('woff2');font-style:italic;font-weight:300 800}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#f6f8fc;color:#0d1530;font:400 18px/1.55 Geist,system-ui,sans-serif}
a{color:inherit}.huelle{max-width:1080px;margin:0 auto;padding:0 22px}
header.kopf{padding:22px 0}header.kopf .huelle{display:flex;justify-content:space-between;align-items:center}
.marke{font:800 26px/1 Geist;letter-spacing:-.03em;text-decoration:none}.marke b{color:#1f5eff}
.knopf{display:inline-flex;gap:10px;align-items:center;border:0;border-radius:999px;padding:16px 26px;background:#0d1530;color:#fff;font:700 18px Geist;text-decoration:none;cursor:pointer}
.knopf.akzent{background:#1f5eff}
section{padding:46px 0}.held h1{font:800 clamp(40px,7vw,78px)/1.02 Geist;letter-spacing:-.045em;margin:10px 0 18px}
.held h1 em{font-style:normal;color:#1f5eff}.zeile{font:600 14px Geist;letter-spacing:.14em;text-transform:uppercase;color:#1f5eff}
.vorspann{font-size:21px;max-width:680px}.leise{color:#5a6070;font-size:15px}
.schritte{list-style:none;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s}
.schritte li{background:#fff;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.06);counter-increment:s}
.schritte li::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e8efff;color:#0d1530;font-weight:800;margin-bottom:10px}
.schritte h3{margin:0 0 6px;font-size:20px}
form.formular{background:#fff;border-radius:26px;padding:26px;box-shadow:0 14px 40px rgba(0,0,0,.07);display:grid;gap:16px}
.feld{display:grid;gap:6px}.feld span{font:600 13px Geist;letter-spacing:.06em;text-transform:uppercase;color:#4a5060}.feld i{font-style:normal;color:#1f5eff;text-transform:none;letter-spacing:0}
input,select,textarea{font:inherit;padding:13px 14px;border:2px solid #dfe3ea;border-radius:14px;background:#fff;width:100%}
input[type=checkbox]{width:auto}input[type=color]{height:52px;padding:4px}
.haken{display:flex;gap:12px;align-items:flex-start;font-size:16px}.paar{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.falle{position:absolute;left:-9999px}.kleingedruckt{font-size:14px;color:#5a6070}
.preis{font:800 64px/1 Geist;letter-spacing:-.04em}.preis small{font-size:20px;font-weight:600}
fieldset{border:2px solid #e6e9ef;border-radius:18px;padding:16px;display:grid;gap:12px}legend{font-weight:700;padding:0 6px}
.fehlertext{background:#fff1f0;border-radius:14px;padding:12px 16px;color:#a3201a}
video{max-width:100%;border-radius:22px;background:#000}
footer{padding:40px 0 60px;font-size:15px;color:#5a6070}footer nav{display:flex;gap:18px;flex-wrap:wrap}
.recht h1{font-size:40px}.recht h2{margin-top:30px}
.seitenkopf{padding:30px 0 10px}.seitenkopf h1{font:800 clamp(34px,6vw,56px)/1.05 Geist;letter-spacing:-.04em;margin:8px 0 14px}.seitenkopf h1 em{font-style:normal;color:#1f5eff}.zeile-oben{display:block;font:600 14px Geist;letter-spacing:.14em;text-transform:uppercase;color:#1f5eff;margin-bottom:8px}.abschnitt{padding:20px 0 40px}.szene-feld{margin:0}