:root { --tinte:#0a1628; --koralle:#e8927c; --sand:#f7f3ee; --gruen:#176b53; }
* { box-sizing:border-box; }
body { margin:0; color:var(--tinte); background:var(--sand); font:17px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.kopf { min-height:68px; display:flex; align-items:center; gap:1.25rem; max-width:70rem; padding:0 1.25rem; margin:auto; }
.kopf .marke { margin-right:auto; color:var(--tinte); font-size:1.35rem; font-weight:800; text-decoration:none; letter-spacing:-.04em; }
.kopf a:not(.marke) { font-size:.92rem; text-underline-offset:4px; }
main { max-width:70rem; margin:auto; padding:0 1.25rem 4rem; }
.hero { padding:5.5rem 0 4.5rem; max-width:52rem; }
.kicker { color:var(--gruen); font-size:.85rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
h1,h2,h3 { line-height:1.1; letter-spacing:-.04em; }
h1 { font-size:clamp(2.6rem,7vw,5.5rem); margin:.25rem 0 1.25rem; }
h2 { font-size:clamp(1.8rem,4vw,3rem); margin:0 0 1rem; }
h3 { font-size:1.2rem; margin:.25rem 0 .4rem; }
.untertitel { max-width:42rem; font-size:1.22rem; }
.knopf-primaer, button { display:inline-block; border:0; border-radius:.55rem; padding:.8rem 1.05rem; background:var(--koralle); color:#1d1010; font:700 1rem inherit; text-decoration:none; cursor:pointer; }
.hero .knopf-primaer { margin:1rem 0 0; }
.hinweis { max-width:48rem; margin-top:1.5rem; padding:.9rem 1rem; border-left:4px solid var(--koralle); background:#fff7f1; font-size:.94rem; }
.abschnitt { padding:3.5rem 0; border-top:1px solid #dcd5cc; }
.karten { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.karten article { padding:1.25rem; background:#fff; border-radius:.7rem; }
.karten p { margin:0; }
.quelle { max-width:55rem; margin-top:1.5rem; font-size:.9rem; color:#4d5868; }
.rechner { max-width:54rem; }
form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.4rem; }
.feldgruppe { display:grid; gap:.35rem; }
label { font-weight:650; }
input,select { width:100%; min-height:46px; border:1px solid #aab0b8; border-radius:.45rem; padding:.55rem .65rem; background:#fff; color:var(--tinte); font:inherit; }
form button { grid-column:1 / -1; justify-self:start; }
.ergebnis { margin-top:1.4rem; padding:1rem 1.2rem; border-radius:.7rem; background:#e7f3ec; }
.ergebnis p { margin:.35rem 0; }
.fehler { background:#fce9e7; }
.schluss-cta { max-width:55rem; }
.fuss { max-width:70rem; margin:auto; padding:1.5rem 1.25rem 2.5rem; color:#4d5868; font-size:.92rem; }
.fuss nav { display:flex; flex-wrap:wrap; gap:1rem; }
.recht { max-width:52rem; }
.recht main { max-width:52rem; }
.recht h1 { font-size:clamp(2.2rem,5vw,4rem); }
.recht h2 { font-size:1.45rem; margin-top:2.25rem; }
@media (max-width:640px) { .kopf { gap:.8rem; }.kopf a:not(.marke) { font-size:.8rem; }.hero { padding:3.25rem 0; }.karten,form { grid-template-columns:1fr; } }