/* ==========================================================================
   legal.css — Cookies / Legal Notice / Privacy Policy / Terms & Conditions
   Ruhige, gut lesbare Textseite im Stil der übrigen Content-Seiten:
   Creme-Hintergrund, dunkle Serif-Schrift, goldene Trennlinie unter der
   Überschrift.
   ========================================================================== */

:root {
  --legal-bg: #f2ede1;
  --legal-ink: #1c2b2a;
  --legal-meta: #4d5a59;
  --legal-gold: #e7c250;
  --legal-serif: "Times New Roman", Times, "Liberation Serif", Georgia, serif;
}

body {
  background: var(--legal-bg);
  color: var(--legal-ink);
}

.legalWrapper {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(6.5rem, 12vw, 9rem) clamp(1.5rem, 5vw, 2.5rem)
    clamp(4rem, 8vw, 6rem);
}

.legalWrapper h2 {
  font-family: var(--legal-serif);
  font-weight: 400;
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  line-height: 1.2;
  color: var(--legal-ink);
  margin: 0 0 1.1rem;
}

.legalWrapper__rule {
  width: 60px;
  height: 1px;
  background: var(--legal-gold);
  margin: 0 0 2rem;
}

.legalWrapper p {
  font-family: var(--legal-serif);
  font-size: 1rem;
  line-height: 1.85;
  color: var(--legal-meta);
  margin: 0;
}

/* Etwas Luft zwischen den beiden Sprachblöcken (DE/EN), falls die
   Absätze getrennt sind statt in einem Fließtext */
.legalWrapper p + p {
  margin-top: 1.6rem;
}

/* ---------- Zwischenüberschriften & Sprachblöcke ---------- */

.legalWrapper h3 {
  font-family: var(--legal-serif);
  font-weight: 400;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--legal-ink);
  margin: 2.4rem 0 0.8rem;
}

.legalWrapper section + section {
  margin-top: 2.6rem;
  padding-top: 2.6rem;
  border-top: 1px solid var(--card-line, rgba(28, 43, 42, 0.18));
}

.legalWrapper address {
  font-style: normal;
  font-family: var(--legal-serif);
  font-size: 1rem;
  line-height: 1.85;
  color: var(--legal-meta);
}

.legalWrapper__meta {
  font-size: 0.9rem;
  color: var(--legal-meta);
  opacity: 0.8;
  margin-bottom: 1.6rem;
}
