/* Preserve the original design; make layout and interaction independent of WordPress. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:clip}
img{max-width:100%;height:auto}
.kd-animated,.wpb_animate_when_almost_visible,.wpb_start_animation{opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}
.vc_row-full-width{display:none}
.vc_row[data-vc-full-width],.vc_row-no-padding{max-width:none}
.skip-link{position:fixed;left:16px;top:-100px;z-index:99999;background:#fff;padding:14px 20px;color:#172659}
.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #194fb6!important;outline-offset:4px}
.navbar-toggle{min-width:44px;min-height:44px}
.mobile-signup{display:none!important}
.static-faq{border-bottom:1px solid #e2e8f3;padding:18px 0;margin:0 0 8px;text-align:left}
.static-faq summary{cursor:pointer;color:#1e266d;font-size:19px;line-height:1.5;font-weight:600;padding-right:20px}
.static-faq-body{padding-top:16px;color:#5b6170;line-height:1.8}
.static-form{display:block!important;max-width:760px;margin:0 auto;text-align:left}
.static-field,.static-form fieldset{margin:0 0 22px;padding:0;border:0;min-width:0}
.static-form label,.static-form legend{display:block;color:#1e266d;font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.6}
.static-form input:not([type=radio]):not([type=hidden]),.static-form textarea,.static-form select{width:100%;height:auto;min-height:48px;border:1px solid #bec8d8;border-radius:5px;padding:12px 14px;background:#fff;color:#25324a;font:inherit;box-sizing:border-box;box-shadow:none}
.static-form textarea{resize:vertical}
.static-form .choice{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:1px solid #dce3ed;border-radius:5px;font-weight:400;cursor:pointer}
.static-form input[type=radio]{appearance:auto;position:static;opacity:1;width:19px;height:19px;margin:0;flex-shrink:0;accent-color:#377ef9}
.static-form button{float:none;min-height:50px;border:0;cursor:pointer}
.static-form button:disabled{opacity:.6;cursor:wait}
.static-form .form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{margin-top:18px!important;color:#1e266d;font-weight:600}
.form-privacy{font-size:14px;line-height:1.6}
/* Full-width sections no longer depend on page-builder JavaScript. */
#main>.section>.container>.row>.wpb-content-wrapper>.vc_row-no-padding{width:100vw;position:relative;left:50%;margin-left:-50vw!important;margin-right:0!important}
#main .vc_row-no-padding>.vc_column_container>.vc_column-inner>.wpb_wrapper>.vc_inner{width:100%!important;margin-left:0!important;margin-right:0!important}
#main .vc_row-no-padding .vc_inner>.container{width:1240px;max-width:100%;margin-left:auto;margin-right:auto}
body.home #main .wpb-content-wrapper>.vc_row:first-child .vc_inner{padding-top:100px!important;padding-bottom:100px!important}
.back-to-top{display:none!important}
@media(min-width:1261px){.navbar.navbar-fixed-top{position:relative!important;top:auto!important}.navbar.with-topbar~#wrapper{padding-top:0!important}body #wrapper{margin-top:0!important}.navbar .menubar{background:white!important}}
@media(max-width:1260px){
  #main-menu .mobile-signup{display:block!important}
  #main-menu .mobile-signup a{color:#377ef9!important;font-weight:700}
  #main-menu.static-open{display:block!important;visibility:visible!important;height:auto!important;max-height:70vh;overflow-y:auto;padding-bottom:16px}
  #main-menu.static-open .navbar-nav{display:block!important;float:none}
  #main-menu.static-open li{float:none!important;display:block!important}
  #main-menu.static-open a{min-height:48px;display:flex!important;align-items:center}
}
@media(max-width:767px){
  body.home #main .wpb-content-wrapper>.vc_row:first-child .vc_inner{padding-top:40px!important;padding-bottom:48px!important}
  .navbar .container{width:100%;padding-left:20px;padding-right:20px}
  #logo{max-width:calc(100% - 58px)!important}
  #logo img{max-width:100%!important;width:310px!important;height:auto!important}
  .topbar .topbar-email,.topbar .topbar-opening-hours{display:none!important}
  .topbar .topbar-phone span{display:inline!important}
  .topbar .topbar-phone{padding:0!important;border:0!important}
  .topbar{min-height:35px!important}
  body .container{max-width:100%}
  .vc_column_container>.vc_column-inner{padding-left:20px!important;padding-right:20px!important}
  .vc_inner .vc_column_container>.vc_column-inner{padding-left:0!important;padding-right:0!important}
  .vc_row{margin-left:0!important;margin-right:0!important}
  #main>.section>.container>.row>.wpb-content-wrapper>.vc_row-no-padding{margin-left:-50vw!important}
  .vc_row-has-padding-top{padding-top:48px!important}
  .vc_row-has-padding-bottom{padding-bottom:48px!important}
  body h1,body .kd-section-title h1{font-size:36px!important;line-height:1.18!important;margin-bottom:24px!important;overflow-wrap:break-word}
  body h2,body .kd-section-title h2{font-size:28px!important;line-height:1.25!important}
  body h6.subtitle{font-size:17px!important;line-height:1.65!important}
  .kd-section-title{padding:0!important}
  .kd-shapes{display:none!important}
  .tt_button{min-height:48px;white-space:normal!important}
  .kd-photobox{margin-top:30px!important}
  .ib-wrapper{padding:26px!important}
  .vc_col-sm-6,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-8{width:100%!important;float:none!important}
  .key-icon-box{margin-bottom:20px!important}
  footer .container{padding-left:24px!important;padding-right:24px!important}
  footer .row>div{margin-bottom:24px}
  .static-form{padding:0}
}
@media(max-width:380px){body h1,body .kd-section-title h1{font-size:30px!important;letter-spacing:-.4px}body h2,body .kd-section-title h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep contact icons in the brand blue on every page and navigation state. */
body .navbar.navbar-default .topbar.tb-border-design .topbar-contact i{color:#377ef9!important}

/* Shared desktop menu interaction for all NL/EN pages. */
@media (hover:hover) and (pointer:fine){
 body .navbar #main-menu .navbar-nav>li>a{transition:color .2s ease,opacity .2s ease}
 body .navbar #main-menu .navbar-nav:hover>li>a{opacity:.3!important}
 body .navbar #main-menu .navbar-nav>li>a:hover{opacity:1!important;color:#377ef9!important}
}
body .navbar #main-menu .navbar-nav>li>a:focus-visible{opacity:1!important;color:#377ef9!important;outline:2px solid #377ef9;outline-offset:4px}

/* Left-to-right fill uses a background layer, so it never covers the label. */
body :is(#wrapper,#footer,.navbar) .tt_button{
 --button-base:#377ef9;--button-fill:#1e266d;--button-ink:#fff;
 background-color:var(--button-base)!important;
 background-image:linear-gradient(var(--button-fill),var(--button-fill))!important;
 background-size:0% 100%!important;background-position:left center!important;background-repeat:no-repeat!important;
 color:var(--button-ink)!important;transition:background-size .35s ease,border-color .35s ease!important;
}
body :is(#wrapper,#footer,.navbar) .tt_button.tt_secondary_button,
body :is(#wrapper,#footer,.navbar) .tt_button.wizard-previous{--button-base:#fff;--button-fill:#dce9ff;--button-ink:#1e266d}
body :is(#wrapper,#footer,.navbar) .tt_button:is(:hover,:focus-visible):not(:disabled){
 background-color:var(--button-base)!important;background-image:linear-gradient(var(--button-fill),var(--button-fill))!important;
 background-size:100% 100%!important;background-position:left center!important;background-repeat:no-repeat!important;
 color:var(--button-ink)!important;border-color:var(--button-fill)!important;opacity:1!important;
}
body :is(#wrapper,#footer,.navbar) .tt_button::before,
body :is(#wrapper,#footer,.navbar) .tt_button::after{display:none!important}
body :is(#wrapper,#footer,.navbar) .tt_button :is(span,i,.iconita){color:inherit!important}
@media(prefers-reduced-motion:reduce){body :is(#wrapper,#footer,.navbar) .tt_button{transition:none!important}}

/* Keep the current navigation item blue independently of hover. */
body .navbar #main-menu .navbar-nav>li:is(.active,.current-menu-item)>a{color:#377ef9!important;opacity:1!important}