/*
 * Fallwerk – Impressum und Datenschutzerklärung (I1, DEC-078)
 * Ruhige Textseite außerhalb von Anmeldung und Gerätesperre: Lesebreite, Abstände zwischen Abschnitten, Rückverweis und
 * wechselseitige Links. Nur vorhandene Tokens, keine eigenen Farben, Schriftgrößen, Abstände oder Breakpoints.
 * Druck ist über theme.css immer hell (DEC-056).
 */
.legal {
  padding: var(--space-5) var(--space-4);
}

.legal__page {
  display: grid;
  gap: var(--space-3);
  max-width: var(--reading-max-width);
  margin-inline: auto;
  /* Lange Adressen und Wörter brechen auch in schmalen Fenstern um (kein horizontaler Überlauf). */
  overflow-wrap: anywhere;
}

.legal__section {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.legal__address {
  font-style: normal;
}

.legal__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--color-border);
}

@media print {
  .legal__back,
  .legal__links {
    display: none;
  }
}