.elementor-10251 .elementor-element.elementor-element-5ce6463{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-10251 .elementor-element.elementor-element-c70392a{--display:flex;--min-height:770px;--justify-content:flex-end;}.elementor-10251 .elementor-element.elementor-element-c70392a:not(.elementor-motion-effects-element-type-background), .elementor-10251 .elementor-element.elementor-element-c70392a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://staging.klimaatwerkt.nl/wp-content/uploads/2025/12/Hero-image.png") 50% 50%;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10251 .elementor-element.elementor-element-9f52dd7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-10251 .elementor-element.elementor-element-9f52dd7.elementor-element{--align-self:flex-start;}.elementor-10251 .elementor-element.elementor-element-9f52dd7 .elementor-heading-title{font-family:"Neo Sans", Sans-serif;font-size:64px;font-weight:600;color:var( --e-global-color-accent );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10251 .elementor-element.elementor-element-81795fd .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );transition-duration:0.3s;}.elementor-10251 .elementor-element.elementor-element-81795fd .elementor-button:hover, .elementor-10251 .elementor-element.elementor-element-81795fd .elementor-button:focus{background-color:var( --e-global-color-6dda07d );}.elementor-10251 .elementor-element.elementor-element-81795fd > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-10251 .elementor-element.elementor-element-210cef6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10251 .elementor-element.elementor-element-96acde8{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:150px;--padding-right:150px;}.elementor-10251 .elementor-element.elementor-element-96acde8:not(.elementor-motion-effects-element-type-background), .elementor-10251 .elementor-element.elementor-element-96acde8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-10251 .elementor-element.elementor-element-e01e223 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-10251 .elementor-element.elementor-element-d69971f .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;line-height:22px;color:var( --e-global-color-text );}.elementor-10251 .elementor-element.elementor-element-a063b7f .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;line-height:22px;color:var( --e-global-color-text );}.elementor-10251 .elementor-element.elementor-element-459eed7 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;line-height:22px;color:var( --e-global-color-text );}.elementor-10251 .elementor-element.elementor-element-c1f1b09{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-10251 .elementor-element.elementor-element-5e142b4{width:100%;max-width:100%;}.elementor-10251 .elementor-element.elementor-element-5e142b4 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-10251 .elementor-element.elementor-element-8bdc5ea{--e-image-carousel-slides-to-show:6;}.elementor-10251 .elementor-element.elementor-element-8bdc5ea > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-10251 .elementor-element.elementor-element-8bdc5ea .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:16px 16px 16px 16px;}.elementor-10251 .elementor-element.elementor-element-5a56e85{--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:32px 16px;--row-gap:32px;--column-gap:16px;--flex-wrap:wrap;}.elementor-10251 .elementor-element.elementor-element-5a56e85:not(.elementor-motion-effects-element-type-background), .elementor-10251 .elementor-element.elementor-element-5a56e85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-10251 .elementor-element.elementor-element-4ace8ad{width:100%;max-width:100%;}.elementor-10251 .elementor-element.elementor-element-4ace8ad .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10251 .elementor-element.elementor-element-2413fe7{width:100%;max-width:100%;}.elementor-10251 .elementor-element.elementor-element-eb42d20{--display:flex;--min-height:60vh;--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;--margin-top:63px;--margin-bottom:63px;--margin-left:0px;--margin-right:0px;}.elementor-10251 .elementor-element.elementor-element-eb42d20:not(.elementor-motion-effects-element-type-background), .elementor-10251 .elementor-element.elementor-element-eb42d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.klimaatwerkt.nl/wp-content/uploads/2025/12/anders-j-hxUcl0nUsIY-unsplash-1.png");background-position:center center;background-repeat:no-repeat;}.elementor-10251 .elementor-element.elementor-element-eba9ef9{--display:flex;--border-radius:16px 16px 16px 16px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.2);--padding-top:56px;--padding-bottom:56px;--padding-left:56px;--padding-right:56px;}.elementor-10251 .elementor-element.elementor-element-eba9ef9:not(.elementor-motion-effects-element-type-background), .elementor-10251 .elementor-element.elementor-element-eba9ef9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10251 .elementor-element.elementor-element-07bd446 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10251 .elementor-element.elementor-element-07bd446 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10251 .elementor-element.elementor-element-07bd446{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10251 .elementor-element.elementor-element-07bd446 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-10251 .elementor-element.elementor-element-e752bfd{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-10251 .elementor-element.elementor-element-cca6312{width:100%;max-width:100%;}.elementor-10251 .elementor-element.elementor-element-cca6312 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10251 .elementor-element.elementor-element-89b8c76{--grid-columns:3;}.elementor-10251 .elementor-element.elementor-element-89b8c76 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10251 .elementor-element.elementor-element-89b8c76 .e-loop-item > .elementor-section, .elementor-10251 .elementor-element.elementor-element-89b8c76 .e-loop-item > .elementor-section > .elementor-container, .elementor-10251 .elementor-element.elementor-element-89b8c76 .e-loop-item > .e-con, .elementor-10251 .elementor-element.elementor-element-89b8c76 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10251 .elementor-element.elementor-element-746893b{--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;--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-10251 .elementor-element.elementor-element-b6d3e1f{width:100%;max-width:100%;text-align:center;}.elementor-10251 .elementor-element.elementor-element-b6d3e1f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-10251 .elementor-element.elementor-element-5ce6463{--content-width:1300px;}.elementor-10251 .elementor-element.elementor-element-c70392a{--width:100%;}.elementor-10251 .elementor-element.elementor-element-eba9ef9{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10251 .elementor-element.elementor-element-eba9ef9{--width:70%;}}@media(max-width:1366px){.elementor-10251 .elementor-element.elementor-element-c70392a{--min-height:700px;}.elementor-10251 .elementor-element.elementor-element-9f52dd7{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}@media(max-width:1024px){.elementor-10251 .elementor-element.elementor-element-5ce6463{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10251 .elementor-element.elementor-element-c70392a{--min-height:550px;}.elementor-10251 .elementor-element.elementor-element-9f52dd7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-10251 .elementor-element.elementor-element-8bdc5ea{--e-image-carousel-slides-to-show:3;}.elementor-10251 .elementor-element.elementor-element-eb42d20{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10251 .elementor-element.elementor-element-89b8c76{--grid-columns:2;}}@media(max-width:767px){.elementor-10251 .elementor-element.elementor-element-5ce6463{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10251 .elementor-element.elementor-element-c70392a{--min-height:50vh;}.elementor-10251 .elementor-element.elementor-element-9f52dd7 .elementor-heading-title{font-size:40px;}.elementor-10251 .elementor-element.elementor-element-96acde8{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-10251 .elementor-element.elementor-element-5e142b4 > .elementor-widget-container{padding:0px 0px 16px 0px;}.elementor-10251 .elementor-element.elementor-element-8bdc5ea{--e-image-carousel-slides-to-show:2;}.elementor-10251 .elementor-element.elementor-element-5a56e85{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-10251 .elementor-element.elementor-element-4ace8ad > .elementor-widget-container{padding:0px 0px 16px 0px;}.elementor-10251 .elementor-element.elementor-element-eb42d20{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10251 .elementor-element.elementor-element-eba9ef9{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-10251 .elementor-element.elementor-element-cca6312 > .elementor-widget-container{padding:0px 0px 16px 0px;}.elementor-10251 .elementor-element.elementor-element-89b8c76{--grid-columns:1;}.elementor-10251 .elementor-element.elementor-element-746893b{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10251 .elementor-element.elementor-element-b6d3e1f > .elementor-widget-container{padding:0px 0px 16px 0px;}}/* Start custom CSS for heading, class: .elementor-element-9f52dd7 *//* Desktop and tablet: fade out once after 5 seconds, then stay hidden */
.elementor-element-9f52dd7 .elementor-heading-title{
  opacity: 1;
  animation: headingFadeOut 1s ease-in-out 4s forwards;
  will-change: opacity, filter;
}

@keyframes headingFadeOut{
  to{
    opacity: 0;
    filter: blur(1px);
    visibility: hidden;
  }
}

/* Mobile: animation disabled, always visible */
@media (max-width: 767px){
  .elementor-element-9f52dd7 .elementor-heading-title{
    animation: none !important;
    opacity: 1 !important;
    filter: none !important;
    visibility: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-8bdc5ea */.elementor-10251 .elementor-element.elementor-element-8bdc5ea img{
    padding:0px 20px ;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
    margin:20px 0px;
}

.elementor-image-carousel-wrapper.swiper-container, 
.elementor-image-carousel.swiper-wrapper {
    padding-bottom: 12px;
}

.elementor-10251 .elementor-element.elementor-element-8bdc5ea .swiper-wrapper{
  transition-timing-function: linear !important; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2413fe7 *//* Vacature Grid Container - Volledige breedte met flexbox compatibility */
.vacature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 20px 0 40px 0;
    width: 100%; /* Volledige breedte van parent container */
    box-sizing: border-box;
}

/* Zorg dat de grid flexibel is binnen Elementor containers */
.elementor-widget-container .vacature-grid {
    margin: 0;
    padding: 20px 0 40px 0;
}

/* Vacature card styling met flex-grow voor volledige ruimte */
.vacature-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.vacature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Featured image */
.vacature-card-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f5f5f5;
}

.vacature-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Logo fallback styling */
.vacature-card-image-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003D5C;
}

.vacature-card-image-logo img {
    object-fit: contain !important;
    width: 60% !important;
    height: 60% !important;
    padding: 20px;
}

.vacature-card:hover .vacature-card-image img {
    transform: scale(1.08);
}

/* Logo moet niet schalen bij hover */
.vacature-card:hover .vacature-card-image-logo img {
    transform: scale(1.0);
}

/* Card content */
.vacature-card-content {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.vacature-card-content h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #003D5C !important;
    margin: 0 0 16px 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-transform: none !important;
    min-height: 58px;
}

.vacature-description {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 20px;
    flex-grow: 1;
    min-height: 60px;
}

/* Tags */
.vacature-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
    min-height: 35px;
}

