/* ==========================================================================
   Impressum & Datenschutz — Unterseiten im Daniel-Otmar-CI (baut auf otmar.css auf)
   ========================================================================== */
.legal { background: var(--white); padding: clamp(48px, 6vw, 96px) 0 var(--section-y); }
.legal .container { max-width: 820px; }
.legal h1 { font-size: clamp(36px, 4.6vw, 60px); margin: 0 0 var(--s4); }
.legal h2 {
  font-family: var(--font-body); font-size: 13px; font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.4;
  color: var(--navy); margin: var(--s5) 0 var(--s2);
}
.legal h3 { font-size: 22px; margin: var(--s3) 0 var(--s1); }
.legal p, .legal li { font-size: 16px; line-height: 1.75; color: var(--ink-muted); }
.legal p { margin: 0 0 var(--s2); }
.legal address { font-style: normal; font-size: 16px; line-height: 1.75; color: var(--navy); margin: 0 0 var(--s2); }
.legal ul { list-style: disc; padding-left: 1.2em; margin: 0 0 var(--s2); }
.legal li { margin-bottom: 4px; }
.legal a:not(.btn) {
  color: var(--navy); text-decoration: underline;
  text-decoration-color: var(--gold); text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.legal a:not(.btn):hover { color: var(--gold-text, #8F7134); }
.legal .legal-stand { margin-top: var(--s5); font-size: 13px; color: var(--taupe); }
@media (max-width: 599px) {
  .legal p, .legal li, .legal address { font-size: 15px; }
}