/* Impressum & Datenschutz (selbst gehostet). Farben/Schriften wie in wochenplan.html. */
:root{--bg:#eef1f4;--surface:#fff;--line:#c3cbd3;--ink:#14181c;--muted:#5b6670;--logo:#041e41;--accent:#2d55c8;
  --f-display:"Familjen Grotesk","Segoe UI",system-ui,sans-serif;--f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#12161b;--surface:#1a1f26;--line:#343e4a;--ink:#e8edf2;--muted:#98a4b0;--logo:#e8edf2;--accent:#8fa9f0;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f-body)}
main{max-width:720px;margin:0 auto;padding:28px 16px 48px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.logo{display:block;height:26px;aspect-ratio:591/120;background:var(--logo);-webkit-mask:url(/logo.png) center/contain no-repeat;mask:url(/logo.png) center/contain no-repeat}
a{color:var(--accent)}
header a.back{font-size:14px;text-decoration:none}
article{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px clamp(16px,4vw,32px)}
h1{font:700 30px/1.15 var(--f-display);margin:0 0 6px;letter-spacing:-.01em}
h2{font:700 19px/1.25 var(--f-display);margin:26px 0 6px}
p,ul{margin:0 0 10px}
ul{padding-left:20px}
.muted{color:var(--muted);font-size:14px}
footer{margin-top:18px;font-size:14px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}