.text-spalten {
    --pico-color: var(--babel-darkred);
    --pico-h1-color: var(--babel-darkred);
    --pico-h2-color: var(--babel-darkred);
    --pico-h3-color: var(--babel-darkred);
}

.text-spalten__titel,
.text-spalten__inhalt p,
.text-spalten__inhalt h1,
.text-spalten__inhalt h2,
.text-spalten__inhalt h3,
.text-spalten__inhalt li,
.text-spalten__inhalt a {
    color: var(--babel-darkred);
}

.text-spalten__inhalt p a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.text-spalten__inhalt p a:hover {
    color: inherit;
    border-bottom-width: 2px;
}

.text-spalten__inhalt {
    column-gap: 2rem;
}

.text-spalten__inhalt h2,
.text-spalten__inhalt h3 {
    break-after: avoid;
}

.text-spalten--zweispaltig .text-spalten__inhalt {
    columns: 1;
}

@media (min-width: 769px) {
    .text-spalten--zweispaltig .text-spalten__inhalt {
        columns: 2;
    }
}