.vacature-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #666;
    padding: 8px 14px;
    background: #F5F5F5;
    border-radius: 6px;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.vacature-tag i {
    font-size: 12px;
    color: #E67E22;
}

.vacature-tag:hover {
    background: #E8E8E8;
}

/* Specifieke tag kleuren */
.vacature-tag-location {
    border-left: 3px solid #3498DB;
}

.vacature-tag-salary {
    border-left: 3px solid #27AE60;
}

.vacature-tag-experience {
    border-left: 3px solid #E67E22;
}

/* Button */
.vacature-button {
    display: inline-block;
    padding: 14px 32px !important;
    background: #E67E22 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    text-align: center;
    border: none !important;
    align-self: flex-start;
}

.vacature-button:hover {
    background: #D35400 !important;
}

/* Load more button */
.load-more-container {
    text-align: center;
    margin-top: 20px !important;
    width: 100%;
}

.load-more-button {
    display: inline-block !important;
    padding: 14px 24px !important;
    background: #003D5C !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    border: 2px solid #003D5C !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Responsive - Desktop Large (1200px+) voor optimale weergave */
@media (min-width: 1200px) {
    .vacature-grid {
        gap: 35px;
    }
}

/* Responsive - Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .vacature-grid {
        gap: 25px;
        padding: 20px 0 40px 0;
    }
}

/* Responsive - Mobile en Tablet (onder 768px) */
@media (max-width: 768px) {
    .vacature-grid {
        grid-template-columns: 1fr; /* Eén kolom op mobiel/tablet */
        gap: 20px;
        padding: 20px 0 40px 0;
    }
    
    .vacature-card-content {
        padding: 24px;
    }
    
    .vacature-card-content h2 {
        font-size: 20px !important;
        min-height: auto;
    }
    
    .vacature-description {
        min-height: auto;
    }
    
    .vacature-tags {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .vacature-button {
        width: 100%;
        text-align: center !important;
        align-self: stretch;
    }
}

/* Responsive - Kleine mobile (onder 480px) */
@media (max-width: 480px) {
    .vacature-grid {
        gap: 15px;
        padding: 15px 0 30px 0;
    }
    
    .vacature-card-image {
        height: 180px;
    }
    
    .vacature-card-content {
        padding: 20px;
    }
    
    .vacature-card-content h2 {
        font-size: 18px !important;
    }
    
    .load-more-button {
        padding: 14px 36px;
        font-size: 15px;
    }
}

/* Elementor specifieke aanpassingen voor volledige breedte */
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding-left: 0;
    padding-right: 0;
}

/* Zorg dat de grid niet beperkt wordt door Elementor containers */
.elementor-widget-container > .vacature-grid {
    max-width: none !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89b8c76 */.elementor-loop-container.elementor-grid {
    margin: 20px 0px;
}

/* Alle cards krijgen een box-shadow */
.e-loop-item .elementor-element.elementor-element-28a9ea1 {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}/* End custom CSS */