.slider-afbeeldingen {

}


.slider-afbeeldingen .wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}



/* slider */
.slider-afbeeldingen .image-container {
    max-width: 1280px;
    width: 100%;
    height: auto;
}
.slider-afbeeldingen .image-container > img{
    width: 100%;
    border-radius: 20px 20px;
}


.slider-afbeeldingen .splide {
    width: 100%; 
}
.slider-afbeeldingen .splide__arrow--prev {
    background: transparent;
    background-color: white;
    width: 71px;
    height: 72px;
    opacity: 1;
    left: -3em;
}
.slider-afbeeldingen .splide__arrow--next {
    background: transparent;
    background-color: white;
    width: 71px;
    height: 72px;
    opacity: 1;
    right: -3em;
}

.slider-afbeeldingen .splide__arrow svg {
    fill: #E419A4;
    height: 2.5em;
    width: 2.5em;
}





@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {

    .slider-afbeeldingen .wrapper {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 85%;
        gap: 45px;
        z-index: 2;
    }
    

    .slider-afbeeldingen .splide__arrow--next {
        background: transparent;
        background-color: white;
        width: 71px;
        height: 72px;
        opacity: 1;
        right: -3em;
    }

    .slider-afbeeldingen .splide__arrow--prev {
        background: transparent;
        background-color: white;
        width: 71px;
        height: 72px;
        opacity: 1;
        left: -3em;
    }

}

@media screen and (max-width: 767px) {


    .slider-afbeeldingen .splide__arrow--prev {
        background: transparent;
        background-color: white;
        width: 30px;
        height: 30px;
        opacity: 1;
        left: -1em;
    }
    .slider-afbeeldingen .splide__arrow--next {
        background: transparent;
        background-color: white;
        width: 30px;
        height: 30px;
        opacity: 1;
        right: -1em;
    }
    .slider-afbeeldingen .splide__arrow svg {
        fill: #176FD0;
        height: 1.5em;
        width: 1.5em;
    }

}