/* Geen .block--padding vanwege de achtergrondkleur; wel dezelfde ruimte tot het volgende block, maar dan als margin */
.block__landingpageintro {
    margin-bottom: var(--padding-section);
}

    .block__landingpageintro.block--nobottommargin {
        margin-bottom: 0;
    }

/* Introblok van een landingpage. De redacteur kiest de achtergrondkleur zelf; die komt via --landingpageintro-background
   in het style-attribuut binnen. Zonder gekozen kleur is het roze. */
.landingpageintro {
    background-color: var(--landingpageintro-background, var(--pink));
    border-radius: 4rem;
    padding: var(--padding-section) 0;
}

/* Op een donkere achtergrondkleur (zie StringExtensions.IsDarkColor) wordt de tekst wit */
.landingpageintro--dark {
    color: var(--white);
}

    .landingpageintro--dark .richtext a:not(.button) {
        background-image: linear-gradient(var(--white), var(--white));
        color: var(--white);
    }

    .landingpageintro--dark .richtext ul li:before {
        background-color: var(--white);
    }