.contentblok.projectheader {
    margin-top: 9rem !important;
    margin-bottom: 4rem;
    position: relative;
}
.contentblok.projectheader::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: #000;
    z-index: 0;
}
.contentblok.projectheader picture {
    z-index: 1;
}
.contentblok.projectheader .ratio {
    z-index: 1;
}


.contentblok.projectheader .Projecten {
    background-color: #FFA700;

    width: 100%;
    padding-top: 5rem;

}
.contentblok.projectheader .Commercieel {
    background-color: #00CEFF;
    width: 100%;
    padding-top: 5rem;

}
@media (min-width: 465px) {
    .contentblok.projectheader {
     
    }
}
 
@media (min-width: 576px) {
    .contentblok.projectheader {
    
    }
}
@media (min-width: 768px) {

    .contentblok.projectheader h1 {
        font-size: 6rem;
    }
}
@media (min-width: 992px) {
    .contentblok.projectheader {
   
    }
}
@media (min-width: 1200px) {
    .contentblok.projectheader h1 {
        padding: 5rem 0;
        font-size: 8.3rem;
        line-height: 1.3;
    }
    .contentblok.projectheader {
        height: auto;

    }
    .contentblok.projectheader .Projecten, .contentblok.projectheader .Commercieel{
   
    }
}
@media (min-width: 1400px) {
    .contentblok.projectheader .border-right::after {
        overflow: hidden;
        z-index: 1;
    }
    .contentblok.projectheader img, .contentblok.projectheader iframe {
        /* padding: 0 11rem; */
    }
}