.elementor-640 .elementor-element.elementor-element-9d7420d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-640 .elementor-element.elementor-element-e6627e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-640 .elementor-element.elementor-element-33bd837{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-640 .elementor-element.elementor-element-9e15218{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-640 .elementor-element.elementor-element-9e15218:not(.elementor-motion-effects-element-type-background), .elementor-640 .elementor-element.elementor-element-9e15218 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-640 .elementor-element.elementor-element-62e161e{--display:flex;--border-radius:27px 27px 27px 27px;}.elementor-640 .elementor-element.elementor-element-62e161e:not(.elementor-motion-effects-element-type-background), .elementor-640 .elementor-element.elementor-element-62e161e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(115deg, var( --e-global-color-primary ) 34%, #4E3D6B 100%);}.elementor-640 .elementor-element.elementor-element-18a980c{margin:25px 25px calc(var(--kit-widget-spacing, 0px) + 25px) 25px;}.elementor-640 .elementor-element.elementor-element-45b0df5{text-align:center;}.elementor-640 .elementor-element.elementor-element-45b0df5 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-640 .elementor-element.elementor-element-499bbdc{text-align:center;font-size:16px;color:var( --e-global-color-accent );}.elementor-640 .elementor-element.elementor-element-a3a15b6{margin:26px 26px calc(var(--kit-widget-spacing, 0px) + 26px) 26px;--e-icon-list-icon-size:23px;--icon-vertical-offset:0px;}.elementor-640 .elementor-element.elementor-element-a3a15b6 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-640 .elementor-element.elementor-element-a3a15b6 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-640 .elementor-element.elementor-element-a3a15b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-640 .elementor-element.elementor-element-a3a15b6 .elementor-icon-list-item > a{font-size:16px;}.elementor-640 .elementor-element.elementor-element-a3a15b6 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-640 .elementor-element.elementor-element-8e831be{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-640 .elementor-element.elementor-element-8e831be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-640 .elementor-element.elementor-element-59321e1{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-640 .elementor-element.elementor-element-33bd837{--width:70%;}.elementor-640 .elementor-element.elementor-element-9e15218{--width:30%;}.elementor-640 .elementor-element.elementor-element-8e831be{--width:95.526%;}}@media(max-width:1024px){ .elementor-640 .elementor-element.elementor-element-59321e1{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-640 .elementor-element.elementor-element-59321e1{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for html, class: .elementor-element-8527c9d *//* Algemeen */
.background-container {
    position: relative;
    padding: 90px 30px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background-image: url('IMG_URL_VELD');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.functie-titel, .vacature-overzicht, .extra-info-container {
    position: relative;
    z-index: 2;
}

.functie-titel {
    color: #333333;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
}

/* Overzicht */
.vacature-overzicht {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    background: linear-gradient(135deg, #ba2057, #7e64b6);
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
    max-width: 1200px;
    margin: auto;
    z-index: 2;
}


.vacature-overzicht .overzicht-item {
    flex: 1 1 200px; /* Desktop: behoud vier velden naast elkaar */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #152e49;
    border-radius: 50px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    height: 60px;
}

.vacature-overzicht .overzicht-icoon {
    width: 20px;
    height: auto;
    margin-right: 10px;
    border-radius: 0;
}

.vacature-overzicht .overzicht-waarde {
    font-size: 1em;
    color: #ffffff;
    font-weight: bold;
}

/* Extra informatie */
.extra-info-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    z-index: 2;
}

.extra-info-wit {
    background-color: #ffffff;
    color: #333;
    border-radius: 50px;
    padding: 15px 30px;
    flex: 1;
    margin-right: px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.extra-info-geel {
    background-color: #ffca46;
    color: #333;
    border-radius: 50px;
    padding: 10px 20px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Sticky solliciteerknop voor mobiel */
@media (max-width: 768px) {
    .vacature-overzicht {
        flex-direction: column;
        gap: 10px; /* Verminder de ruimte tussen de elementen */
    }

    .vacature-overzicht .overzicht-item {
        flex: 1 1 100%;
        margin-bottom: 10px; /* Minder marge onder elk item */
        padding: 5px 10px; /* Minder padding binnen elk item */
        height: auto;
    }

    .vacature-overzicht .overzicht-waarde {
        font-size: 0.9em; /* Verklein de tekstgrootte iets voor compactheid */
    }

    .extra-info-container {
        flex-direction: column;
        gap: 10px; /* Verminder de ruimte tussen de info blokken */
    }

    .extra-info-wit, .extra-info-geel {
        padding: 10px 20px; /* Minder padding binnen de info blokken */
    }

    /* Verklein de marges om de titel meer ruimte te geven */
    .functie-titel {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* Algemeen voor de tekst van de vacature */
    body, p {
        font-size: 0.9em; /* Verklein de tekstgrootte iets voor compactheid */
        line-height: 1.4em; /* Verklein de regelafstand voor een compactere weergave */
    }

.solliciteer-knop,
.solliciteer-knop:visited,
.solliciteer-knop:active,
.solliciteer-knop:hover,
.solliciteer-knop:focus {
    position: fixed;
    bottom: 29px;
    left: 20px;
    background-color: #007aff;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none !important;
    transition: background-color 0.3s ease, opacity 0.5s ease-in-out;
    display: inline-block;
    line-height: 2;
}

}

.solliciteer-knop:hover {
    background-color: #007aff;
    text-decoration: none;
}

}

/* Verberg de knop op de desktop */
@media (min-width: 769px) {
    .solliciteer-knop {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be16e91 *//* Algemeen voor de pagina */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Stijl voor de omschrijving veld */
.omschrijving-veld {
    margin: 0 auto; /* Centraal uitlijnen */
    padding: 8px;  /* Binnenruimte toevoegen */
    max-width: 100%;  /* Zorgt ervoor dat het niet breder wordt dan het scherm */
    word-wrap: break-word; /* Zorgt ervoor dat lange woorden worden gebroken */
    box-sizing: border-box;
}

/* Algemeen voor de tekst van de vacature */
body, p {
    font-size: 16px; /* Standaard tekstgrootte */
    line-height: 1.5em; /* Standaard regelafstand */
    margin: 0;
    padding: 0;
}

/* Aanpassingen voor mobiel */
@media (max-width: 768px) {
    .omschrijving-veld {
        padding: 10px; /* Iets minder padding voor mobiel */
    }
}
/* Stijl voor de zwarte balk met afgeronde hoeken */
.organisatie-balk {
    background-color: black; /* Zwarte achtergrond */
    color: white; /* Witte tekst */
    padding: 10px; /* Binnenruimte */
    border-radius: 33px; /* Afgeronde hoeken */
    margin: 10px 0; /* Ruimte boven en onder de balk */
    display: inline-block; /* Zorgt ervoor dat de breedte zich aanpast aan de inhoud */
    font-weight: bold; /* Maakt de tekst vet */
    text-align: left; /* Tekstuitlijning links */
}
.solliciteer-link,
.solliciteer-link:visited,
.solliciteer-link:active,
.solliciteer-link:hover,
.solliciteer-link:focus {
    background-color: #007aff;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none !important;
    display: inline-block;
    line-height: 2;
    transition: background-color 0.3s ease;
}
.omschrijving-veld,
.organisatie-balk,
.omschrijving-veld p,
.organisatie-balk p {
    font-size: 16px !important;
    line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS */.solliciteer-link,
.solliciteer-link:visited,
.solliciteer-link:active,
.solliciteer-link:hover,
.solliciteer-link:focus {
    background-color: #2C78D2;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none !important;
    display: inline-block;
    line-height: 2;
    transition: background-color 0.3s ease;
}
a > button {
    all: unset;
    background-color: #007aff;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    display: inline-block;
    line-height: 2;
    cursor: pointer;
}

a > button:hover {
    background-color: #1f5fb0;
}/* End custom CSS */