/* Shared look for Impressum and Datenschutz: same tokens as the landing page, plain reading layout. */
:root {
  --paper: #f3f6f6; --sheet: #ffffff; --ink: #102a2e; --muted: #557075; --line: #d3dfe0; --petrol: #0d5c63; --petrol-ink: #ffffff;
  --display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --paper: #0b1a1c; --sheet: #112629; --ink: #e4eeee; --muted: #93abae; --line: #24403f; --petrol: #3fb2ba; --petrol-ink: #04191b; color-scheme: dark } }
:root[data-theme="dark"] {
  --paper: #0b1a1c; --sheet: #112629; --ink: #e4eeee; --muted: #93abae; --line: #24403f; --petrol: #3fb2ba; --petrol-ink: #04191b; color-scheme: dark }
* { box-sizing: border-box }
body { background: var(--paper); color: var(--ink); font: 400 1rem/1.65 var(--body) }
.wrap { max-width: 720px; margin: 0 auto; padding-inline: 20px; padding-block: 28px 64px }
.top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 28px; border-bottom: 1px solid var(--line); margin-bottom: 36px }
.logo { font: 800 1.1rem/1 var(--display); font-stretch: 118%; color: var(--ink); text-decoration: none }
a { color: var(--petrol) }
h1, h2 { font-family: var(--display); font-stretch: 110%; line-height: 1.15; text-wrap: balance }
h1 { font-size: 2rem; margin: 0 0 24px }
h2 { font-size: 1.15rem; margin: 32px 0 8px }
p, ul, address { margin: 0 0 12px; font-style: normal }
.muted { color: var(--muted); font-size: .9rem }
form { display: grid; gap: 10px; margin-top: 12px }
input, textarea { width: 100%; font: 400 1rem/1.4 var(--body); color: var(--ink); background: var(--sheet); border: 1px solid var(--line); border-radius: 5px; padding: .6em .7em }
textarea { min-height: 120px; resize: vertical }
button { justify-self: start; font: 600 1rem/1 var(--body); padding: .85em 1.2em; border-radius: 6px; border: 0; background: var(--petrol); color: var(--petrol-ink); cursor: pointer }
:focus-visible { outline: 3px solid #f5c518; outline-offset: 2px }