:root{--tinte:#1d2a3a;--grau:#5b6775;--linie:#dde3ea;--hell:#f5f7fa;--akzent:#1f6f8b;--akzent2:#e7f2f6;--weiss:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinte);background:var(--weiss)}
a{color:var(--akzent)}h1,h2,h3{line-height:1.25;margin:0 0 .6em}h1{font-size:clamp(1.7rem,4vw,2.6rem)}h2{font-size:1.5rem}h3{font-size:1.1rem}
.rahmen{max-width:1040px;margin:0 auto;padding:0 20px}
header.kopf{border-bottom:1px solid var(--linie);background:var(--weiss);position:sticky;top:0;z-index:5}
header.kopf .rahmen{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;flex-wrap:wrap}
.marke{font-weight:700;text-decoration:none;color:var(--tinte);font-size:1.1rem}.marke small{display:block;font-weight:400;color:var(--grau);font-size:.8rem}
nav a{text-decoration:none;color:var(--tinte);margin-left:1.1rem;font-size:.95rem}nav a.knopf{margin-left:1.1rem}
.knopf{display:inline-block;background:var(--akzent);color:#fff;text-decoration:none;padding:.6rem 1.1rem;border-radius:6px;font-weight:600;border:0;cursor:pointer;font-size:1rem}
.knopf.leise{background:var(--akzent2);color:var(--akzent)}
section{padding:3.2rem 0}section.hell{background:var(--hell)}
.held p.gross{font-size:1.15rem;color:var(--grau);max-width:46rem}
.held .aktionen{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.raster{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:10px;padding:1.2rem 1.3rem}
.karte p{margin:.3rem 0 0;color:var(--grau)}
ol.ablauf{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
ol.ablauf li{counter-increment:s;background:var(--weiss);border:1px solid var(--linie);border-radius:10px;padding:1.2rem 1.3rem 1.2rem 3.4rem;position:relative}
ol.ablauf li::before{content:counter(s);position:absolute;left:1.1rem;top:1.1rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--akzent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.95rem}
.hinweis{border-left:4px solid var(--akzent);background:var(--akzent2);padding:1rem 1.2rem;border-radius:0 8px 8px 0}
.hinweis ul{margin:.4rem 0 0;padding-left:1.2rem}
form.bereich{display:flex;gap:.6rem;flex-wrap:wrap;align-items:stretch;max-width:34rem}
form.bereich .feld{display:flex;align-items:center;border:1px solid var(--linie);border-radius:6px;background:#fff;flex:1 1 16rem;overflow:hidden}
form.bereich input{border:0;padding:.65rem .7rem;font-size:1rem;min-width:0;flex:1;outline:none}
form.bereich .feld span{color:var(--grau);padding-right:.7rem;white-space:nowrap;font-size:.95rem}
.klein{font-size:.9rem;color:var(--grau)}
footer{border-top:1px solid var(--linie);padding:1.6rem 0;color:var(--grau);font-size:.9rem}
footer .rahmen{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media (max-width:640px){nav a{margin-left:.8rem;font-size:.9rem}nav a.nurgross{display:none}}
.recht h2{font-size:1.2rem;margin-top:2rem}.recht h3{font-size:1rem;margin-top:1.2rem}.recht p,.recht li{color:var(--tinte)}.recht ul{padding-left:1.2rem}
.recht{max-width:46rem}footer .zusatz{flex-basis:100%;font-size:.85rem}