/* =============================================================
   pages/rechtstext.css — Impressum und Datenschutz
   ============================================================= */

.legal { padding-block: var(--space-sm) var(--space-lg); }

.legal__body {
  padding-inline: 10px;
  font-family: var(--f-heading);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Das Impressum nutzt im Original die Display-Schrift für den Fließtext. */
[data-page="impressum"] .legal__body { font-family: var(--f-display); }

.legal__title {
  margin: 0 0 var(--space-sm);
  font-family: var(--f-display);
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
}

.legal__body h2 {
  margin: 8px 0 16px;
  font-family: var(--f-heading);
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

.legal__body h3 {
  margin: 8px 0 16px;
  font-family: var(--f-heading);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.legal__body p  { margin: 0 0 14.4px; }
.legal__body ul { margin: 0; padding-left: 40px; list-style: disc; }
.legal__body li { margin: 0; }

.legal__body a {
  color: #CC3366;
  text-decoration: underline;
  word-break: break-word;
}
.legal__body a:hover { color: var(--c-accent); }

/* Rechtstexte laufen auf kleinen Geräten fast randlos, wie bisher. */
@media (max-width: 1024px) {
  .legal > .container { padding-inline: 0; }
  .legal__body h3 { font-size: var(--fs-h5); }
}