/* WiA Textabschnitt.
   Masse aus dem Bestand der Leistungsseiten uebernommen (gemessen am
   24.08.2026 auf /seniorengerechtes-quartiersmanagement/):
     Abstand Ueberschrift zu Text   30px
     Abstand zwischen Abschnitten   45px (setzt der Elternteil)
     Ueberschrift                   32px Lora, Gewicht 400, 1.2
     Text                           16px Inter, 1.7 */

.wia-textabschnitt {
  display: flex;
  flex-direction: column;
  gap: 30px;
  inline-size: 100%;
  /* Ausdruecklich: Bricks gibt seinen Elementhuellen je nach Kontext
     align-items: center oder flex-start mit. Beides schrumpft die Kinder
     auf ihre Inhaltsbreite, die Ueberschrift stuende dann mittig. */
  align-items: stretch;
}

.wia-textabschnitt__titel {
  margin: 0;
  /* Die Ueberschrift ist das Sprungziel des Inhaltsverzeichnisses: etwas
     Luft, damit sie nicht unter der Kopfleiste klebt (BITV 9.2.4.1). */
  scroll-margin-block-start: 90px;
  font-size: var(--h2, 3.2rem);
  font-weight: 400;
  line-height: 1.2;
  color: var(--base-dark, #404040);
  text-wrap: balance;
}

.wia-textabschnitt__text {
  font-size: var(--text-m, 1.8rem);
  line-height: 1.7;
  color: var(--base-dark, #404040);
}

/* Die Absaende kommen aus dem Fluss, nicht aus Einzelabstaenden:
   der Bestand setzt die Absaetze auf margin 0 und regelt den Abstand
   ueber den Container. Hier bleibt es bei einem klaren Zeilenabstand. */
.wia-textabschnitt__text > * {
  margin-block: 0;
}

.wia-textabschnitt__text > * + * {
  margin-block-start: 16px;
}

.wia-textabschnitt__text ul,
.wia-textabschnitt__text ol {
  padding-inline-start: 32px;
}

.wia-textabschnitt__text li + li {
  margin-block-start: 4px;
}

/* Lange Verweise brechen um statt die Spalte zu sprengen (Reflow 320 px). */
.wia-textabschnitt__text a {
  overflow-wrap: anywhere;
}