.blue{
    color: var(--mainColor);

}

.center{
    text-align: center;
    margin-bottom: 50px;
}

.titel-kennis{
    padding-top: 150px;
}

@media (max-width:992px) {
    .titel-kennis{
        padding-top: 40px;
    }
    
}




.box{
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    height: 45vh;
    transition: 300ms transform;
    border-radius: 10px ;
    background-image: url('https://media.licdn.com/dms/image/v2/D5610AQH11sTn8t_ZJQ/image-shrink_800/image-shrink_800/0/1720011639024?e=2147483647&v=beta&t=AbPR737OAwjAzoO8vD4Pu7-vyIjIX29hHea0hLU-d20');
    background-size: cover;
    gap: 10px;

 
}

.plaats{
    color: var(--mainColor);
    transition: color 400ms;
}

.overlay{
    display: flex;
    align-items: end;
    background-color: rgba(0, 0, 0, 0.54);
    width: 100%;
    height: 100%;
    border-radius: 10px ;
    transition: 300ms;


}

.titel{

    margin-bottom: 25px;
    color: rgb(255, 255, 255);
    font-size: clamp(18px, 1.5vw, 26px) !important;
    margin-left: 20px;
    max-width: 90%; /* Zorg dat de tekst niet breder is dan de container */
    overflow-wrap: break-word; /* Breekt woorden op als ze te lang zijn */

}


.box:hover{
    transform: scale(1.03);

}