.behandelingen_overzicht .behandelingen_overzicht_lijst {
    --bs-gutter-x: var(--spacing_6);
    row-gap: var(--spacing_6);
}

.behandelingen_overzicht .behandelingen_overzicht_item {
    background-color: var(--wit);
    color: var(--zwart);
    hyphens: auto;
}

.behandelingen_overzicht .behandelingen_overzicht_afbeelding {
    position: relative;
    aspect-ratio: 615 / 240;
}

.behandelingen_overzicht_met_rand .behandelingen_overzicht_item {
    border: 0.1rem solid #ededed;
}

.behandelingen_overzicht_3_koloms .behandelingen_overzicht_afbeelding {
    /* Figma: 390px card minus its borders, with a 241px image. */
    aspect-ratio: 388 / 241;
}

.behandelingen_overzicht .behandelingen_overzicht_afbeelding :is(picture, img) {
    position: absolute;
    inset: 0;
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.behandelingen_overzicht .behandelingen_overzicht_inhoud {
    padding: var(--spacing_3);
    gap: calc(var(--spacing_3) / 2);
}

.behandelingen_overzicht .behandelingen_overzicht_intro {
    color: color-mix(in srgb, var(--zwart) 75%, var(--wit));
}

.behandelingen_overzicht .behandelingen_overzicht_aantal {
    background-color: var(--beige);
    border-radius: calc(var(--spacing_3) / 2);
}