.elementor-3177 .elementor-element.elementor-element-813365f{--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:50px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-3177 .elementor-element.elementor-element-813365f:not(.elementor-motion-effects-element-type-background), .elementor-3177 .elementor-element.elementor-element-813365f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8b90c33 );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3177 .elementor-element.elementor-element-3def04e{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-3def04e a{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-3def04e a:hover{color:var( --e-global-color-primary );}.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-3177 .elementor-element.elementor-element-85f078c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:44px;font-weight:500;line-height:1.1em;letter-spacing:-0.1px;color:#226EDD;}.elementor-3177 .elementor-element.elementor-element-157ceb4{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-3177 .elementor-element.elementor-element-1e5848f{--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:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3177 .elementor-element.elementor-element-6935a5f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:400;line-height:1.5em;letter-spacing:-0.1px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-3177 .elementor-element.elementor-element-edf7a1d{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-0fb9d8a .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-3b362ba{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-2f6afcb .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-5c51aef{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-28f7cbe .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-4684dac{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-6e0c271 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-24fa2ed{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-7d4df27 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-dd21ad1{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-2e83752 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-1138c29{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-8eab770 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-d50f265{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-db7b155 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-ee5f8ff{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-022bdba .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3177 .elementor-element.elementor-element-018eb27{color:var( --e-global-color-text );}.elementor-3177 .elementor-element.elementor-element-4701373{--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;}.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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button{background-color:#9CEE6A;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;word-spacing:0.1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;padding:12px 25px 12px 25px;}.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button{background-color:#9CEE6A;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;word-spacing:0.1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;padding:12px 25px 12px 25px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-3177 .elementor-element.elementor-element-813365f{--padding-top:100px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-3177 .elementor-element.elementor-element-85f078c .elementor-heading-title{font-size:30px;line-height:1.1em;}.elementor-3177 .elementor-element.elementor-element-1e5848f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3177 .elementor-element.elementor-element-6935a5f .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button{font-size:16px;padding:10px 20px 10px 20px;}.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button{font-size:16px;padding:10px 20px 10px 20px;}}@media(min-width:768px){.elementor-3177 .elementor-element.elementor-element-1e5848f{--width:75%;}}/* Start custom CSS for button, class: .elementor-element-617e424 *//* Standaard uiterlijk van de knop */
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button {
    background-color: #9CEE6A; /* Startkleur */
    color: #01213D;            /* Tekstkleur voor leesbaarheid */
    position: relative;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-tap-highlight-color: transparent; /* Voorkomt flits op mobiel */
}



/* Eerste kleur die binnenkomt (#8ddc34) */
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #8ddc34; /* AANGEPASTE KLEUR 1 */
    transition: left 0.4s ease-out;
    z-index: 1;
}

/* Tweede kleur die binnenkomt (#01213D) */
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #226EDD; /* AANGEPASTE KLEUR 2 */
    /* Delay van 0.1s zodat de eerste kleur tijd heeft */
    transition: left 0.4s ease-out 0.1s;
    z-index: 2;
}

/* Beweeg de kleuren in beeld bij hover */
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button:hover::before,
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button:hover::after {
    left: 0;
}

/* Zorg dat de tekst boven de animatie blijft */
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button .elementor-button-text {
    position: relative;
    z-index: 3;
    transition: color 0.4s ease-out 0.2s; /* Iets meer delay voor betere overgang */
}

/* Verander tekstkleur bij hover voor contrast */
.elementor-3177 .elementor-element.elementor-element-617e424 .elementor-button:hover .elementor-button-text {
    color: #C0FB7E; /* AANGEPASTE TEKSTKLEUR VOOR CONTRAST */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2812fcf *//* Standaard uiterlijk van de knop */
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button {
    background-color: #9CEE6A; /* Startkleur */
    color: #01213D;            /* Tekstkleur voor leesbaarheid */
    position: relative;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-tap-highlight-color: transparent; /* Voorkomt flits op mobiel */
}



/* Eerste kleur die binnenkomt (#8ddc34) */
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #8ddc34; /* AANGEPASTE KLEUR 1 */
    transition: left 0.4s ease-out;
    z-index: 1;
}

/* Tweede kleur die binnenkomt (#01213D) */
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #226EDD; /* AANGEPASTE KLEUR 2 */
    /* Delay van 0.1s zodat de eerste kleur tijd heeft */
    transition: left 0.4s ease-out 0.1s;
    z-index: 2;
}

/* Beweeg de kleuren in beeld bij hover */
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button:hover::before,
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button:hover::after {
    left: 0;
}

/* Zorg dat de tekst boven de animatie blijft */
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button .elementor-button-text {
    position: relative;
    z-index: 3;
    transition: color 0.4s ease-out 0.2s; /* Iets meer delay voor betere overgang */
}

/* Verander tekstkleur bij hover voor contrast */
.elementor-3177 .elementor-element.elementor-element-2812fcf .elementor-button:hover .elementor-button-text {
    color: #C0FB7E; /* AANGEPASTE TEKSTKLEUR VOOR CONTRAST */
}/* End custom CSS */