/* Rechtsseiten (Impressum, Datenschutz, AGB) — ausgelagert, damit die CSP ohne 'unsafe-inline' auskommt. */
.legal-page {
  padding-top: 8rem;
  max-width: 58rem;
}

.legal-doc {
  display: grid;
  gap: clamp(1.4rem, 3vw, 2.2rem);
}

.legal-intro,
.legal-block {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(22, 25, 31, 0.64);
  padding: clamp(1.15rem, 3vw, 1.9rem);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
}

.legal-intro p,
.legal-block p {
  margin: 0;
  color: var(--muted);
}

.legal-intro p + p,
.legal-block p + p {
  margin-top: 0.9rem;
}

.legal-block h2 {
  color: var(--paper);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  line-height: 1.25;
  margin-bottom: 0.85rem;
}

.legal-block ul,
.legal-block ol {
  margin: 0.85rem 0 0;
  padding-left: 1.25rem;
  color: var(--muted);
}

.legal-block li + li {
  margin-top: 0.45rem;
}

.legal-note {
  border-left: 3px solid var(--petrol);
  padding-left: 1rem;
}

.legal-meta {
  margin-top: -1.8rem;
  margin-bottom: 2rem;
  color: var(--muted);
  font-size: 0.95rem;
}

.legal-address {
  line-height: 1.75;
}

@media (max-width: 640px) {
  .legal-page {
    padding-top: 7rem;
  }
}