/* =============================================================================
   LAYOUT FÜR DIE RECHTSTEXTE  ·  Impressum & Datenschutz
   -----------------------------------------------------------------------------
   Diese Regeln standen früher als <style>-Block direkt in den beiden HTML-Seiten.
   Sie liegen jetzt hier in einer eigenen Datei, damit die Content-Security-Policy
   in der .htaccess KEIN "unsafe-inline" für Styles erlauben muss.

   Kurz gesagt: Solange keine Stile mehr direkt im HTML stehen, kann der Browser
   striktere Regeln durchsetzen. Deshalb bitte nichts hiervon zurück ins HTML
   verschieben.
   ========================================================================== */

.legal { max-width: 760px; margin: 0 auto; padding: clamp(5rem, 12vh, 9rem) var(--pad) 6rem; }

.legal__back { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--ink-dim); display: inline-block; margin-bottom: 2.5rem; }
.legal__back:hover { color: var(--accent); }

.legal__eyebrow { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--accent); display: block; margin-bottom: 0.6rem; }

.legal h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: 0.01em; font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.05; margin-bottom: 2.5rem; }
.legal h2 { font-family: var(--font-display); font-weight: 400; letter-spacing: 0.01em; font-size: 1.35rem;
  margin: 2.8rem 0 0.7rem; }
.legal h3 { font-size: 1rem; font-weight: 600; margin: 1.5rem 0 0.3rem; }

.legal p, .legal address, .legal li { color: var(--ink); font-style: normal; margin-bottom: 0.9rem; }
.legal ul { padding-left: 1.2rem; margin-bottom: 0.9rem; }
.legal li { margin-bottom: 0.3rem; }
.legal address { line-height: 1.7; }

.legal a[href^="mailto"], .legal a[href^="tel"], .legal a[href^="http"] { color: var(--accent); }
.legal a:hover { text-decoration: underline; }

.legal hr { border: none; border-top: 1px solid var(--line); margin: 3rem 0; }
.legal small { color: var(--ink-dim); }

.legal__foot { max-width: 760px; margin: 0 auto; padding: 0 var(--pad) 4rem;
  font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--ink-dim); }
.legal__foot a:hover { color: var(--accent); }