
.row_content_kolommen {
    row-gap: 2.5rem;
}
.header_vervolg_sidebar {
    padding-bottom: 4.5rem;
}
.header_vervolg_sidebar {
    font-size: 1.6rem;
}
.header_vervolg_sidebar p + ul {
    margin-top: -2.5rem;
}
.contentblok.header_vervolg {
    margin-top: 0;
    color: var(--color-wit);
    z-index: 2;
}
.header_vervolg_afbeelding {
    position: relative;
    margin-bottom: -10rem;
}
.header_vervolg_afbeelding img {
    --hoek: calc(100% - 40px);
    clip-path: polygon(0 0, var(--hoek) 0%, 100% 40px, 100% 100%, 0 100%, 0 100%);
}
.header_vervolg_afbeelding .swiper-nav {
    position: relative;
    z-index: 2;
    display: flex;
    bottom: 0;
}
.headerslider_container {
    position: relative;
}
.headerslider_container .swiper-nav button {
    width: 5rem;
    height: 5rem;
    right: initial;
    left: initial;
    border: none;
    position: relative;
    font-size: 2.2rem;
    padding: 0;
    margin: 0;
    color: var(--color-wit);
    background-color: var(--color-blauw);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.headerslider_container .swiper-nav button::after {
    display: none;
}
.header_vervolg .button-groen:hover {
    color: #fff!important;
}



/* MEDIA QUERIES - MOBILE FIRST */ 

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .header_vervolg_afbeelding img {
        --hoek: calc(100% - 75px);
        clip-path: polygon(0 0, var(--hoek) 0%, 100% 75px, 100% 100%, 0 100%, 0 100%);
    }
    .contentblok.header_vervolg h1 {
        margin-bottom: 5rem;
    }
}

@media (min-width: 992px) {

    .header_vervolg_afbeelding {
        margin-bottom: -16rem;
    }
    /* .contentblok.header_vervolg:has(.header_vervolg_afbeelding) + .contentblok {
        margin-top: calc(15rem + var(--contentblok-margin-top));
    } */
    .headerslider_container .swiper-nav {
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
    }
    
    .headerslider_container .swiper-nav button {
        width: 6rem;
        height: 6rem;
        font-size: 2.6rem;
    }
    .headerslider_container .swiper-nav button.swiper-button-next {
        background-color: var(--color-wit);
        color: var(--color-blauw);
    }
    .headerslider_container .swiper-nav button.swiper-button-prev:hover {
        background-color: var(--color-grijs);
    }
    .headerslider_container .swiper-nav button.swiper-button-next:hover {
        background-color: var(--color-blauw);
        color: var(--color-wit);
    }
}

@media (min-width: 1200px) {
    .header_vervolg_content {
        margin-bottom: 9.5rem;
    }
    .row_header_vervolg_content {
        --bs-gutter-y: 7rem; 
    }
    .header_vervolg_afbeelding {
        /* margin-bottom: -20rem; */
        margin-bottom: 0rem;
        /* height: 40vh; */
    }
    .header_vervolg_afbeelding img {
        --hoek: calc(100% - 175px);
        clip-path: polygon(0 0, var(--hoek) 0%, 100% 175px, 100% 100%, 0 100%, 0 100%);
    }
}

@media (min-width: 1400px) {
    .header_vervolg_sidebar p {
        --standaard-margin-bottom: 3rem;
    }
    .header_vervolg_content p.tekst_groter {
        --standaard-margin-bottom: 6rem;
    }
}

@media (min-width: 1920px) {
    /* .contentblok.header_vervolg:has(.header_vervolg_afbeelding) + .contentblok {
        margin-top: calc(19.5rem + var(--contentblok-margin-top));
    } */
    .contentblok.header_vervolg h1 {
        margin-bottom: 8rem;
    }
    .header_vervolg_afbeelding {
        /* margin-bottom: -20rem; */
    }
}

@media (min-width: 2560px) {
}