.legal-page {
  padding-block-start: calc(var(--header-h) + var(--space-xl));
  padding-block-end: var(--space-2xl);
}

.legal-page__content {
  margin-inline: auto;
}

.legal-page h1 {
  margin-bottom: var(--space-md);
  background: var(--gradient-magic);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-all;
}

.legal-page h2 {
  font-size: 1.25rem;
  margin-block: var(--space-lg) var(--space-sm);
  color: var(--color-royal);
}

.legal-page p,
.legal-page li {
  margin-bottom: var(--space-sm);
  color: rgba(30, 34, 56, 0.88);
}

.legal-page ul {
  list-style: disc;
  padding-inline-start: 1.5rem;
  margin-bottom: var(--space-md);
}

.legal-page__updated {
  font-size: 0.85rem;
  opacity: 0.7;
  margin-bottom: var(--space-lg);
}

body[data-legal-page="datenschutz"] .footer a[href="datenschutz"],
body[data-legal-page="cookies"] .footer a[href="cookie-richtlinie"],
body[data-legal-page="terms"] .footer a[href="nutzungsbedingungen"] {
  color: var(--color-golden);
  font-weight: 700;
}

.footer__grid h3 {
  margin-bottom: 20px;
  color: var(--color-moon);
  font-size: 1rem;
}

.footer ul li {
  margin-bottom: 0.35rem;
}