/*---------BENUvacatures---------*/
.vacature-container {
    display: flex;
    flex-direction: column; /* Stapel de vacatures onder elkaar als er meerdere zijn */
    gap: 20px; /* Ruimte tussen de verschillende vacatures */
    padding: 20px; /* Wat padding rondom de container */
}
.rechthoek {
    display: flex;
    align-items: center; /* Verticale centrering van logo en details */
    background-color: #fff;
    border: 1px solid #ccc; /* Optionele border */
    border-radius: 5px; /* Optionele afgeronde hoeken */
    padding: 15px;
    overflow: hidden; /* Zorgt ervoor dat de schaduw binnen de afgeronde hoeken blijft */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtiele schaduw */
    transition: transform 0.2s ease-in-out; /* Animatie voor het vergroten */
}
.rechthoek:hover {
    transform: scale(1.05);
}
.logo-container {
    width: 40px; /* Gewenste breedte van het logo */
    aspect-ratio: 1 / 1; /* Houdt het logo vierkant */
    overflow: hidden; /* Verbergt wat buiten de container valt */
    flex-shrink: 0; /* Voorkomt dat de container krimpt */
    margin-right: 20px; /* Ruimte tussen logo en tekst */
}
.logo-container img {
    width: 50%;
    height: auto;
    object-fit: cover; /* Zorgt ervoor dat de afbeelding netjes de container vult */
    display: block;
}
.vacancy-meta {
    display: flex;
    flex-direction: column; /* Stapel de details verticaal */
    align-items: flex-end; /* Lijn de details rechts uit */
    flex-grow: 1; /* Laat de details de overige ruimte innemen */
}
.vacancy-educationlevel,
.vacancy-hours,
.vacancy-location {
    display: flex;
    align-items: center; /* Verticale centrering van icoon en tekst */
    margin-bottom: 8px; /* Ruimte tussen de details */
    font-size: 0.9em; /* Maak de tekst wat compacter */
    color: #555; /* Wat subtielere tekstkleur */
}
.vacancy-educationlevel i,
.vacancy-hours i,
.vacancy-location i {
    margin-right: 5px; /* Ruimte tussen icoon en tekst */
    color: #333; /* Donkerdere kleur voor de iconen */
}
.icon-text {
    white-space: nowrap; /* Voorkomt dat de tekst onnodig breekt */
}