/* Basis-Styles für gute Lesbarkeit und Barrierefreiheit */
:root {
  --bg: #ffffff;
  --text: #1a1a1a;
  --muted: #4b5563;
  --brand: #0a5a8f;
  --accent: #0f7abf;
}
html { scroll-behavior: smooth; }
body {
  margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height: 1.6; color: var(--text); background: var(--bg);
}
.site-header { border-bottom: 4px solid var(--brand); background: #f7fafc; }
.site-header .brand { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
.site-header h1 { margin: 0; font-size: 2rem; color: var(--brand); }
.site-header p { margin: .25rem 0 0; color: var(--muted); }
main { max-width: 960px; margin: 0 auto; padding: 1rem; }
.toc { background: #f9fbfd; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; }
.toc h2 { margin-top: 0; }
section { margin: 2rem 0; }
section h2 { color: var(--brand); }
section h3 { color: var(--accent); }
address { font-style: normal; background: #f9fafb; padding: 1rem; border-radius: 8px; }
ol, ul { padding-left: 1.25rem; }
.site-footer { border-top: 1px solid #e5e7eb; margin-top: 3rem; padding: 1.5rem 0; text-align: center; color: var(--muted); }
.btn { display: inline-block; background: var(--brand); color: #fff; padding: .5rem .75rem; border-radius: 6px; text-decoration: none; }
.btn:hover { background: var(--accent); }

/* Druckfreundlich */
@media print {
  .toc, .site-header .brand p, .btn { display: none; }
  body { color: #000; }
}