.elementor-4766 .elementor-element.elementor-element-17005f3{--display:flex;--min-height:90px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;overflow:visible;}.elementor-4766 .elementor-element.elementor-element-17005f3:not(.elementor-motion-effects-element-type-background), .elementor-4766 .elementor-element.elementor-element-17005f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #06071F 0%, #F2295B00 100%);}.elementor-4766 .elementor-element.elementor-element-ddc4ded{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4766 .elementor-element.elementor-element-ddc4ded.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{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 );line-height:var( --e-global-typography-text-line-height );}.elementor-4766 .elementor-element.elementor-element-faf10e6:hover .elementor-widget-container{background-color:#FFFFFF2B;}.elementor-4766 .elementor-element.elementor-element-faf10e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 14px 7px 14px;border-radius:186px 186px 186px 186px;}.elementor-4766 .elementor-element.elementor-element-17b7bc6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4766 .elementor-element.elementor-element-17b7bc6.e-con{--align-self:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4766 .elementor-element.elementor-element-ea148e4 .elementor-icon-wrapper{text-align:center;}.elementor-4766 .elementor-element.elementor-element-ea148e4.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-ea148e4.elementor-view-framed .elementor-icon:hover, .elementor-4766 .elementor-element.elementor-element-ea148e4.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-ea148e4.elementor-view-framed .elementor-icon:hover, .elementor-4766 .elementor-element.elementor-element-ea148e4.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:hover, .elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:focus, .elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:active, .elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li:hover > a{background-color:#FFFFFF2B;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel{background-color:#FFFFFF;border-style:none;border-radius:15px 15px 15px 15px;min-width:250;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger{background-color:#02010100;float:right;border-style:none;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger:hover{background-color:#02010100;}.elementor-4766 .elementor-element.elementor-element-31895ce > .elementor-widget-container{margin:0px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-container{height:47px;border-radius:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a{font-family:var( --e-global-typography-buttons-font-family ), Sans-serif;font-size:var( --e-global-typography-buttons-font-size );font-weight:var( --e-global-typography-buttons-font-weight );color:#FFFFFF;padding:7px 14px 7px 14px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:hover{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:focus{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:active{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li:hover > a{color:#FFFFFF;border-radius:138px 138px 138px 138px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li.current-menu-item > a{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li{margin:0px 3px 0px 3px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#FFFFFF;fill:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:var( --e-global-typography-buttons-font-family ), Sans-serif;font-size:var( --e-global-typography-buttons-font-size );font-weight:var( --e-global-typography-buttons-font-weight );padding:8px 0px 8px 0px;color:var( --e-global-color-footertext );border-style:none;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:var( --e-global-color-footertext );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li:last-child > a{border-style:none;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li:first-child > a{border-style:none;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-submenu-panel{padding:10px 15px 10px 15px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger > .ekit-menu-icon{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-close{border-style:none;color:rgba(51, 51, 51, 1);}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-close:hover{color:#FFFFFF00;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-2aa4ec9 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-buttons-font-family ), Sans-serif;font-size:var( --e-global-typography-buttons-font-size );font-weight:var( --e-global-typography-buttons-font-weight );fill:#FFFFFF;color:#FFFFFF;border-radius:300px 300px 300px 300px;padding:15px 23px 15px 23px;}.elementor-4766 .elementor-element.elementor-element-2aa4ec9 .elementor-button:hover, .elementor-4766 .elementor-element.elementor-element-2aa4ec9 .elementor-button:focus{background-color:var( --e-global-color-darkeraccent );}.elementor-4766 .elementor-element.elementor-element-c89870c > .elementor-widget-container{margin:3px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-b923b0c{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:17px 17px;--row-gap:17px;--column-gap:17px;border-style:none;--border-style:none;--border-radius:178px 178px 178px 178px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:9px;--padding-bottom:10px;--padding-left:11px;--padding-right:-7px;bottom:25px;--z-index:9999;overflow:visible;}.elementor-4766 .elementor-element.elementor-element-b923b0c:not(.elementor-motion-effects-element-type-background), .elementor-4766 .elementor-element.elementor-element-b923b0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06071F;}.elementor-4766 .elementor-element.elementor-element-b923b0c:hover{border-style:none;}.elementor-4766 .elementor-element.elementor-element-b923b0c, .elementor-4766 .elementor-element.elementor-element-b923b0c::before{--border-transition:0s;}.elementor-4766 .elementor-element.elementor-element-b923b0c.e-con{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-b923b0c{right:25px;}body.rtl .elementor-4766 .elementor-element.elementor-element-b923b0c{left:25px;}.elementor-4766 .elementor-element.elementor-element-a1b8967{width:var( --container-widget-width, 92px );max-width:92px;--container-widget-width:92px;--container-widget-flex-grow:0;}.elementor-4766 .elementor-element.elementor-element-9e11c81{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4766 .elementor-element.elementor-element-9bf99bd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-4766 .elementor-element.elementor-element-7ed3116 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-5145969{left:0px;}body.rtl .elementor-4766 .elementor-element.elementor-element-5145969{right:0px;}.elementor-4766 .elementor-element.elementor-element-5145969{top:0px;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{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 );}.elementor-4766 .elementor-element.elementor-element-fee392f{width:auto;max-width:auto;top:37px;--lottie-container-max-width:46px;}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-fee392f{left:43px;}body.rtl .elementor-4766 .elementor-element.elementor-element-fee392f{right:43px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-4766 .elementor-element.elementor-element-17005f3{--content-width:1250px;}.elementor-4766 .elementor-element.elementor-element-ddc4ded{--width:22%;}.elementor-4766 .elementor-element.elementor-element-17b7bc6{--width:78%;}.elementor-4766 .elementor-element.elementor-element-b923b0c{--width:auto;}}@media(max-width:1024px) and (min-width:768px){.elementor-4766 .elementor-element.elementor-element-ddc4ded{--width:35%;}.elementor-4766 .elementor-element.elementor-element-17b7bc6{--width:65%;}}@media(max-width:1024px){.elementor-4766 .elementor-element.elementor-element-17005f3{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4766 .elementor-element.elementor-element-faf10e6 img{width:249px;}.elementor-4766 .elementor-element.elementor-element-17b7bc6{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4766 .elementor-element.elementor-element-ea148e4 .elementor-icon{font-size:32px;}.elementor-4766 .elementor-element.elementor-element-ea148e4 .elementor-icon svg{height:32px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-buttons-font-size );color:#000000;padding:10px 15px 10px 15px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:var( --e-global-typography-buttons-font-size );padding:15px 15px 15px 15px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-4766 .elementor-element.elementor-element-2aa4ec9 .elementor-button{font-size:var( --e-global-typography-buttons-font-size );}.elementor-4766 .elementor-element.elementor-element-c89870c{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;}.elementor-4766 .elementor-element.elementor-element-c89870c > .elementor-widget-container{margin:-5px 0px 0px 0px;}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-b923b0c{right:30px;}body.rtl .elementor-4766 .elementor-element.elementor-element-b923b0c{left:30px;}.elementor-4766 .elementor-element.elementor-element-b923b0c{bottom:30px;}.elementor-4766 .elementor-element.elementor-element-a1b8967{--container-widget-width:84px;--container-widget-flex-grow:0;width:var( --container-widget-width, 84px );max-width:84px;}.elementor-4766 .elementor-element.elementor-element-9bf99bd .elementor-heading-title{font-size:13px;}.elementor-4766 .elementor-element.elementor-element-7ed3116 .elementor-heading-title{font-size:16px;}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-fee392f{left:38px;}body.rtl .elementor-4766 .elementor-element.elementor-element-fee392f{right:38px;}.elementor-4766 .elementor-element.elementor-element-fee392f{top:32px;}}@media(max-width:767px){.elementor-4766 .elementor-element.elementor-element-17005f3{--min-height:80px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;--z-index:99;}.elementor-4766 .elementor-element.elementor-element-ddc4ded{--width:70%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4766 .elementor-element.elementor-element-faf10e6{text-align:start;}.elementor-4766 .elementor-element.elementor-element-faf10e6 img{width:223px;max-width:414px;}.elementor-4766 .elementor-element.elementor-element-17b7bc6{--width:30%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-4766 .elementor-element.elementor-element-ea148e4 > .elementor-widget-container{margin:0px 4px -6px 0px;padding:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-ea148e4 .elementor-icon{font-size:26px;}.elementor-4766 .elementor-element.elementor-element-ea148e4 .elementor-icon svg{height:26px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-buttons-font-size );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:var( --e-global-typography-buttons-font-size );}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-menu-hamburger > .ekit-menu-icon{font-size:25px;}.elementor-4766 .elementor-element.elementor-element-31895ce .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-4766 .elementor-element.elementor-element-2aa4ec9 .elementor-button{font-size:var( --e-global-typography-buttons-font-size );}.elementor-4766 .elementor-element.elementor-element-c89870c{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;}.elementor-4766 .elementor-element.elementor-element-c89870c > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4766 .elementor-element.elementor-element-b923b0c{--width:auto;--flex-wrap:nowrap;--padding-top:7px;--padding-bottom:7px;--padding-left:9px;--padding-right:9px;bottom:10px;}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-b923b0c{right:10px;}body.rtl .elementor-4766 .elementor-element.elementor-element-b923b0c{left:10px;}.elementor-4766 .elementor-element.elementor-element-a1b8967{--container-widget-width:71px;--container-widget-flex-grow:0;width:var( --container-widget-width, 71px );max-width:71px;}.elementor-4766 .elementor-element.elementor-element-9e11c81{--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-4766 .elementor-element.elementor-element-9bf99bd .elementor-heading-title{font-size:13px;}.elementor-4766 .elementor-element.elementor-element-7ed3116 .elementor-heading-title{font-size:17px;}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-4766 .elementor-element.elementor-element-fee392f{left:30px;}body.rtl .elementor-4766 .elementor-element.elementor-element-fee392f{right:30px;}.elementor-4766 .elementor-element.elementor-element-fee392f{top:27px;--lottie-container-max-width:42px;}}/* Start custom CSS for shortcode, class: .elementor-element-c89870c *//* ========== BASIS ========== */ .gtranslate_wrapper { position: relative; display: inline-block; --flag-size: 30px; --icon-size: 12px; --gap: 4px; /* ✅ pill settings (actieve vlag) */ --pill-pad-y: 7px; --pill-pad-x: 14px; --pill-gap: 10px; /* pill hoogte = vlag + 2 * pill-pad-y */ --pill-height: calc(var(--flag-size) + (2 * var(--pill-pad-y))); /* afstand tussen hoofdvlag en submenu */ --submenu-gap: 10px; /* dropdown start onder de pill + extra gap */ --submenu-offset: calc(var(--pill-height) + var(--submenu-gap)); /* ✅ dropdown item “echte hoogte” */ --item-pad-y: 6px; --item-height: calc(var(--flag-size) + (2 * var(--item-pad-y))); --submenu-items: 1; /* maximaal aantal NIET-actieve talen in dropdown */ /* ✅ pill breedte = padding L/R + vlag + gap + icon */ --pill-width: calc( (2 * var(--pill-pad-x)) + var(--flag-size) + var(--pill-gap) + var(--icon-size) ); /* ✅ dropdown container dezelfde breedte als pill */ --menu-width: var(--pill-width); --menu-padding-x: 10px; /* ✅ MEER WITRUIMTE boven/onder wanneer er meer items zijn */ --menu-pad-extra-per-item: 4px; --menu-padding-y: calc( max(0px, (var(--pill-height) - var(--item-height)) / 2) + (max(0, (var(--submenu-items) - 1)) * var(--menu-pad-extra-per-item)) ); /* ✅ hover-pill achter dropdown vlag: kleiner + marge tot rand */ --item-hover-inset: 14px; /* meer = meer ruimte tot rand */ --item-hover-width: min(calc(var(--flag-size) + 26px), calc(var(--menu-width) - var(--item-hover-inset))); --item-hover-height: calc(var(--flag-size) + 10px); /* was +14px */ --dropdown-icon: url("data:image/svg+xml;utf8,"); } /* Transparante “brug” tussen pill en submenu (houdt hover vast in de lege ruimte) */ .gtranslate_wrapper::after { content: ""; position: absolute; left: 50%; top: var(--pill-height); width: max(var(--menu-width), 100%); height: var(--submenu-gap); transform: translateX(-50%); opacity: 0; pointer-events: none; z-index: 6; } .gtranslate_wrapper:hover::after, .gtranslate_wrapper:focus-within::after { pointer-events: auto; } /* WIT BLOK ACHTER HET SUBMENU – GECENTREERD */ .gtranslate_wrapper::before { content: ""; position: absolute; left: 50%; top: var(--submenu-offset); width: var(--menu-width); height: calc( var(--submenu-items) * var(--item-height) + (var(--submenu-items) - 1) * var(--gap) + 2 * var(--menu-padding-y) ); background: #ffffff; /* pill-look */ border-radius: 999px; box-shadow: 0 4px 10px rgba(0,0,0,.15); opacity: 0; pointer-events: none; transform: translate(-50%, 4px); transition: opacity .15s ease, transform .15s ease; z-index: 5; } .gtranslate_wrapper:hover::before, .gtranslate_wrapper:focus-within::before { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; } /* ========== ALLE LINKS (Vlag) ========== */ .gtranslate_wrapper .glink { position: absolute; left: 50%; transform: translateX(-50%); display: none; align-items: center; text-decoration: none; padding: 0; border: none; background: none; z-index: 10; color: #000; font-size: 13px; white-space: nowrap; } /* Vlag-afbeeldingen */ .gtranslate_wrapper .glink img { display: block; width: var(--flag-size); height: var(--flag-size); margin-right: 8px; } /* Taalnaam naast de vlag in het dropdown-menu – UITGESCHAKELD */ .gtranslate_wrapper .glink:not(.gt-current-lang)::after { content: ""; display: none; } /* ========== HOOFDVLAAG: ACTIEVE TAAL (PILL) ========== */ .gtranslate_wrapper .gt-current-lang { position: relative; display: inline-flex; align-items: center; padding: var(--pill-pad-y) var(--pill-pad-x); border-radius: 999px; background-color: transparent; z-index: 20; gap: var(--pill-gap); transition: background-color .15s ease, box-shadow .15s ease, border-radius .15s ease, padding .15s ease; } .gtranslate_wrapper .gt-current-lang img { display: block; width: var(--flag-size); height: var(--flag-size); margin: 0; } .gtranslate_wrapper .gt-current-lang::after { content: ""; width: var(--icon-size); height: var(--icon-size); background-image: var(--dropdown-icon); background-repeat: no-repeat; background-size: contain; flex-shrink: 0; } .gtranslate_wrapper:hover .gt-current-lang, .gtranslate_wrapper:focus-within .gt-current-lang { background-color: #FFFFFF2B; border-radius: 999px; box-shadow: 0 4px 10px rgba(0,0,0,.15); cursor: pointer; } /* ========== DROPDOWN-ITEMS: NIET-ACTIEVE TALEN ========== */ /* posities */ .gtranslate_wrapper .glink:nth-child(1 of .glink:not(.gt-current-lang)) { top: calc(var(--submenu-offset) + var(--menu-padding-y)); } .gtranslate_wrapper .glink:nth-child(2 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 1 * (var(--item-height) + var(--gap)) ); } .gtranslate_wrapper .glink:nth-child(3 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 2 * (var(--item-height) + var(--gap)) ); } .gtranslate_wrapper .glink:nth-child(4 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 3 * (var(--item-height) + var(--gap)) ); } .gtranslate_wrapper .glink:nth-child(5 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 4 * (var(--item-height) + var(--gap)) ); } .gtranslate_wrapper .glink:nth-child(6 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 5 * (var(--item-height) + var(--gap)) ); } .gtranslate_wrapper .glink:nth-child(7 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 6 * (var(--item-height) + var(--gap)) ); } .gtranslate_wrapper .glink:nth-child(8 of .glink:not(.gt-current-lang)) { top: calc( var(--submenu-offset) + var(--menu-padding-y) + 7 * (var(--item-height) + var(--gap)) ); } /* Bij hover/focus: toon alle NIET-actieve talen */ .gtranslate_wrapper:hover .glink:not(.gt-current-lang), .gtranslate_wrapper:focus-within .glink:not(.gt-current-lang) { display: inline-flex; } /* ========== CENTREREN + MOOIERE PILL HOVER VOOR DROPDOWN Vlaggen ========== */ .gtranslate_wrapper .glink:not(.gt-current-lang){ width: var(--menu-width); justify-content: center; padding: var(--item-pad-y) 0; } /* vlag in dropdown exact gecentreerd */ .gtranslate_wrapper .glink:not(.gt-current-lang) img{ margin-right: 0; position: relative; z-index: 1; } /* pill achter de vlag (✅ kleiner zodat hij niet tegen randen aankomt) */ .gtranslate_wrapper .glink:not(.gt-current-lang)::before{ content:""; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) scale(.94); width: var(--item-hover-width); height: var(--item-hover-height); border-radius: 999px; background: rgba(0,0,0,.06); box-shadow: 0 6px 14px rgba(0,0,0,.10); opacity: 0; transition: opacity .15s ease, transform .15s ease, background-color .15s ease; z-index: 0; } .gtranslate_wrapper .glink:not(.gt-current-lang):hover::before, .gtranslate_wrapper .glink:not(.gt-current-lang):focus-visible::before{ opacity: 1; transform: translate(-50%, -50%) scale(1); background: rgba(0,0,0,.08); } /* ========== GOOGLE ELEMENT VERBERGEN ========== */ #google_translate_element2 { display: none !important; } /* ========== GTRANSLATE HOVER OP VLAGGEN UITZETTEN ========== */ .gtranslate_wrapper .glink img, .gtranslate_wrapper .glink:hover img, .gtranslate_wrapper .glink:focus img, .gtranslate_wrapper .glink:active img { filter: none !important; opacity: 1 !important; transform: none !important; } /* als GTranslate een class zoals .gtranslate_wrapper .glink span of img met brightness aanstuurt */ .gtranslate_wrapper .glink, .gtranslate_wrapper .glink:hover, .gtranslate_wrapper .glink:focus, .gtranslate_wrapper .glink:active { filter: none !important; } @media (max-width: 1024px) { .gtranslate_wrapper{ --submenu-gap: 10px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17005f3 *//* Sticky achtergrond + kleinere hoogte */ .elementor-4766 .elementor-element.elementor-element-17005f3.elementor-sticky--effects{ background-color: rgb(6, 7, 31) !important; } /* Basis header (niet-sticky): wat hoger */ .elementor-4766 .elementor-element.elementor-element-17005f3{ transition: background-color 1s ease, min-height 1s ease; } /* Logo normaal */ .elementor-4766 .elementor-element.elementor-element-17005f3 .logo img { max-width: 250px; height: auto; transition: all 1s ease; } /* Logo sticky (kleiner, zodat alles in die ~70px past) */ .elementor-4766 .elementor-element.elementor-element-17005f3.elementor-sticky--effects .logo img { max-width: 230px; height: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b923b0c *//* Basisstijl van de CTA: vast linksonder, maar onzichtbaar */ .cta-floating { z-index: 9999; opacity: 0; visibility: hidden; background-color: var(--e-global-color-primary); transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease, background-color 0.3s ease; } /* Als de pagina genoeg gescrolld is, voegt JS deze class toe */ .cta-floating.is-visible { opacity: 1; visibility: visible; } /* Hover: alleen kleur, geen extra beweging */ .cta-floating:hover { background-color: var(--e-global-color-accent) !important; } .cta-floating { cursor: pointer; }/* End custom CSS */