/* Unterseiten Impressum/Datenschutz – gleiche Gestaltung wie die Startseite */
:root{--navy:#00305D;--navy-night:#00122A;--ink:#13202E;--muted:#56616E;--line:#DDE1E5;--paper:#F3F5F7;--steel:#9DB8D3;--glow:#7CCBFF;
  --head:"Bahnschrift","DIN Alternate","DIN 2014","Barlow","Arial Narrow",system-ui,sans-serif;
  --body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;--pad:clamp(20px,4vw,48px)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:var(--ink);background:#fff;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
img{display:block;max-width:100%}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:860px}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 16px;z-index:99;border-radius:8px}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--glow);outline-offset:3px;border-radius:6px}
.hdr{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.hdr .logo img{height:38px;width:auto}
.nav{display:flex;align-items:center;gap:30px;font-family:var(--head);letter-spacing:.03em}
.nav a{text-decoration:none;color:var(--navy)}
.nav a:hover{text-decoration:underline;text-underline-offset:6px}
.nav .tel{padding:9px 18px;border:1px solid var(--navy);border-radius:999px}
.nav .tel:hover{background:var(--navy);color:#fff;text-decoration:none}
.back{display:none;font-family:var(--head);color:var(--navy);text-decoration:none;padding:9px 16px;border:1px solid var(--navy);border-radius:999px;font-size:.95rem}
.legal{padding:clamp(56px,8vw,100px) 0 clamp(60px,8vw,110px);background:linear-gradient(180deg,var(--paper),#fff 320px)}
.kick{display:flex;align-items:center;gap:14px;font-family:var(--head);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-bottom:16px}
.kick::before{content:"";width:46px;height:9px;border-left:1px solid currentColor;border-right:1px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat}
h1{font-family:var(--head);font-weight:600;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin-bottom:36px}
.intro{font-size:1.12rem;color:var(--muted);margin:-14px 0 34px;max-width:62ch}
section{padding:26px 0;border-top:1px solid var(--line)}
section h2{font-family:var(--head);font-weight:600;font-size:1.25rem;color:var(--navy);margin-bottom:10px}
section p+p{margin-top:12px}
section ul{margin:10px 0 12px 20px}
section li{margin:4px 0}
mark.todo{background:#fff3b0;color:#5a4500;padding:1px 6px;border-radius:4px}
footer{background:var(--navy-night);color:rgba(255,255,255,.65);font-size:.9rem}
footer a{color:inherit;text-decoration:none}
footer .top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0;border-bottom:1px solid rgba(157,184,211,.15);flex-wrap:wrap}
footer .top img{height:46px;width:auto}
footer .top nav{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--head);color:#fff}
footer .top nav a:hover{color:var(--glow)}
footer .bot{display:flex;justify-content:space-between;gap:20px;padding:20px 0 26px;flex-wrap:wrap}
footer .bot nav{display:flex;gap:22px}
footer .bot a:hover,footer .bot a[aria-current]{color:#fff}
@media (max-width:860px){.nav{display:none}.back{display:inline-block}.hdr .logo img{height:32px}}