/* Rechtsseiten im Gestaltungsrahmen der Startseite */
.legal-main { padding: var(--space-16) 0 var(--space-24); }
.legal { max-width: var(--content-narrow); }
.legal h1 { font-family: var(--font-display); font-size: var(--text-2xl); line-height: 1.08; margin: 0 0 var(--space-4); }
.legal h2 { font-family: var(--font-display); font-size: var(--text-lg); margin: var(--space-10) 0 var(--space-3); }
.legal h3 { font-size: var(--text-base); font-weight: 600; margin: var(--space-6) 0 var(--space-2); }
.legal p, .legal li { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.7; margin: 0 0 var(--space-3); }
.legal a { color: var(--color-primary); }
.legal .kicker { font-size: var(--text-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--color-text-faint); margin-bottom: var(--space-3); }
.legal .notice { border: 1px solid var(--color-accent); background: var(--color-accent-soft, #FBF3E2);
  border-radius: var(--radius-md); padding: var(--space-4); color: var(--color-text); margin: var(--space-6) 0 var(--space-10); font-size: var(--text-sm); }
.legal table { width: 100%; border-collapse: collapse; margin: 0 0 var(--space-4); font-size: var(--text-sm); }
.legal th, .legal td { text-align: left; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-divider); }