/* Gemeinsame Gestaltung für Impressum und Datenschutz, gleiche Farben wie index.html */
:root {
  --paper: #f5f6f5; --card: #ffffff; --ink: #121514; --muted: #5c6360; --line: #dfe3e1; --brand: #058b66;
  --f-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --f-body: "Instrument Sans", -apple-system, "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --paper: #0f1110; --card: #181b1a; --ink: #eceeed; --muted: #a2a9a6; --line: #2b302e; --brand: #34d399; color-scheme: dark; }
}
:root[data-theme="dark"] { --paper: #0f1110; --card: #181b1a; --ink: #eceeed; --muted: #a2a9a6; --line: #2b302e; --brand: #34d399; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 1rem/1.65 var(--f-body); -webkit-font-smoothing: antialiased; }
.wrap { max-width: 720px; margin: 0 auto; padding-block: 28px 64px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.back { display: inline-flex; gap: 8px; align-items: center; color: var(--muted); text-decoration: none; font-size: .9375rem; }
.back:hover { color: var(--ink); }
h1, h2 { font-family: var(--f-display); letter-spacing: -.02em; line-height: 1.15; text-wrap: balance; }
h1 { font-size: 2.25rem; margin: 28px 0 8px; }
h2 { font-size: 1.25rem; margin: 36px 0 8px; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
a { color: var(--brand); }
a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 4px; }
.muted { color: var(--muted); font-size: .9375rem; }
address { font-style: normal; }