.arrangement_overzicht .arrangement_overzicht_lijst {
    --bs-gutter-x: var(--spacing_6);
    row-gap: var(--spacing_6);
}

.arrangement_overzicht .arrangement_overzicht_item {
    gap: var(--spacing_3);
    hyphens: auto;
}

.arrangement_overzicht .arrangement_overzicht_afbeelding {
    position: relative;
    aspect-ratio: 630 / 390;
}

.arrangement_overzicht .arrangement_overzicht_afbeelding :is(picture, img) {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arrangement_overzicht .arrangement_overzicht_label {
    position: absolute;
    inset-inline: calc(var(--spacing_3) / 2) auto;
    bottom: calc(var(--spacing_3) / 2);
    max-width: calc(100% - var(--spacing_3));
}

.arrangement_overzicht .arrangement_overzicht_inhoud {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing_3) * 2 / 3);
}

.arrangement_overzicht .arrangement_overzicht_kop,
.arrangement_overzicht .arrangement_overzicht_voet {
    gap: calc(var(--spacing_3) / 2);
}

.arrangement_overzicht .arrangement_overzicht_hoofdkop {
    color: color-mix(in srgb, var(--zwart) 75%, var(--wit));
    margin-bottom: calc(var(--spacing_3) / 3);
}

.arrangement_overzicht .arrangement_niveau.niveau_goud {
    color: var(--bruin);
}

.arrangement_overzicht .arrangement_overzicht_intro ul {
    padding: 0;
    list-style: none;
}

.arrangement_overzicht .arrangement_overzicht_intro ul li {
    position: relative;
    padding-left: calc(1em + var(--spacing_3) / 6);
}

.arrangement_overzicht .arrangement_overzicht_intro ul li + li {
    margin-top: calc(var(--spacing_3) / 6);
}

.arrangement_overzicht .arrangement_overzicht_intro ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f00c";
    font-family: 'Font Awesome 6 Pro';
    color: color-mix(in srgb, var(--zwart) 75%, var(--wit));
    font-weight: 300;
}
