/* Gemeinsames Design für die Unterseiten (Impressum, Datenschutz, AGB) – passend zur Startseite */
@font-face{font-family:"Inter";src:url("fonts/inter-var-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--brand:#FF5A1F;--brand-d:#E8460C;--brand-l:#FFF1EB;--navy:#0F172A;--ink:#1D1D1F;--ink2:#515154;--ink3:#86868B;--line:#E5E7EB;--bg2:#F7F8FB}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-feature-settings:"cv11","ss01";letter-spacing:-.011em;color:var(--ink);background:#fff;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--brand-d)}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
nav .wrap{max-width:1180px;display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;text-decoration:none;color:var(--ink)}
.logo i{width:32px;height:32px;border-radius:10px;background:var(--brand);display:grid;place-items:center}
.logo svg{width:19px;height:19px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border-radius:980px;padding:10px 20px;text-decoration:none;background:var(--brand);color:#fff}
.btn:hover{background:var(--brand-d)}
header.page{padding:64px 0 28px;background:radial-gradient(900px 360px at 50% -20%,#FFE6DA 0%,rgba(255,255,255,0) 70%)}
header.page .eyebrow{display:inline-block;font-weight:700;font-size:13px;color:var(--brand-d);background:var(--brand-l);padding:6px 12px;border-radius:999px}
h1{font-size:clamp(34px,5vw,48px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 10px}
header.page p{color:var(--ink2);margin:0}
.kopf{display:block;width:100%;height:auto;margin-top:30px;border-radius:22px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.05)}
main{padding:12px 0 80px}
h2{font-size:24px;letter-spacing:-.025em;margin:44px 0 10px;line-height:1.2}
h3{font-size:18px;letter-spacing:-.015em;margin:26px 0 6px}
p,li{color:#333336}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
.toc{background:var(--bg2);border-radius:16px;padding:18px 22px;margin:8px 0 10px}
.toc b{display:block;margin-bottom:6px}
.toc ol{margin:0;columns:2;column-gap:28px;font-size:15px}
.toc a{text-decoration:none;color:var(--ink)}
.toc a:hover{color:var(--brand-d)}
.card{border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:12px 0}
.todo{background:#FEF08A;border-radius:5px;padding:0 5px;font-weight:600;color:#713F12}
.hinweis{background:#FFFBEB;border:1px solid #FDE68A;border-radius:14px;padding:14px 18px;font-size:15px;color:#713F12;margin:18px 0}
.stand{color:var(--ink3);font-size:14px;margin-top:40px}
footer{border-top:1px solid var(--line);padding:34px 0 60px;color:var(--ink2);font-size:14px}
footer .wrap{max-width:1180px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:var(--ink2);text-decoration:none;margin-right:20px}
footer a:hover{color:var(--ink)}
footer a[aria-current]{color:var(--ink);font-weight:700}
@media (max-width:640px){body{font-size:16px}.wrap{padding:0 16px}.toc ol{columns:1}nav .btn{padding:9px 14px;font-size:14px}}
@media print{nav,footer,.toc{display:none}body{font-size:12pt}}
