.elementor-kit-8{--e-global-color-primary:#222223;--e-global-color-secondary:#333333;--e-global-color-text:#222223;--e-global-color-accent:#795548;--e-global-color-7199f6a:#FFFFFF;--e-global-color-4e50330:#F8F8F8;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:500;font-size:1.125rem;line-height:1.5rem;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-size:3.6rem;text-transform:uppercase;}.elementor-kit-8 h2{font-size:2.2rem;}.elementor-kit-8 h3{font-size:1.6rem;}.elementor-kit-8 h4{font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{font-size:1.125rem;}.elementor-kit-8 h1{font-size:2.75rem;}.elementor-kit-8 h2{font-size:2rem;}.elementor-kit-8 h3{font-size:1.75rem;}.elementor-kit-8 h4{font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:0.9rem;}.elementor-kit-8 h1{font-size:2.25rem;}.elementor-kit-8 h2{font-size:1.75rem;}.elementor-kit-8 h3{font-size:1.5rem;}.elementor-kit-8 h4{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Mobile */

.def-section {
        padding-left:20px;
        padding-right:20px;
        padding-top:64px;
        padding-bottom:64px;
}

    .def-section-lr {
        padding-left:20px;
        padding-right:20px;
        padding-top:0px;
        padding-bottom:0px;

    }
        .def-section-head {
        padding-left:20px;
        padding-right:20px;
        padding-top:64px;
        padding-bottom:64px;
    
    }

/* Tablet */
@media (min-width:676px) {
    .def-section {
        padding-left:20px;
        padding-right:20px;
        padding-top:64px;
        padding-bottom:64px;    }
        
    .def-section-lr {
        padding-left:20px;
        padding-right:20px;
        padding-top:0px;
        padding-bottom:0px;
    
    }
        .def-section-head {
        padding-left:20px;
        padding-right:20px;
        padding-top:64px;
        padding-bottom:64px;
    
    }
}

/* Desktop */
@media (min-width:900px) {
    .def-section {
        padding-left:20px;
        padding-right:20px;
        padding-top:64px;
        padding-bottom:64px;
    
    }
    
    .def-section-lr {
        padding-left:20px;
        padding-right:20px;
        padding-top:0px;
        padding-bottom:0px;
    
    }
    .def-section-head {
        padding-left:20px;
        padding-right:20px;
        padding-top:134px;
        padding-bottom:64px;
}


}

.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}


.hover-container:hover {
    background-color: rgba(0, 0, 0, 0.7); /* Optioneel: achtergrondkleur veranderen */
}

.hover-container:hover h1, 
.hover-container:hover h2, 
.hover-container:hover h3,
.hover-container:hover span, 
.hover-container:hover p {
    color: white !important; /* Verandert de tekstkleur naar wit */
}


/* Ensure the button transitions smoothly */
.elementor-button {
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* On hover, darken the background and lift the button */
.elementor-button:hover {
  transform: translateY(-2px);
}/* End custom CSS */