.elementor-kit-4{--e-global-color-primary:#E4FFE5;--e-global-color-secondary:#C4FFC7;--e-global-color-text:#90FF99;--e-global-color-accent:#50FF64;--e-global-color-ea1fa4c:#00FF26;--e-global-color-ed0cbfa:#00E628;--e-global-color-673a98c:#00B825;--e-global-color-9d3dcc2:#008B1C;--e-global-color-a5458cb:#076D1D;--e-global-color-90f8875:#0B5C1D;--e-global-color-3c05fa1:#00340E;--e-global-color-6fce744:#FFFFFF;--e-global-color-71ff2ba:#F6F6F6;--e-global-color-2bd1b86:#E7E7E7;--e-global-color-cc8ebf2:#D1D1D1;--e-global-color-838d3cc:#B0B0B0;--e-global-color-ed919b4:#888888;--e-global-color-3aa4baa:#6D6D6D;--e-global-color-c29fd62:#5D5D5D;--e-global-color-0dba37e:#4F4F4F;--e-global-color-2db06fc:#454545;--e-global-color-a836031:#3D3D3D;--e-global-color-71fa03e:#171717;--e-global-color-cd7a0a2:#0D0D0D;--e-global-color-5c8891b:#FF6A00;--e-global-color-e055618:#02010100;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:4.75rem;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0.02em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:4.75rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:2.5rem;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.2em;--e-global-typography-text-letter-spacing:-0.022em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:2.25rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:-0.022em;--e-global-typography-8ad37a2-font-family:"Montserrat";--e-global-typography-8ad37a2-font-size:2rem;--e-global-typography-8ad37a2-font-weight:600;--e-global-typography-8ad37a2-line-height:1.2em;--e-global-typography-8ad37a2-letter-spacing:-0.022em;--e-global-typography-7ad86ac-font-family:"Montserrat";--e-global-typography-7ad86ac-font-size:1.5rem;--e-global-typography-7ad86ac-font-weight:600;--e-global-typography-7ad86ac-line-height:1.2em;--e-global-typography-7ad86ac-letter-spacing:-0.022em;--e-global-typography-6f36b93-font-family:"Montserrat";--e-global-typography-6f36b93-font-size:1.25rem;--e-global-typography-6f36b93-font-weight:600;--e-global-typography-6f36b93-line-height:1.2em;--e-global-typography-6f36b93-letter-spacing:-0.022em;--e-global-typography-5f37e49-font-family:"Montserrat";--e-global-typography-5f37e49-font-size:1rem;--e-global-typography-5f37e49-font-weight:600;--e-global-typography-5f37e49-line-height:1.2em;--e-global-typography-5f37e49-letter-spacing:0em;--e-global-typography-1784ba4-font-family:"Montserrat";--e-global-typography-1784ba4-font-size:1rem;--e-global-typography-1784ba4-font-weight:400;--e-global-typography-1784ba4-line-height:1.8em;--e-global-typography-1784ba4-letter-spacing:0px;--e-global-typography-48798e0-font-family:"Montserrat";--e-global-typography-48798e0-font-size:0.875rem;--e-global-typography-48798e0-font-weight:400;--e-global-typography-48798e0-line-height:1.9em;--e-global-typography-48798e0-letter-spacing:0px;--e-global-typography-9538899-font-family:"Montserrat";--e-global-typography-9538899-font-size:1rem;--e-global-typography-9538899-font-weight:400;--e-global-typography-9538899-line-height:1em;--e-global-typography-a81c5ae-font-family:"Montserrat";--e-global-typography-a81c5ae-font-size:1rem;--e-global-typography-a81c5ae-font-weight:500;--e-global-typography-a81c5ae-line-height:1em;--e-global-typography-a81c5ae-letter-spacing:0px;--e-global-typography-7c5d968-font-family:"Montserrat";--e-global-typography-7c5d968-font-size:0.875rem;--e-global-typography-7c5d968-font-weight:400;--e-global-typography-7c5d968-line-height:1em;--e-global-typography-7c5d968-letter-spacing:0px;--e-global-typography-394529d-font-family:"Montserrat";--e-global-typography-394529d-font-size:0.875rem;--e-global-typography-394529d-font-weight:500;--e-global-typography-394529d-line-height:1em;--e-global-typography-394529d-letter-spacing:0px;background-color:var( --e-global-color-cd7a0a2 );color:var( --e-global-color-838d3cc );font-family:var( --e-global-typography-1784ba4-font-family ), Sans-serif;font-size:var( --e-global-typography-1784ba4-font-size );font-weight:var( --e-global-typography-1784ba4-font-weight );line-height:var( --e-global-typography-1784ba4-line-height );letter-spacing:var( --e-global-typography-1784ba4-letter-spacing );overscroll-behavior:contain;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-a81c5ae-font-family ), Sans-serif;font-size:var( --e-global-typography-a81c5ae-font-size );font-weight:var( --e-global-typography-a81c5ae-font-weight );line-height:var( --e-global-typography-a81c5ae-line-height );letter-spacing:var( --e-global-typography-a81c5ae-letter-spacing );color:var( --e-global-color-a5458cb );border-radius:8px 8px 8px 8px;padding:1.25rem 1.5rem 1.25rem 1.5rem;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-5c8891b );color:var( --e-global-color-71fa03e );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 p{margin-block-end:1.8em;}.elementor-kit-4 a{color:var( --e-global-color-ea1fa4c );}.elementor-kit-4 a:hover{color:var( --e-global-color-text );}.elementor-kit-4 h1{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h2{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h3{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h4{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h5{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h6{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 label{color:var( --e-global-color-6fce744 );font-family:var( --e-global-typography-48798e0-font-family ), Sans-serif;font-size:var( --e-global-typography-48798e0-font-size );font-weight:var( --e-global-typography-48798e0-font-weight );line-height:var( --e-global-typography-48798e0-line-height );letter-spacing:var( --e-global-typography-48798e0-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:var( --e-global-typography-1784ba4-font-family ), Sans-serif;font-size:var( --e-global-typography-1784ba4-font-size );font-weight:var( --e-global-typography-1784ba4-font-weight );line-height:var( --e-global-typography-1784ba4-line-height );letter-spacing:var( --e-global-typography-1784ba4-letter-spacing );color:var( --e-global-color-6fce744 );background-color:var( --e-global-color-cd7a0a2 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a836031 );border-radius:8px 8px 8px 8px;padding:24px 8px 4px 7px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{color:var( --e-global-color-6fce744 );background-color:var( --e-global-color-cd7a0a2 );border-style:solid;border-color:var( --e-global-color-3aa4baa );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1246px;}.e-con{--container-max-width:1246px;}.elementor-widget:not(:last-child){margin-block-end:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}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-4{font-size:var( --e-global-typography-1784ba4-font-size );line-height:var( --e-global-typography-1784ba4-line-height );letter-spacing:var( --e-global-typography-1784ba4-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-a81c5ae-font-size );line-height:var( --e-global-typography-a81c5ae-line-height );letter-spacing:var( --e-global-typography-a81c5ae-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-48798e0-font-size );line-height:var( --e-global-typography-48798e0-line-height );letter-spacing:var( --e-global-typography-48798e0-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-1784ba4-font-size );line-height:var( --e-global-typography-1784ba4-line-height );letter-spacing:var( --e-global-typography-1784ba4-letter-spacing );border-width:1px 1px 1px 1px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{border-width:1px 1px 1px 1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:2.75rem;--e-global-typography-secondary-font-size:2.75rem;--e-global-typography-text-font-size:2.25rem;--e-global-typography-accent-font-size:1.75rem;--e-global-typography-8ad37a2-font-size:1.5rem;--e-global-typography-7ad86ac-font-size:1.25rem;--e-global-typography-6f36b93-font-size:1rem;font-size:var( --e-global-typography-1784ba4-font-size );line-height:var( --e-global-typography-1784ba4-line-height );letter-spacing:var( --e-global-typography-1784ba4-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-a81c5ae-font-size );line-height:var( --e-global-typography-a81c5ae-line-height );letter-spacing:var( --e-global-typography-a81c5ae-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-48798e0-font-size );line-height:var( --e-global-typography-48798e0-line-height );letter-spacing:var( --e-global-typography-48798e0-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-1784ba4-font-size );line-height:var( --e-global-typography-1784ba4-line-height );letter-spacing:var( --e-global-typography-1784ba4-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*################################*/ /*|| ||*/ /*|| Standard Css ||*/ /*|| ||*/ /*################################*/ @media only screen and (min-width: 1025px) { body.elementor-editor-active { background-image: url(/wp-content/uploads/2025/09/grid-MX3D-1.svg); background-position: center center; background-repeat: repeat-y; background-size: 1246px auto; } } body { text-wrap: pretty; } html, body { overflow-x: hidden!important; } img { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; -ms-user-drag: none; user-drag: none; pointer-events: none; } * { -webkit-tap-highlight-color: transparent; } ::-moz-selection { /* Code for Firefox */ color: #fff; background: var( --e-global-color-ea1fa4c); } ::selection { color: #fff; background: var( --e-global-color-ea1fa4c ); } p:last-child { margin-bottom: 0; } .elementor-icon-wrapper, span.elementor-button-icon { display: flex!important; } .elementor-button-icon svg { height: auto; width: auto; } .elementor-form-spinner { display: none !important; } /*################################*/ /*|| ||*/ /*|| USP under Hero ||*/ /*|| ||*/ /*################################*/ .usp-top .elementor-icon-wrapper { height: 85px!important; display: flex!important; align-items: center!important; } /*################################*/ /*|| ||*/ /*|| Masks images ||*/ /*|| ||*/ /*################################*/ @media only screen and (min-width: 768px) { .mask-left-to-right { /* Firefox en andere */ mask-image: linear-gradient(to right, transparent 2%, black 20%); mask-repeat: no-repeat; mask-size: 100% 100%; /* Chrome, Safari, Edge */ -webkit-mask-image: linear-gradient(to right, transparent 2%, black 20%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; } .mask-right-to-left { /* Firefox en andere */ mask-image: linear-gradient(to left, transparent 2%, black 20%); mask-repeat: no-repeat; mask-size: 100% 100%; /* Chrome, Safari, Edge */ -webkit-mask-image: linear-gradient(to left, transparent 2%, black 20%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; } } @media only screen and (max-width: 767px) { .mask-bottom-to-top { /* Firefox en andere */ mask-image: linear-gradient(to top, transparent 5%, black 20%); mask-repeat: no-repeat; mask-size: 100% 100%; /* Chrome, Safari, Edge */ -webkit-mask-image: linear-gradient(to top, transparent 5%, black 20%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; } .mask-top-to-bottom { /* Firefox en andere */ mask-image: linear-gradient(to bottom, transparent 5%, black 20%); mask-repeat: no-repeat; mask-size: 100% 100%; /* Chrome, Safari, Edge */ -webkit-mask-image: linear-gradient(to bottom, transparent 5%, black 20%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; } } /*################################*/ /*|| ||*/ /*|| Hero section effect ||*/ /*|| ||*/ /*################################*/ .hero-section:after { content: ""!important; position: absolute; background-color: #0D8B20; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 0 solid!important; mix-blend-mode: color; z-index: 0!important; will-change: transform; /* triggert eigen layer */ transform: translate3d(0,0,0); /* forceer GPU layer in WebKit */ -webkit-backface-visibility: hidden; } .hero-section:before { z-index: 1!important; } .hero-section { position: relative; isolation: isolate; } .hero-section.sub-pagina:before { content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: auto; height: auto; border: 0 solid!important; border-width: 0px!important; background-image: url(https://mx3d.myio.nl/wp-content/uploads/2025/09/Hero-lines-scaled.png), linear-gradient(256deg, rgb(0 0 0 / 0%) 20%, #0c0c0cf7 68.6%)!important; opacity: 1 !important; will-change: transform; /* triggert eigen layer */ transform: translate3d(0,0,0); /* forceer GPU layer in WebKit */ -webkit-backface-visibility: hidden; } .sub-pagina .elementor-background-video-container:before { background-image: none!important; } .hero-section:before, .hero-section:after { border-radius: 19px!important; } /*###############################*/ /*|| ||*/ /*|| Page title weight ||*/ /*|| ||*/ /*###############################*/ span.title-thin { font-family: var(--e-global-typography-primary-font-family) !important; font-size: var(--e-global-typography-primary-font-size) !important; font-weight: var(--e-global-typography-primary-font-weight) !important; line-height: var(--e-global-typography-primary-line-height) !important; letter-spacing: var(--e-global-typography-primary-letter-spacing) !important; } /*################################*/ /*|| ||*/ /*|| List items ||*/ /*|| ||*/ /*################################*/ /*Unordered list*/ .elementor-widget-text-editor ul li, .single .elementor-widget-theme-post-content ul li{ color: var( --e-global-color-6fce744 ) !important; display:grid; grid-template-columns:8px auto; align-items: baseline; justify-content: flex-start; gap: 0px 8px; } .elementor-widget-text-editor ul, .single .elementor-widget-theme-post-content ul { padding-left: 0rem; list-style-type: none; margin-bottom:1lh !important; } .elementor-widget-text-editor ul li:before, .single .elementor-widget-theme-post-content ul li:before { content:"" !important; display:flex; width:8px !important; height:8px !important; background-color:var(--e-global-color-5c8891b); border-radius:9999px; grid-row:1/100; } /*Ordered list*/ .elementor-widget-text-editor ol li h1, .elementor-widget-text-editor ol li h2, .elementor-widget-text-editor ol li h3, .elementor-widget-text-editor ol li h4, .elementor-widget-text-editor ol li h4, .elementor-widget-text-editor ol li h5, .elementor-widget-text-editor ol li h6, .single .elementor-widget-theme-post-content ol li h1, .single .elementor-widget-theme-post-content ol li h2, .single .elementor-widget-theme-post-content ol li h3, .single .elementor-widget-theme-post-content ol li h4, .single .elementor-widget-theme-post-content ol li h5, .single .elementor-widget-theme-post-content ol li h5, .single .elementor-widget-theme-post-content ol li h6 { font-family: var(--e-global-typography-5f37e49-font-family) !important; font-size: var(--e-global-typography-5f37e49-font-size) !important; font-weight: var(--e-global-typography-5f37e49-font-weight) !important; line-height: var(--e-global-typography-5f37e49-line-height) !important; letter-spacing: var(--e-global-typography-5f37e49-letter-spacing) !important; color: var(--e-global-color-6fce744) !important; margin:0 !important; } .elementor-widget-text-editor ol, .single .elementor-widget-theme-post-content ol { list-style: none; counter-reset: custom-counter; margin: 0; padding: 0; } .elementor-widget-text-editor ol li, .single .elementor-widget-theme-post-content ol li { font-family: var(--e-global-typography-48798e0-font-family), Sans-serif; font-size: var(--e-global-typography-48798e0-font-size); font-weight: var(--e-global-typography-48798e0-font-weight); line-height: var(--e-global-typography-48798e0-line-height); letter-spacing: var(--e-global-typography-48798e0-letter-spacing); color: var(--e-global-color-838d3cc); counter-increment: custom-counter; display: grid; grid-template-columns: 22px auto; column-gap: 8px !important; margin-bottom: 1em; } .elementor-widget-text-editor ol li::before, .single .elementor-widget-theme-post-content ol li::before { content: counter(custom-counter); display: flex; align-items: center; justify-content: center; font-family: var(--e-global-typography-a81c5ae-font-family), Sans-serif; font-size: var(--e-global-typography-a81c5ae-font-size); font-weight: var(--e-global-typography-a81c5ae-font-weight); line-height: var(--e-global-typography-a81c5ae-line-height); color: var( --e-global-color-71fa03e ); background: var( --e-global-color-cc8ebf2 ); border-radius: 4px; width: 22px; height: 22px; grid-row: 1/100; } .elementor-widget-text-editor ol li p, .single .elementor-widget-theme-post-content ol li p { margin: 0; } /*################################*/ /*|| ||*/ /*|| Txt max width ||*/ /*|| ||*/ /*################################*/ @media only screen and (min-width: 1025px) { .txt-max-col-4 { max-width: 394px; } .txt-max-col-5 { max-width: 500px; } } /*################################*/ /*|| ||*/ /*|| Primary BTN ||*/ /*|| ||*/ /*################################*/ /*Circle with arrow*/ .primary-arrow svg { fill: none!important } .primary-arrow .elementor-widget-container { width: 52px!important; height: 52px!important; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .primary-arrow .elementor-widget-container { width: 48px!important; height: 48px!important; } } .primary:hover a svg { transform: rotate(45deg); } .primary a svg { transition: transform 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19); } /*##################################*/ /*|| ||*/ /*|| Secondary BTN ||*/ /*|| ||*/ /*##################################*/ .secondary .elementor-button{ border:1px solid var( --e-global-color-838d3cc ) !important; background-color:transparent !important; color:var( --e-global-color-838d3cc ) !important; } .secondary .elementor-button:hover{ border:1px solid var(--e-global-color-6fce744) !important; color:var(--e-global-color-6fce744) !important; } /*Circle with arrow*/ .secondary-arrow svg { fill: none!important } .secondary-arrow .elementor-widget-container a { width: 50px!important; height: 50px!important; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .secondary-arrow .elementor-widget-container a { width: 46px!important; height: 46px!important; } } /*################################*/ /*|| ||*/ /*|| Carousel block ||*/ /*|| ||*/ /*################################*/ .scroll-outer-container .left { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 32px; background: linear-gradient(90deg, var(--e-global-color-cd7a0a2), transparent); z-index: 10; overflow: hidden; cursor: pointer; } .scroll-outer-container a.case { width: 287px; } @media only screen and (max-width: 767px) { .scroll-outer-container a.case { width: 250px; } } .scroll-outer-container .elementor-loop-container { display: flex!important; } .scroll-outer-container .right { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 73px; background: linear-gradient(270deg, var(--e-global-color-cd7a0a2), transparent); background-repeat: no-repeat; z-index: 10; overflow: hidden; transition: 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .right:before { content: ""; display: block; width: 16px; height: 16px; mask-image: url(/wp-content/uploads/2025/09/scroll-arrow.svg); mask-position: center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url(/wp-content/uploads/2025/09/scroll-arrow.svg); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: var(--e-global-color-6fce744); animation: bounce-slider 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes bounce-slider { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-10px); } } .scroll-outer-container.scroll-begin-gone .right { right: -60px; } .scroll-content{ max-width: 100000px!important; width: fit-content!important; padding-right: 60px!important; user-select: none!important; } .scroll-container { overflow: scroll; /* Firefox */ scrollbar-width: none; /* IE/Edge */ -ms-overflow-style: none; } /* Chrome, Safari, nieuwe Edge (WebKit/Blink) */ .scroll-container::-webkit-scrollbar { display: none; } .scroll-container { cursor: grab; touch-action: none; } /* Alleen tijdens slepen: visuele feedback + geen selectie */ .scroll-container.is-dragging { cursor: grabbing; user-select: none; } /* Links/afbeeldingen binnen de scroller niet native laten “draggable” zijn */ .scroll-container a, .scroll-container img { -webkit-user-drag: none; user-drag: none; } @media only screen and (max-width: 1024px) { .scroll-content { padding-right: 40px!important; } } @media only screen and (max-width: 767px) { .scroll-content { padding-right: 16px!important; } } /*################################*/ /*|| ||*/ /*|| Trimbox ||*/ /*|| ||*/ /*################################*/ :root { --transition: 0.5s 0s cubic-bezier(0.07, 0.95, 0.19, 1.64); --fade: 0.4s linear; } .trim.active:before { opacity: 0!important; } .trim:before { transition: var(--fade)!important; } .trim:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; transition: var(--fade)!important; } .trim.active:after { opacity: 0.79!important; } .trim .plus .elementor-icon-wrapper { transition: var(--transition)!important; } .trim.active .plus .elementor-icon-wrapper { transform: rotate(45deg) } .trim > div { z-index: 1; user-select: none!important; } .trim { cursor: pointer!important; user-select: none; } .trim-txt { line-height: var( --e-global-typography-48798e0-line-height )!important; overflow: hidden; transition: var(--transition)!important; } /* Ingeklapt: echte ellipsis op 2 regels */ .trim-txt.is-clamped { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } /* Uitgeklapt: alle tekst zichtbaar */ .trim.active .trim-txt { display: block; /* lijn-clamp weg in expanded state */ -webkit-line-clamp: unset; /* expliciet unset voor veiligheid */ text-overflow: clip; } /*###################################*/ /*|| ||*/ /*|| Hide scrollbar in off-canvas ||*/ /*|| ||*/ /*###################################*/ .e-off-canvas__content { /* Firefox */ scrollbar-width: none; overscroll-behavior: contain!important; /* IE/Edge */ -ms-overflow-style: none; } /* Chrome, Safari, nieuwe Edge (WebKit/Blink) */ .e-off-canvas__contentr::-webkit-scrollbar { display: none; } /*################################*/ /*|| ||*/ /*|| Marquee ||*/ /*|| ||*/ /*################################*/ :root { --marquee-width: 2049px; --marquee-elements-displayed: 8; --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed)); --marquee-animation-duration: calc(var(--marquee-elements) * 9s); } .marquee { width: var(--marquee-width); color: #000; position: relative; } .marquee-content { list-style: none; display: flex; animation: scrolling var(--marquee-animation-duration) linear infinite; gap: 32px !important; will-change: transform; } .marquee-content li { flex-shrink: 0; width: var(--marquee-element-width); } li.partner-logo { border-radius: 0px; display: flex; flex-direction: row; flex-grow: 1; align-items: center; justify-content: center; background:var( --e-global-color-71fa03e ); padding: 0px 32px !important; will-change: transform; } @media only screen and (max-width: 767px) { .marquee-content { gap: 6px !important; } li.partner-logo img { width: auto !important; max-height: 184px !important; object-fit: contain !important; mix-blend-mode: lighten !important; } } li.partner-logo img { width: auto !important; max-height: 184px !important; object-fit: contain !important; mix-blend-mode: lighten !important; } /*Uncomment this if you want the scroll to pause on hover */ /* .marquee-content:hover {*/ /* animation-play-state: paused;*/ /*} */ @keyframes scrolling { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); } } /*################################*/ /*|| ||*/ /*|| Reset headings strong ||*/ /*|| ||*/ /*################################*/ h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: inherit!important; } /*################################*/ /*|| ||*/ /*|| Form inputs ||*/ /*|| ||*/ /*################################*/ .elementor-field-group label { position: absolute; left: 27px; top: 15px; opacity: 0.5; transition: 0.2s ease!important; cursor: text; } textarea { overflow-x: hidden!important; } .elementor-field-group.active label { left: 12px; top: 0px; opacity: 1; } .elementor-field-group input::placeholder, .elementor-field-group textarea::placeholder { opacity: 0!important; transition: 0.2s ease!important; transform: translate(10px, -8px)!important; font-size: var( --e-global-typography-48798e0-font-size )!important; } .elementor-field-group.active input::placeholder, .elementor-field-group.active textarea::placeholder { opacity: 0.5!important; transform: translate(0px, 0px)!important; } .elementor-field-type-radio label { position: relative !important; left: 0 !important; top: 0 !important; } .elementor-field-type-select label{ left: 12px!important; top: 0px!important; opacity: 1; z-index: 1; } .elementor-field-type-upload label { left: 0px!important; top: 0px!important; opacity: 1; z-index: 1; position: relative!important; } input[type="radio"], input[type="checkbox"] { -webkit-appearance: none; appearance: none; padding: 0 !important; width: 24px; height: 24px; display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle; background-color: transparent!important; } input[type="radio"] { border-radius: 10000px !important; } input[type="radio"]:before, input[type="checkbox"]:before { content: ""; width: 10px; height: 10px; display: block; background-color: var(--e-global-color-6fce744); mask-image: url(/wp-content/uploads/2025/09/check-radio.svg); mask-size: contain; mask-position: center; mask-repeat: none; -webkit-mask-image: url(/wp-content/uploads/2025/09/check-radio.svg); -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-repeat: none; transform: scale(0); transition: 0.2s ease!important; } input[type="radio"]:checked:before, input[type="checkbox"]:checked:before { transform: scale(1); } span.elementor-field-option * { cursor: pointer; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active{ transition: 500000s ease-in-out 0s; } .custom-upload-wrapper { width: 100%; display: flex; align-items: center; gap: 8px; } button.custom-upload-button { padding: 0; width: 40px; height: 40px; border-radius: 109000px; border: 0; background-color: var(--e-global-color-a836031)!important; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } button.custom-upload-button:before { content: ""; display: block; width: 16px; height: 16px; background-color: var(--e-global-color-6fce744); mask-image: url(/wp-content/uploads/2025/09/file-export.svg); mask-position: center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url(/wp-content/uploads/2025/09/file-export.svg); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .custom-upload-wrapper { padding: 12px; border: 1px solid var(--e-global-color-a836031); border-radius: 8px; cursor: pointer; } span.custom-file-label { font-family: var(--e-global-typography-48798e0-font-family), Sans-serif; font-size: var(--e-global-typography-48798e0-font-size); font-weight: var(--e-global-typography-48798e0-font-weight); line-height: var(--e-global-typography-48798e0-line-height); letter-spacing: var(--e-global-typography-48798e0-letter-spacing); } /*################################*/ /*|| ||*/ /*|| Notification e-mails ||*/ /*|| ||*/ /*################################*/ .elementor-message { position: fixed; left: 50%; transform: translateX(-50%); bottom: -100px; z-index: 100; background-color: var(--e-global-color-3c05fa1); padding: 12px 32px; margin: 0; border-radius: 12px; transition: 0.4s cubic-bezier(0.3,2,0.5,1) !important; max-width: 300px; color: #fff !important; font-family: var(--e-global-typography-d802b0b-font-family), Sans-serif!important; font-size: var(--e-global-typography-d802b0b-font-size)!important; font-weight: var(--e-global-typography-d802b0b-font-weight)!important; line-height: var(--e-global-typography-d802b0b-line-height)!important; } .elementor-message.show { bottom: 20px; } .elementor-message:before { display: none!important } .elementor-message-danger { background-color: var(--e-global-color-93a30d7); } @media only screen and (max-width: 767px) { .elementor-message { left: 16px; right: 16px; width: auto; transform: none!important; max-width: 1000px; padding: 12px 16px; } .elementor-message.show { bottom: 16px; } }/* End custom CSS */