:root{--ink:#111111;--paper:#FFFFFF;--blue:#0B5FC4;--mut:#4B5563;--line:#D9DEE7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#F4F6FA;line-height:1.6}
a{color:var(--blue)}
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;background:#222 url(titelbild-klein.jpg) center 35%/cover no-repeat;color:#fff}
@media (min-width:1000px){.hero{background-image:url(titelbild.jpg)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,0) 65%)}
.hero .in{position:relative;z-index:1;width:100%;max-width:1040px;margin:0 auto;padding:0 20px 40px}
.hero h1{margin:0;font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero p{margin:10px 0 0;font-size:clamp(1.05rem,2.2vw,1.4rem);max-width:640px;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.badge{display:inline-block;margin-bottom:14px;padding:4px 12px;border-radius:999px;background:#fff;color:var(--ink);font-size:.85rem;font-weight:700}
main{max-width:1040px;margin:0 auto;padding:36px 20px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.card h2{margin:0 0 8px;font-size:1.15rem}
.card p{margin:0;color:var(--mut)}
.lead{font-size:1.15rem;max-width:760px;margin:0 0 28px}
footer{max-width:1040px;margin:0 auto;padding:28px 20px 40px;color:var(--mut);font-size:.92rem;border-top:1px solid var(--line)}
footer a{margin-right:16px}
.doc{max-width:760px;margin:0 auto;padding:40px 20px}
.doc h1{margin-top:0}