/* legal.css — Styles für Impressum & Datenschutz, inkl. lokal gehosteter Schrift */

/* Lokaler Font (self-hosted, DSGVO-konform, keine externen Requests).
   Lege die WOFF2-Dateien unter fonts/ ab (siehe fonts/README.md). */
@font-face {
  font-family: "AppSans";
  src: url("fonts/inter-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AppSans";
  src: url("fonts/inter-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --navy: #232f3e;
  --orange: #ec7211;
  --text: #1c2530;
  --muted: #5b6675;
  --border: #e2e6ea;
  --bg: #f4f6f8;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: "AppSans", "Segoe UI", Tahoma, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}

.legal {
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 24px 80px;
}
.legal-back { margin: 0 0 20px; }
.legal-logo { height: 64px; width: auto; display: block; margin: 0 0 24px; }
.legal-back a, .legal-links a { color: var(--orange); text-decoration: none; font-weight: 600; }
.legal-back a:hover, .legal-links a:hover { text-decoration: underline; }

.legal h1 {
  font-size: 28px; font-weight: 600; margin: 0 0 6px; color: var(--navy);
}
.legal h2 {
  font-size: 17px; font-weight: 600; margin: 28px 0 8px; color: var(--navy);
  border-bottom: 2px solid var(--orange); display: inline-block; padding-bottom: 3px;
}
.legal p, .legal ul { margin: 8px 0; }
.legal ul { padding-left: 22px; }
.legal a { color: #0a5cad; }
.legal-meta { color: var(--muted); font-size: 13px; }

.legal-note {
  background: #fff8ef; border: 1px solid #f2d3a8; border-radius: 8px;
  padding: 12px 14px; font-size: 13px; margin: 16px 0 8px;
}
.ph {
  background: #fff3cd; border: 1px dashed #d9a441; border-radius: 4px;
  padding: 0 5px; font-style: normal; color: #7a5300;
}
.legal-links { margin-top: 40px; border-top: 1px solid var(--border); padding-top: 16px; }