/* ═════════════════════════════════════════════════════════════════════
   SEITEN «IMPRESSUM» UND «DATENSCHUTZ» – seitenspezifische Ergänzungen zu css/style.css
   Header, Footer und Design-Tokens kommen unverändert aus css/style.css.
   Reiner Fliesstext-Inhalt (kein Kartenraster o. Ä.): grosszügige Leseweite,
   nummerierte Abschnitte mit klaren Zwischentiteln, dezente Trennlinien.
   ═════════════════════════════════════════════════════════════════════ */


/* KOPFBEREICH -------------------------------------------------------------
   Bewusst kompakt, wie bei der Kontaktseite: bei rechtlichen Inhalten zählt
   schnelles Auffinden der Angaben, kein Bildeindruck. */
.legal-head { padding-top: clamp(2.5rem, 6vw, 4rem); padding-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.legal-head__title { color: var(--blue-dark); }
.legal-head__claim {
  margin-top: .75rem;
  max-width: 42rem;
  font-size: clamp(1.0625rem, 2vw, 1.1875rem);
  color: var(--ink-soft);
}


/* INHALT --------------------------------------------------------------- */
.legal { padding-top: 0; }
.legal__wrap { max-width: 46rem; }

.legal__block + .legal__block {
  margin-top: clamp(2.25rem, 5vw, 3.25rem);
  padding-top: clamp(2.25rem, 5vw, 3.25rem);
  border-top: 1px solid var(--line);
}

.legal__block h2 {
  font-family: var(--font-head);
  font-weight: 400;
  font-synthesis: none;
  font-size: clamp(1.375rem, 2.4vw, 1.75rem);
  color: var(--blue-dark);
  margin-bottom: .85rem;
}
.legal__block h3 {
  font-family: var(--font-head);
  font-weight: 400;
  font-synthesis: none;
  font-size: 1.1875rem;
  color: var(--blue-dark);
  margin: 1.5rem 0 .6rem;
}
.legal__block p { max-width: 44rem; }
.legal__block p + p { margin-top: 1rem; }
.legal__block address { font-style: normal; }

.legal__block ul {
  margin-top: .85rem;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  max-width: 44rem;
}
.legal__block ul li {
  position: relative;
  padding-left: 1.35rem;
}
.legal__block ul li::before {
  content: "";
  position: absolute;
  left: 0; top: .6em;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--blue-light);
  background-color: #42A5F5 !important;
}

.legal__note {
  margin-top: clamp(2.25rem, 5vw, 3.25rem);
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius-m);
  background: #F2F8FE;
  background-color: #F2F8FE !important;
  color: var(--ink-soft);
  color-scheme: light only;
  font-size: .9375rem;
}