/* Gemeinsame Gestaltung für Impressum und Datenschutzerklärung, in den Farben der Hauptseite */
:root { --bg: #f4f6f5; --surface: #ffffff; --ink: #14201f; --muted: #4a5a58; --line: #dde4e2; --petrol: #0f3d3e; --petrol-ink: #f2f7f6; --amber: #f0a23b; --amber-soft: #fdf1df; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #101c1b; --surface: #162624; --ink: #eef3f2; --muted: #a7b8b5; --line: #2a3a38; --petrol: #0b2f30; --amber-soft: #3a2a14; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: "Funnel Sans", "Segoe UI", Arial, sans-serif; font-size: 17px; line-height: 1.65; }
header { background: var(--petrol); color: var(--petrol-ink); padding: 16px max(16px, env(safe-area-inset-right, 0px)) 16px max(16px, env(safe-area-inset-left, 0px)); }
header .innen, main { max-width: 760px; margin: 0 auto; }
header .innen { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
header a { color: inherit; font-weight: 650; text-decoration: none; }
.marke { display: inline-flex; align-items: center; gap: 10px; font-family: "Funnel Display", "Segoe UI", Arial, sans-serif; font-size: 19px; letter-spacing: 0.01em; text-transform: uppercase; }
.marke b { font-weight: 800; } .marke span { font-weight: 400; }
.marke svg { width: 36px; height: 32px; }
main { padding: 48px max(16px, env(safe-area-inset-right, 0px)) 80px max(16px, env(safe-area-inset-left, 0px)); }
h1 { font-family: "Funnel Display", "Segoe UI", Arial, sans-serif; font-size: clamp(34px, 6vw, 52px); line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 28px; }
h2 { font-family: "Funnel Display", "Segoe UI", Arial, sans-serif; font-size: 22px; margin: 36px 0 8px; letter-spacing: -0.01em; }
p, ul { margin: 0 0 14px; max-width: 68ch; }
a { color: inherit; }
.ph { background: var(--amber-soft); border-radius: 5px; padding: 0 0.3em; }
.hinweis { background: var(--amber-soft); border-radius: 14px; padding: 14px 18px; margin-bottom: 28px; font-size: 15px; }
footer { border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; padding: 24px 16px; text-align: center; }