/* Rechtsseiten (/impressum/, /datenschutz/).
   Reiner Fließtext — eine Spalte, keine Bilder, keine Bausteine. Nutzt die
   Design-Tokens der Seite (--color-kit-*, Fira Sans) und bringt keine eigenen
   Farben mit; die Fallbacks stehen dran, weil die Tokens erst im Onepage-CSS
   definiert werden und dieses Stylesheet davor geladen wird — dieselbe Regel
   wie in themenseiten.css.
   Der Abstand oben (168 px / 196 px schmal) ist der der Themenseiten-Heros:
   die Kopfzeile steht fest über dem Inhalt. */

.wk-legal {
  background: var(--color-kit-white, #FFFFFF);
  color: var(--color-kit-dark, #0A2115);
  font-family: 'Fira Sans Condensed', Arial, sans-serif;
}

.wk-legal__inner {
  max-width: 860px;
  margin: 0 auto;
  padding: 168px 24px 80px;
}

.wk-legal h1 {
  font-family: 'Fira Sans Extra Condensed', 'Fira Sans Condensed', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.05;
  font-size: clamp(34px, 5vw, 60px);
  margin: 0 0 28px;
}

.wk-legal h2 {
  font-family: 'Fira Sans Extra Condensed', 'Fira Sans Condensed', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.15;
  font-size: clamp(22px, 2.4vw, 28px);
  margin: 44px 0 12px;
}

.wk-legal h3 {
  font-family: 'Fira Sans Condensed', Arial, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  font-size: clamp(17px, 1.8vw, 20px);
  margin: 30px 0 8px;
}

.wk-legal p,
.wk-legal li {
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 14px;
}

.wk-legal ul,
.wk-legal ol { margin: 0 0 18px; padding-left: 22px; }
.wk-legal li { margin-bottom: 6px; }

/* Adressblock des Impressums: die einzelnen Zeilen stehen in der Quelle als
   eigene Absätze — mit dem vollen Absatzabstand liest sich das nicht als
   Anschrift. Nur bis zur ersten Überschrift, danach gilt wieder der Fließtext.
   NUR fürs Impressum (`.wk-legal--impressum`): Auf den anderen Rechtsseiten
   folgt auf die Überschrift laufender Text, der den normalen Abstand braucht. */
.wk-legal--impressum h1 + p,
.wk-legal--impressum h1 + p + p,
.wk-legal--impressum h1 + p + p + p,
.wk-legal--impressum h1 + p + p + p + p,
.wk-legal--impressum h1 + p + p + p + p + p,
.wk-legal--impressum h1 + p + p + p + p + p + p,
.wk-legal--impressum h1 + p + p + p + p + p + p + p,
.wk-legal--impressum h1 + p + p + p + p + p + p + p + p,
.wk-legal--impressum h1 + p + p + p + p + p + p + p + p + p,
.wk-legal--impressum h1 + p + p + p + p + p + p + p + p + p + p { margin-bottom: 2px; }

.wk-legal a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--color-kit-key1, #86CA58);
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.14em;
}
.wk-legal a:hover { text-decoration-thickness: 0.2em; }

.wk-legal small { font-size: 14px; opacity: 0.75; }

@media (max-width: 900px) {
  .wk-legal__inner { padding-top: 196px; padding-bottom: 56px; }
}