/* ============================================================
   Legal pages (Impressum / Datenschutz)
   Reuses design tokens from style.css (:root variables)
   ============================================================ */

.legal-body {
  background: var(--bg);
}

.legal {
  padding: clamp(7rem, 12vh, 10rem) var(--pad-x) clamp(4rem, 8vh, 7rem);
}

.legal__inner {
  max-width: 760px;
  margin: 0 auto;
}

.legal__eyebrow {
  font-family: var(--sans);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-deep);
  margin: 0 0 0.9rem;
}

.legal__title {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.4rem, 6vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0 0 0.8rem;
}

.legal__lead {
  font-size: 1.05rem;
  color: var(--ink-soft);
  margin: 0 0 2.8rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--line);
}

.legal__block {
  margin: 0 0 2.4rem;
}

.legal__block h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.35rem;
  line-height: 1.2;
  color: var(--ink);
  margin: 0 0 0.75rem;
}

.legal__block p {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink-soft);
  margin: 0 0 1rem;
}

.legal__block p:last-child {
  margin-bottom: 0;
}

.legal__block ul {
  margin: 0 0 1rem;
  padding-left: 1.3rem;
}

.legal__block li {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink-soft);
  margin-bottom: 0.35rem;
}

.legal__block a {
  color: var(--accent-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-word;
}

.legal__block a:hover {
  color: var(--accent);
}

.legal__back {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line);
}

.legal__back a {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--accent-deep);
  text-decoration: none;
}

.legal__back a:hover {
  color: var(--accent);
}

/* ------------------------------------------------------------
   Dichte Variante (Datenschutz): kompakter, förmlicher,
   Fließtext-lastig – bleibt bewusst gut lesbar (Art. 12 DSGVO)
   ------------------------------------------------------------ */

.legal-body--dense .legal__inner {
  max-width: 820px;
}

.legal-body--dense .legal__lead {
  margin-bottom: 2rem;
  padding-bottom: 1.4rem;
  font-size: 0.98rem;
}

.legal-body--dense .legal__block {
  margin-bottom: 1.35rem;
}

.legal-body--dense .legal__block h2 {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.35rem;
}

.legal-body--dense .legal__block p {
  font-size: 0.92rem;
  line-height: 1.55;
  text-align: justify;
  hyphens: auto;
  margin-bottom: 0.55rem;
}