.doorkiesblokken .doorkiesblokken_container{
    row-gap: var(--spacing_3);
}

.doorkiesblokken .tussenruimte_6{
    --bs-gutter-x: var(--spacing_6);
}

.doorkiesblokken .tussenruimte_8{
    --bs-gutter-x: var(--spacing_8);
}

.doorkiesblokken .doorkiesblok_item{
    position: relative;
    display: grid;
    align-items: center;
    aspect-ratio: 630 / 420;
    padding: var(--spacing_3);
    background: var(--zwart);
    text-decoration: none;
}

.doorkiesblokken .doorkiesblok_afbeelding,
.doorkiesblokken .doorkiesblok_item::before{
    position: absolute;
    inset: 0;
}

.doorkiesblokken .doorkiesblok_afbeelding picture{
    display: flex;
    width: 100%;
    height: 100%;
}

.doorkiesblokken .doorkiesblok_afbeelding img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.doorkiesblokken .doorkiesblok_item::before{
    content: "";
    z-index: 1;
    background: color-mix(in srgb, var(--zwart) 40%, transparent);
    pointer-events: none;
}

.doorkiesblokken .doorkiesblok_item__titel{
    position: relative;
    z-index: 1;
    color: var(--wit);
    hyphens: auto;
}

.doorkiesblokken .doorkiesblok_afbeelding{
    overflow: hidden;
}

.doorkiesblokken a.doorkiesblok_item .doorkiesblok_afbeelding img{
    transition: transform 0.6s ease;
}

.doorkiesblokken a.doorkiesblok_item::before{
    transition: background-color 0.6s ease;
}

.doorkiesblokken a.doorkiesblok_item:is(:hover, :focus-visible) .doorkiesblok_afbeelding img{
    /* A restrained 3% photo zoom; the title and card stay still. */
    transform: scale(1.03);
}

.doorkiesblokken a.doorkiesblok_item:is(:hover, :focus-visible)::before{
    background-color: color-mix(in srgb, var(--zwart) 50%, transparent);
}

.doorkiesblokken_met_slider{
    overflow: clip;
}

.doorkiesblokken_met_slider .tns-ovh{
    overflow: visible !important;
}

.doorkiesblokken_met_slider .doorkiesblokken_slider{
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}

.doorkiesblokken_met_slider .doorkiesblokken_slider > div{
    padding-left: 0;
    -webkit-user-select: none;
    user-select: none;
}

.doorkiesblokken .doorkiesblokken_slider .doorkiesblok_item{
    aspect-ratio: 300 / 175;
}

.doorkiesblokken_met_slider .doorkiesblok_item{
    cursor: grab;
}

.doorkiesblokken_met_slider .doorkiesblok_item:active{
    cursor: grabbing;
}

@media (max-width:767px){
    .doorkiesblokken .doorkiesblok_item,
    .doorkiesblokken .doorkiesblokken_slider .doorkiesblok_item{
        aspect-ratio: 335 / 120;
    }
}

@media (max-width:767px){
    .doorkiesblokken .doorkiesblok_item,
    .doorkiesblokken .doorkiesblokken_slider .doorkiesblok_item{
        aspect-ratio: 335 / 120;
    }
}

@media (prefers-reduced-motion: reduce){
    .doorkiesblokken a.doorkiesblok_item::before,
    .doorkiesblokken a.doorkiesblok_item .doorkiesblok_afbeelding img{
        transition: none;
    }

    .doorkiesblokken a.doorkiesblok_item:is(:hover, :focus-visible) .doorkiesblok_afbeelding img{
        transform: none;
    }
}