/* peil — ausgelagert aus impressum.html (19.08.2026).
   Grund: Die Content-Security-Policy erlaubt nur `style-src 'self'`;
   ein <style>-Block IM Dokument gilt als inline und wird verworfen —
   die Seite kam seit dem CSP-Scharfstellen komplett ohne Gestaltung.
   Nicht zurück ins HTML holen. */
:root {
  color-scheme: light dark;
  --ground: #f6f3f2; --panel: #fbf9f8; --ink: #1b1618; --muted: #6d6467;
  --hair: #e0d9d8; --accent: #c0141b;
}
@media (prefers-color-scheme: dark) {
  :root { --ground:#131013; --panel:#191518; --ink:#f2ecee; --muted:#9a9094;
          --hair:#2c2529; --accent:#ec4b4f; }
}
:root[data-theme="light"] { --ground:#f6f3f2; --panel:#fbf9f8; --ink:#1b1618;
  --muted:#6d6467; --hair:#e0d9d8; --accent:#c0141b; }
:root[data-theme="dark"] { --ground:#131013; --panel:#191518; --ink:#f2ecee;
  --muted:#9a9094; --hair:#2c2529; --accent:#ec4b4f; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--ground); color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.55;
}
main { width: min(680px, 100% - 48px); margin: 0 auto; padding: 40px 0 24px; }
.top { display: flex; align-items: baseline; gap: 14px; margin-bottom: 34px; }
.top a.brand { font-weight: 800; font-size: 20px; letter-spacing: -0.01em;
  color: var(--ink); text-decoration: none; }
.top a.brand .dot { color: var(--accent); }
h1 { font-size: 28px; letter-spacing: -0.015em; margin: 0 0 8px; }
h2 { font-size: 15px; text-transform: uppercase; letter-spacing: 0.05em;
  color: var(--muted); margin: 30px 0 8px; font-weight: 700; }
p, address { margin: 0 0 10px; font-style: normal; }
a { color: var(--accent); }
.card { background: var(--panel); border: 1px solid var(--hair);
  border-radius: 12px; padding: 18px 20px; margin: 14px 0; }
footer { width: min(680px, 100% - 48px); margin: 0 auto; padding: 20px 0 26px;
  border-top: 1px solid var(--hair); font-size: 13px; color: var(--muted);
  display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
footer a { color: var(--muted); }

/* Ersatz für die beiden früheren style="…"-Attribute: auch die verbietet
   `style-src 'self'` (nicht nur <style>-Blöcke). */
.hier { color: var(--muted); }
.eng { margin: 8px 0 0; }