/**
 * legal.css
 *
 * Typografie für Impressum und Datenschutzerklärung — bewusst als reiner
 * Fließtext gehalten (keine Panels/Karten), da Rechtstexte gut lesbar,
 * nicht "gestylt" wirken sollen.
 */

.legal-content {
  max-width: 720px;
  padding-top: var(--space-6);
  padding-bottom: var(--space-7);
}

.legal-content h1 {
  font-size: 28px;
  margin-bottom: var(--space-5);
}

.legal-content h2 {
  font-size: 16px;
  color: var(--color-brass-bright);
  margin-top: var(--space-6);
  margin-bottom: var(--space-2);
}

.legal-content h3 {
  font-size: 13px;
  color: var(--color-text-dim);
  text-transform: none;
  letter-spacing: normal;
  margin-top: var(--space-4);
  margin-bottom: var(--space-1);
}

.legal-content p,
.legal-content li {
  color: var(--color-text-dim);
  line-height: 1.7;
}

.legal-content ul {
  padding-left: 1.2em;
}

.legal-content a {
  color: var(--color-brass-bright);
}

.legal-notice {
  background: rgba(201, 151, 79, 0.1);
  border: 1px solid var(--color-brass-dim);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  color: var(--color-text);
  font-size: 13px;
  margin-bottom: var(--space-6);
}

.legal-updated {
  margin-top: var(--space-6);
  font-size: 12px;
  color: var(--color-text-faint);
}