.elementor-kit-9{--e-global-color-primary:#075B87;--e-global-color-secondary:#2F9BC5;--e-global-color-text:#31475A;--e-global-color-accent:#087EB6;--e-global-color-c0016a5:#101820;--e-global-color-d5090f5:#054866;--e-global-color-3a39051:#EEF7FB;--e-global-color-3c60396:#F7F9FA;--e-global-color-78ff8e7:#DDE6EB;--e-global-color-6680c1e:#F8FAFB;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:54px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-letter-spacing:-0.05em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:44px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-letter-spacing:-0.04em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-6828b00-font-family:"Montserrat";--e-global-typography-6828b00-font-size:28px;--e-global-typography-6828b00-font-weight:700;--e-global-typography-6828b00-letter-spacing:-0.025em;--e-global-typography-197a036-font-family:"Montserrat";--e-global-typography-197a036-font-size:22px;--e-global-typography-197a036-font-weight:700;--e-global-typography-197a036-letter-spacing:-0.018em;--e-global-typography-ad81ae8-font-family:"Montserrat";--e-global-typography-ad81ae8-font-size:18px;--e-global-typography-ad81ae8-font-weight:700;--e-global-typography-8589215-font-family:"Montserrat";--e-global-typography-8589215-font-size:15px;--e-global-typography-8589215-font-weight:700;--e-global-typography-7f60db2-font-family:"Montserrat";--e-global-typography-7f60db2-font-size:19px;--e-global-typography-4c2d6a1-font-family:"Montserrat";--e-global-typography-4c2d6a1-font-size:14px;--e-global-typography-4c2d6a1-font-weight:400;--e-global-typography-656c66d-font-family:"Montserrat";--e-global-typography-656c66d-font-size:12px;--e-global-typography-656c66d-font-weight:700;--e-global-typography-656c66d-letter-spacing:0.12em;background-color:var( --e-global-color-6680c1e );color:var( --e-global-color-text );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 );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#075B87;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 );color:#FFFFFF;border-radius:7px 7px 7px 7px;padding:16px 24px 16px 24px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#054866;color:#FFFFFF;border-radius:7px 7px 7px 7px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-primary );}.elementor-kit-9 a:hover{color:var( --e-global-color-accent );}.elementor-kit-9 h1{color:var( --e-global-color-c0016a5 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h2{color:var( --e-global-color-c0016a5 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-9 h3{color:var( --e-global-color-c0016a5 );font-family:var( --e-global-typography-6828b00-font-family ), Sans-serif;font-size:var( --e-global-typography-6828b00-font-size );font-weight:var( --e-global-typography-6828b00-font-weight );letter-spacing:var( --e-global-typography-6828b00-letter-spacing );}.elementor-kit-9 h4{color:var( --e-global-color-c0016a5 );font-family:var( --e-global-typography-197a036-font-family ), Sans-serif;font-size:var( --e-global-typography-197a036-font-size );font-weight:var( --e-global-typography-197a036-font-weight );letter-spacing:var( --e-global-typography-197a036-letter-spacing );}.elementor-kit-9 h5{color:var( --e-global-color-c0016a5 );font-family:var( --e-global-typography-ad81ae8-font-family ), Sans-serif;font-size:var( --e-global-typography-ad81ae8-font-size );font-weight:var( --e-global-typography-ad81ae8-font-weight );letter-spacing:var( --e-global-typography-ad81ae8-letter-spacing );}.elementor-kit-9 h6{color:var( --e-global-color-c0016a5 );font-family:var( --e-global-typography-8589215-font-family ), Sans-serif;font-size:var( --e-global-typography-8589215-font-size );font-weight:var( --e-global-typography-8589215-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-9{--e-global-typography-primary-font-size:46px;--e-global-typography-secondary-font-size:38px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:15px;--e-global-typography-6828b00-font-size:25px;--e-global-typography-197a036-font-size:21px;--e-global-typography-ad81ae8-font-size:18px;--e-global-typography-8589215-font-size:15px;--e-global-typography-7f60db2-font-size:18px;--e-global-typography-4c2d6a1-font-size:14px;--e-global-typography-656c66d-font-size:12px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-6828b00-font-size );letter-spacing:var( --e-global-typography-6828b00-letter-spacing );}.elementor-kit-9 h4{font-size:var( --e-global-typography-197a036-font-size );letter-spacing:var( --e-global-typography-197a036-letter-spacing );}.elementor-kit-9 h5{font-size:var( --e-global-typography-ad81ae8-font-size );letter-spacing:var( --e-global-typography-ad81ae8-letter-spacing );}.elementor-kit-9 h6{font-size:var( --e-global-typography-8589215-font-size );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:34px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:14px;--e-global-typography-6828b00-font-size:22px;--e-global-typography-197a036-font-size:19px;--e-global-typography-ad81ae8-font-size:17px;--e-global-typography-8589215-font-size:14px;--e-global-typography-7f60db2-font-size:16px;--e-global-typography-4c2d6a1-font-size:13px;--e-global-typography-656c66d-font-size:11px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-6828b00-font-size );letter-spacing:var( --e-global-typography-6828b00-letter-spacing );}.elementor-kit-9 h4{font-size:var( --e-global-typography-197a036-font-size );letter-spacing:var( --e-global-typography-197a036-letter-spacing );}.elementor-kit-9 h5{font-size:var( --e-global-typography-ad81ae8-font-size );letter-spacing:var( --e-global-typography-ad81ae8-letter-spacing );}.elementor-kit-9 h6{font-size:var( --e-global-typography-8589215-font-size );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ========================================================= WORKRISE — ELEMENTOR BUTTON Ultra Clean Ambient Glow Desktop • Tablet • Mobile ========================================================= */ /* ========================================================= BASIS ========================================================= */ .elementor-widget-button, .elementor-widget-button .elementor-button-wrapper { margin: 0 !important; } .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin: 0 !important; line-height: 1 !important; vertical-align: top; transform: translate3d(0, 0, 0); transform-origin: center; box-shadow: 0 4px 12px rgba(16, 24, 32, 0.08), 0 1px 3px rgba(16, 24, 32, 0.05); transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1), filter 300ms ease, opacity 220ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } .elementor-button, .elementor-button::before, .elementor-button::after { border-radius: inherit; } /* ========================================================= CONTENT ========================================================= */ .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 3; display: inline-flex; align-items: center; justify-content: center; gap: 10px; } /* ========================================================= SUBTIELE LICHTBAAN Werkt automatisch op alle apparaten ========================================================= */ .elementor-button::before { content: ""; position: absolute; top: -40%; bottom: -40%; left: 0; width: 32%; height: auto; z-index: 1; pointer-events: none; background: linear-gradient( 105deg, transparent 0%, rgba(255, 255, 255, 0.015) 25%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.025) 75%, transparent 100% ); filter: blur(3px); opacity: 0; transform: translate3d(-180%, 0, 0) skewX(-16deg); -webkit-animation: workriseCleanSweep 8s cubic-bezier(0.65, 0, 0.35, 1) infinite; animation: workriseCleanSweep 8s cubic-bezier(0.65, 0, 0.35, 1) infinite; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ========================================================= AMBIENT INNER GLOW ========================================================= */ .elementor-button::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0.22; background: radial-gradient( 85% 110% at 20% 0%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.025) 38%, transparent 68% ), radial-gradient( 90% 120% at 90% 100%, rgba(74, 144, 226, 0.08) 0%, rgba(74, 144, 226, 0.02) 42%, transparent 70% ); -webkit-animation: workriseAmbientGlow 5.5s ease-in-out infinite; animation: workriseAmbientGlow 5.5s ease-in-out infinite; transition: opacity 320ms ease; } /* ========================================================= HOVER — DESKTOP ========================================================= */ @media (hover: hover) and (pointer: fine) { .elementor-button:hover { transform: translate3d(5px, 0, 0); filter: brightness(1.025); box-shadow: 0 8px 18px rgba(16, 24, 32, 0.12), 0 2px 6px rgba(16, 24, 32, 0.07), 0 0 14px rgba(74, 144, 226, 0.08); } .elementor-button:hover::after { opacity: 0.42; } .elementor-button:hover .elementor-button-icon { transform: translateX(2px); } } /* ========================================================= ICOON ========================================================= */ .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1); } /* ========================================================= ACTIVE ========================================================= */ .elementor-button:active { transform: scale(0.985); opacity: 0.98; box-shadow: 0 4px 10px rgba(16, 24, 32, 0.10), 0 1px 4px rgba(16, 24, 32, 0.05); transition-duration: 120ms; } /* ========================================================= FOCUS — TOEGANKELIJKHEID ========================================================= */ .elementor-button:focus-visible { outline: 3px solid rgba(74, 144, 226, 0.25); outline-offset: 3px; } .elementor-button:focus-visible .elementor-button-icon { transform: translateX(2px); } /* ========================================================= TABLET & MOBIEL Automatische lichtanimatie blijft actief ========================================================= */ @media (hover: none), (pointer: coarse) { .elementor-button { -webkit-tap-highlight-color: transparent; } .elementor-button:hover { transform: none; filter: none; } .elementor-button:active { transform: scale(0.985); } .elementor-button:hover .elementor-button-icon { transform: none; } .elementor-button::before { width: 38%; -webkit-animation: workriseCleanSweepMobile 7s ease-in-out infinite; animation: workriseCleanSweepMobile 7s ease-in-out infinite; } .elementor-button::after { -webkit-animation: workriseAmbientGlowMobile 5s ease-in-out infinite; animation: workriseAmbientGlowMobile 5s ease-in-out infinite; } } /* ========================================================= MOBILE OPTIMALISATIE ========================================================= */ @media (max-width: 767px) { .elementor-button::before { width: 38%; filter: blur(2px); } .elementor-button::after { opacity: 0.22; } .elementor-button .elementor-button-content-wrapper { gap: 8px; } } /* ========================================================= DESKTOP — SWEEP ========================================================= */ @-webkit-keyframes workriseCleanSweep { 0% { -webkit-transform: translate3d(-180%, 0, 0) skewX(-16deg); opacity: 0; } 6% { opacity: 0.55; } 28% { -webkit-transform: translate3d(480%, 0, 0) skewX(-16deg); opacity: 0.55; } 34%, 100% { -webkit-transform: translate3d(480%, 0, 0) skewX(-16deg); opacity: 0; } } @keyframes workriseCleanSweep { 0% { transform: translate3d(-180%, 0, 0) skewX(-16deg); opacity: 0; } 6% { opacity: 0.55; } 28% { transform: translate3d(480%, 0, 0) skewX(-16deg); opacity: 0.55; } 34%, 100% { transform: translate3d(480%, 0, 0) skewX(-16deg); opacity: 0; } } /* ========================================================= MOBILE — SWEEP ========================================================= */ @-webkit-keyframes workriseCleanSweepMobile { 0% { -webkit-transform: translate3d(-180%, 0, 0) skewX(-16deg); opacity: 0; } 8% { opacity: 0.65; } 32% { -webkit-transform: translate3d(380%, 0, 0) skewX(-16deg); opacity: 0.65; } 40%, 100% { -webkit-transform: translate3d(380%, 0, 0) skewX(-16deg); opacity: 0; } } @keyframes workriseCleanSweepMobile { 0% { transform: translate3d(-180%, 0, 0) skewX(-16deg); opacity: 0; } 8% { opacity: 0.65; } 32% { transform: translate3d(380%, 0, 0) skewX(-16deg); opacity: 0.65; } 40%, 100% { transform: translate3d(380%, 0, 0) skewX(-16deg); opacity: 0; } } /* ========================================================= DESKTOP — AMBIENT GLOW ========================================================= */ @-webkit-keyframes workriseAmbientGlow { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.26; } } @keyframes workriseAmbientGlow { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.26; } } /* ========================================================= MOBILE — AMBIENT GLOW ========================================================= */ @-webkit-keyframes workriseAmbientGlowMobile { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.32; } } @keyframes workriseAmbientGlowMobile { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.32; } } /* ========================================================= REDUCED MOTION Respecteert apparaatinstellingen ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-button, .elementor-button .elementor-button-icon { transition: none !important; } .elementor-button::before, .elementor-button::after { -webkit-animation: none !important; animation: none !important; } .elementor-button::before { opacity: 0; } .elementor-button::after { opacity: 0.22; } .elementor-button:hover, .elementor-button:active { transform: none !important; } }/* End custom CSS */