.beschikbaarheid-spacer {
    --columns: 1;
    --gap: 32px;

    container-type: inline-size;
    display: flex;
    width: 100%;
    overflow: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-behavior: smooth;
}
@media (min-width:640px){
    .beschikbaarheid-spacer {
        --columns: 2;
    }
}
@media (min-width:1024px){
    .beschikbaarheid-spacer {
        --columns: 3;
    }
}
@media (min-width:1280px){
    .beschikbaarheid-spacer {
        --columns: 3;
        --gap: 64px;
    }
}
    .beschikbaarheid-maand {
        scroll-snap-align: start;
        margin-right: var(--gap);
        width: calc((100cqw -  (var(--gap) * (var(--columns) - 1))) / var(--columns));
        flex: 0 0 auto;
    }
    .beschikbaarheid-maand:last-child {
        margin-right: 0;
    }