/* =====================================================================
   LEGAL — Zusatzstile für Impressum und Datenschutz.
   Wird nur von den Rechtsseiten geladen.
   ===================================================================== */

.legal { padding: clamp(120px, 14vw, 170px) 0 var(--sec-pad); }
.legal h1 { margin-bottom: 34px; }

.legal__card { padding: clamp(26px, 4vw, 46px); border-radius: var(--r-lg); }
.legal__card h2 {
  font-size: 1.12rem;
  margin: 38px 0 10px;
  padding-top: 26px;
  border-top: 1px solid var(--glass-line);
}
.legal__card h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.legal__card h3 { font-size: 1rem; margin: 24px 0 8px; color: var(--c-aqua); }
.legal__card p, .legal__card li { font-size: 0.95rem; }
.legal__card ul { margin: 0 0 14px; padding-left: 20px; display: grid; gap: 6px; }
.legal__card a { color: var(--c-aqua); text-decoration: underline; text-underline-offset: 3px; }

.todo {
  padding: 1px 8px;
  border-radius: 6px;
  background: rgba(217, 107, 255, 0.14);
  box-shadow: 0 0 0 1px rgba(217, 107, 255, 0.34) inset;
  color: var(--c-magenta);
  font-size: 0.88em;
}

.legal__back { margin-top: 30px; }