/* legal.css — Impressum, Datenschutz, Haftungsausschluss und das
   Consent-Banner (#19). site.css bleibt unverändert (#18): eigene Datei,
   nach site.css geladen. */

.legal {
  max-width: 46rem;
}

.legal h2 {
  margin-top: 1.75em;
}

/* Consent-Banner: standardmäßig abgelehnt. Es erscheint nur, wenn Statistik
   eingerichtet ist (Server-Rendering in consent.html) und noch keine
   Entscheidung gespeichert wurde (consent.js). Beide Knöpfe haben dasselbe
   Gewicht; «zweit» wird hier absichtlich nicht verwendet. */
.consent {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  padding: 1rem 0;
  background: var(--farbe-akzent-dunkel);
  color: #fff;
  box-shadow: 0 -2px 12px rgb(0 0 0 / 0.25);
}

.consent[hidden] {
  display: none;
}

.consent p {
  margin: 0 0 0.6rem;
}

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

.consent a {
  color: #fff;
}

.consent-schaltflaechen {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@media print {
  .consent {
    display: none;
  }
}