.contentblok.vacatures-overzicht {
    
}
.contentblok.header-home + .contentblok.vacatures-overzicht {
    margin-top: 0;;
}
.contentblok.header-home + .contentblok.vacatures-overzicht .bg_vacatures_top {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   
   background-color: var(--kleur-grijs); 
   z-index: -1;
}

.row_vacatures {
    --bs-gutter-y: 2rem;
}

.content_vacatures {
    color: var(--kleur-rood);
}
.content_vacatures h2 {
    margin-bottom: 3rem;
}
a.vacature_item {
    text-decoration: none;
    color: var(--kleur-zwart);
    background-color: var(--kleur-wit);
    border: 1px solid var(--kleur-donkergrijs);
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 130%;
}
.vacature_item_afbeelding img {
    max-width: initial;
    width: 100%;
}
a.vacature_item span {
    display: block;
    color: var(--kleur-zwart);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.vacature_item {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.vacature_item_content {
    position: relative;
    padding: 2.8rem 2.5rem;
}
a.vacature_item .vacature_item_titel {
    color: var(--kleur-rood);
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: 130%;
}
a.vacature_item i {
    position: absolute;
    bottom: 2rem;
    right: 2.5rem;
    color: var(--kleur-rood);
    font-size: 2.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.vacature_item:hover span,
a.vacature_item:hover .vacature_item_titel,
a.vacature_item:hover i {
    color: var(--kleur-wit);
} 

a.vacature_item:hover {
    background-color: var(--kleur-rood);
}



@media (min-width: 768px) {
    .row_vacatures {
        --bs-gutter-y: 3.3rem;
    }
    
    .content_vacatures h2 {
        margin-bottom: 3rem;
    }
    
    .vacature_item_content {
        padding: 3.8rem 4.4rem 4.3rem;
    }
    a.vacature_item i {
        font-size: 3.5rem;
    }
}
@media (min-width: 992px) {
    
}
@media (min-width: 1200px) {
    /* a.vacature_item .vacature_item_titel {
        min-height: 70px;
    } */
}
@media (min-width: 1400px) {
}
@media (min-width: 1920px) {
}
@media (min-width: 2560px) {
}