/* Gemeinsames Aussehen fuer Impressum und Datenschutzerklaerung (Farben wie in index.html) */
:root {
  --bg: #f2efe9; --card: #ffffff; --text: #1b2430; --muted: #6b7482; --line: #e5e0d7;
  --brand: #173a5e; --brand-text: #ffffff; --link: #23578a;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e1318; --card: #171f28; --text: #e8edf2; --muted: #95a1ae; --line: #26323e;
    --brand: #12273d; --brand-text: #ffffff; --link: #8cbcec;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
header {
  position: sticky; top: 0; background: var(--brand); color: var(--brand-text);
  padding: 12px 16px; padding-top: max(12px, env(safe-area-inset-top));
}
.zurueck { color: var(--brand-text); text-decoration: none; font-weight: 600; }
main {
  max-width: 680px; margin: 16px auto 32px; padding: 20px 16px;
  background: var(--card); border: 1px solid var(--line); border-radius: 18px;
}
@media (max-width: 712px) { main { margin: 0; border-radius: 0; border-left: 0; border-right: 0; } }
h1 { font-size: 24px; margin: 0 0 8px; }
h2 { font-size: 17px; margin: 24px 0 6px; }
p, li { overflow-wrap: anywhere; }
ul { padding-left: 20px; }
a { color: var(--link); }
.klein, .stand { color: var(--muted); font-size: 14px; }