/* --------------------- section 1 - Titel --------------------- */
.sectie1 .cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 30px;
}

.cta-row .btn{
    margin-top: 0px;
}

.sectie1.header {
    width: 100vw;
    min-height: 80vh;
    position: relative;
    z-index: 1;
    margin-top: -80px;
}

.sectie1.header img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    position: absolute;
    z-index: 0;
}

.sectie1.header .overlay {
    width: 100%;
    height: 100%;

    object-fit: cover;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
}

.container.header-text {
    position: absolute;
    bottom: 10vh;
    left: 10vw;

    z-index: 2;
    max-width: 35%;
}


/* --------------------- modellen --------------------- */
.modellen .split{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.modellen{
    margin-bottom: 75px !important;
     margin-top: 25px !important;
}

.modellen h2{
    margin-bottom: 15px;
}
/* --------------------- footer--------------------- */


/* --------------------- Laad scherm --------------------- */


/* --------------------- Fontchange scherm --------------------- */

/* --------------------- Mediaquerries --------------------- */
@media screen and (max-width: 1300px) {
    .container.header-text {
    max-width: 45%;
}
.modellen .split{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Tablet */
@media screen and (max-width: 1023px) {

    .sectie2 .container img {
        aspect-ratio: 16 / 8;
    }

    .sectie4 .container img {
        aspect-ratio: 16 / 8;
    }

    .sectie1 {
        padding-top: 0px;
        margin-top: 0px;
    }

    .sectie1.header {
        width: 100vw;
        height: 70vh;
    }
}

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

    .hidden-mobile {
        display: none;
    }

    .sectie1.header {
        width: 100vw;
        height: 85vh;
    }

        .container.header-text {
    max-width: 80%;
        bottom: 5vh;
    left: 10vw;
}

.modellen .split{
    display: grid;
    grid-template-columns: 1fr;
}

.sectie1.header .overlay {
    opacity: 1;
}

.cta-row{
    gap: 15px !important;
}
}