/* Themenübersicht. Die Liste selbst steht in komponenten.css, weil sie
   auch am Fuss jeder Inhaltsseite erscheint und dort diese Datei nicht
   geladen wird. Nur vorhandene Custom Properties. */

/* Der Bereich der Gruppen beginnt sichtbar: eine Haarlinie trennt ihn vom
   Einleitungstext, damit die erste Gruppenueberschrift nicht wie eine
   Fortsetzung des Textes wirkt. */
.themenuebersicht .themengruppen {
    border-top: 1px solid var(--color-bg-dark);
    margin-top: var(--space-3xl);
    padding-top: var(--space-xl);
}

.themenuebersicht .thema {
    margin-top: var(--space-3xl);
}

.themenuebersicht .themengruppen .thema:first-of-type {
    margin-top: var(--space-xl);
}

/* Die Gruppenueberschrift der Uebersicht steht mittig wie jede andere
   Abschnittsueberschrift. Der Weiterweg-Block am Fuss einer Inhaltsseite
   bleibt linksbuendig: er ist eine Rubrik, keine Abschnittsueberschrift. */
.themenuebersicht .thema h2 {
    text-align: center;
}

.themenuebersicht .thema h2::after {
    margin-inline: auto;
}