/* ============================================================
   Rechtstext-Seiten
   Pages: #impressum, #datenschutz, #agb
   Long-form legal text with sections.

   Datenschutz und AGB standen bis 08.09.2026 als Abschnitte AUF der Impressum-Seite und
   erbten deren Styling; seit sie eigene Seiten sind (Frontend\Model\LegalPages), muessen
   ihre <main>-IDs hier mitgenannt werden - das CSS-Bundle enthaelt zwar alle Dateien, aber
   der Selektor griff nur bei #impressum.
   ============================================================ */

/* max-width via main.narrow (04-layout.css) gesetzt */

:is(#impressum, #datenschutz, #agb) > article > header {
  margin-block-end: var(--gap-section);
}

:is(#impressum, #datenschutz, #agb) > article > section {
  margin-block-end: var(--gap-block);
}

:is(#impressum, #datenschutz, #agb) > article > section h2 {
  font-size: var(--text-xl);
  margin-block-end: var(--gap-inline);
  padding-block-end: var(--space-2);
  border-bottom: 0.0625rem solid var(--color-border);
}

/* Cookie settings block */
#cookie-settings {
  padding: var(--padding-card);
  background: var(--color-bg-alt);
  border: 0.0625rem solid var(--color-panel-border);
  border-radius: var(--radius);
  margin-block-start: var(--gap-inline);
}

#cookie-status-list {
  margin-block-start: var(--gap-inline);
  margin-block-end: var(--gap-inline);
}

/* Verweise auf die ausgelagerten Rechtstexte, am Ende der Impressum-Seite.
   Bewusst schlicht: eine Linkliste, kein Kasten - sie soll den Rechtstext darueber nicht
   ueberstrahlen, aber klar als Weiterfuehrung lesbar sein. */
#impressum > article > section#rechtstexte {
  border-top: 0.0625rem solid var(--color-border);
  padding-block-start: var(--gap-inline);
}

/* An #rechtstexte gescopet, nicht an der blossen Klasse: 02-base.css setzt fuer Listen in
   Prosa-Containern `:is(.cms-text, .narrow, .landingpage) :is(ul, ol, .list)` (Spezifitaet 0,2,0)
   - ein blosses `.legal-links` (0,1,0) zoege dagegen den Kuerzeren. Den margin-block von dort behalten wir
   bewusst: die Liste soll Abstand zum Text darueber haben. */
#impressum > article > section#rechtstexte .legal-links {
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-inline);
}