:root{--ink:#12363B;--paper:#F5F1E8;--accent:#E0A43A;--muted:#4d6468;--line:#d9d3c3}
@media (prefers-color-scheme:dark){:root{--ink:#F5F1E8;--paper:#0e2a2e;--muted:#a9bcbe;--line:#26474c}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.wrap{width:100%;max-width:720px;margin:0 auto;padding:0 24px}
header{padding:40px 0 0}
.logo{display:block;width:min(300px,70vw);height:auto}
main{flex:1;padding:12vh 0 8vh}
h1{font-size:clamp(1.9rem,5.2vw,2.7rem);line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:0 0 .9em}
h1 span{display:inline-block;width:.32em;height:.32em;border-radius:50%;background:var(--accent);margin-left:.12em}
.teaser{margin:0 0 3rem;max-width:34em}
.felder{list-style:none;margin:0 0 3rem;padding:0;display:grid;gap:1.4rem}
.felder li{padding-left:1.6rem;position:relative}
.felder li::before{content:"";position:absolute;left:0;top:.62em;width:.6rem;height:.6rem;border-radius:50%;background:var(--accent)}
.felder strong{display:block;font-weight:600}
.felder span{color:var(--muted)}
.hinweis{color:var(--muted);border-top:1px solid var(--line);padding-top:1.4rem;max-width:34em}
footer{border-top:1px solid var(--line);padding:24px 0 36px;font-size:.88rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between}
footer a{color:inherit;text-underline-offset:3px}
footer a:hover{color:var(--ink)}
a{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.text h1{font-size:1.9rem}
.text h2{font-size:1.15rem;margin:2em 0 .4em}
.text p,.text li{max-width:40em}
.text .zurueck{display:inline-block;margin-bottom:2rem;color:var(--muted)}
.formular{display:grid;gap:1.1rem;max-width:34em;margin-top:1.6rem}
.formular label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}
.formular input,.formular textarea{font:inherit;font-weight:400;color:var(--ink);background:transparent;border:1px solid var(--muted);border-radius:6px;padding:.65rem .75rem;width:100%}
.formular button{font:inherit;font-weight:600;justify-self:start;background:var(--ink);color:var(--paper);border:0;border-radius:6px;padding:.7rem 1.3rem;cursor:pointer}
.formular button:hover{background:var(--accent);color:#12363B}
.klein{font-size:.88rem;color:var(--muted)}
.falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}