/* ==========================================================================
   Rechtliche Seiten – Impressum, Datenschutz
   ========================================================================== */

.legal .label { margin-bottom: var(--space-xsmall); }
.legal h1 { margin-bottom: var(--space-medium); hyphens: manual; }
.legal h2 {
  font-size: var(--fs-h3); line-height: 1.25; font-weight: 600; letter-spacing: -0.01em;
  margin: var(--spacer-large) 0 var(--space-xsmall); padding-top: var(--space-medium);
  border-top: 1px solid var(--c-linie);
}
.legal p, .legal li { color: var(--c-text-2); line-height: 1.65; }
.legal p + p { margin-top: var(--space-xsmall); }
.legal a { color: var(--c-koralle-dunkel); }

.legal__note {
  background: var(--c-weiss); border: 1px solid var(--c-linie); border-radius: var(--radius-l);
  padding: var(--space-small); font-size: var(--fs-small);
}

.legal__toc {
  margin-top: var(--space-medium); background: var(--c-weiss); border: 1px solid var(--c-linie);
  border-radius: var(--radius-l); padding: var(--space-medium);
}
.legal__toc .label { margin-bottom: var(--space-xsmall); }
.legal__toc ol { display: grid; gap: var(--space-xxsmall); padding-left: var(--space-small); }
.legal__toc a { color: var(--c-waldgruen); text-decoration: none; font-weight: 500; }
.legal__toc a:hover { color: var(--c-moos); text-decoration: underline; }

.legal h3 { font-size: var(--fs-body); font-weight: 600; margin: var(--space-medium) 0 var(--space-xxsmall); }
.legal h2 + h3 { margin-top: var(--space-small); }
.legal ul { display: grid; gap: var(--space-xxsmall); margin-top: var(--space-xsmall); padding-left: var(--space-small); }