/* Eén rustig submenu-paneel; verdere niveaus openen binnen hetzelfde vlak. */
@media(min-width:981px){
 .main-nav,.main-nav>ul>li{position:static}
 .main-nav>ul>li>.sub-menu{left:auto;right:24px;top:calc(100% - 8px);width:min(620px,calc(100vw - 88px));min-width:0;max-height:calc(100svh - 205px);overflow-y:auto;padding:18px;gap:10px;border:1px solid #e6e2dc;border-top:2px solid #b71124;border-radius:14px;box-shadow:0 18px 55px #15212b26;align-items:start}
 .main-nav>ul>li.submenu-open>.sub-menu{display:grid;grid-template-columns:1fr 1fr}
 .main-nav>ul>li>.sub-menu>li{background:#f7f6f3;border:1px solid #eae7e1;border-radius:9px;padding:3px 7px;min-width:0}
 .main-nav .sub-menu>li>a{font-weight:650;line-height:1.5}
 .main-nav .sub-menu .sub-menu{position:static;left:auto;top:auto;min-width:0;margin:0 0 10px 8px;padding:0 0 0 10px;border:0;border-left:2px solid #b711242b;border-radius:0;box-shadow:none;background:transparent;max-height:none}
 .main-nav .sub-menu .sub-menu a{font-size:12px;font-weight:500;padding:9px 8px}
 .main-nav .sub-menu .submenu-toggle{float:right;margin-top:5px;width:30px;min-width:30px;height:32px;min-height:32px}
 .main-nav .sub-menu .menu-item-has-children>a{max-width:calc(100% - 34px)}
}
/* Originele kinderillustratie met bewegende clownvisjes en bubbels. */
.explorers-world{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#064264;pointer-events:none}
.explorers-art{width:100%;height:100%;object-fit:cover;object-position:center 58%;animation:explorers-drift 18s ease-in-out infinite alternate;transform-origin:center}
.page-heading.is-explorers{min-height:420px;padding-top:250px;padding-bottom:70px}
.page-heading .explorers-shade{background:linear-gradient(180deg,#06334b05 30%,#052c4866 75%,#05253c99)}
.page-heading.is-explorers h1{font-weight:750;text-shadow:0 3px 20px #012b4d66}
.explorers-fish{position:absolute;width:80px;left:12%;top:62%;filter:drop-shadow(0 5px 9px #032c4933);animation:explorers-swim 16s ease-in-out infinite alternate}
.explorers-fish-1{width:52px;left:23%;top:78%;animation-delay:-5s;animation-duration:19s}
.explorers-fish-2{width:60px;left:72%;top:72%;animation-delay:-9s;animation-duration:22s}
.explorers-bubbles{position:absolute;inset:0;overflow:hidden}
.explorers-bubbles i{position:absolute;left:calc(6% + var(--i)*11%);bottom:-25px;width:calc(7px + var(--i)*1px);height:calc(7px + var(--i)*1px);border:1px solid #ffffff66;background:#ffffff0a;border-radius:50%;animation:explorers-bubble calc(9s + var(--i)*.7s) linear infinite;animation-delay:calc(var(--i)*-2s)}
body.godive-motion-paused .explorers-world *{animation-play-state:paused}
@keyframes explorers-drift{from{transform:scale(1.015)}to{transform:scale(1.055) translateY(-.5%)}}
@keyframes explorers-swim{0%{transform:translate(-25px,5px) rotate(-3deg)}50%{transform:translate(45px,-12px) rotate(2deg)}100%{transform:translate(120px,6px) rotate(-2deg)}}
@keyframes explorers-bubble{from{transform:translate(0,0);opacity:0}10%{opacity:.7}85%{opacity:.5}to{transform:translate(24px,-470px);opacity:0}}
@media(max-width:760px){.page-heading.is-explorers{min-height:350px;padding:180px 0 65px}.explorers-art{object-position:78% center;opacity:.9}.explorers-fish{width:58px;left:4%;top:67%}.explorers-fish-1{width:38px;left:8%;top:83%}.explorers-fish-2{display:none}.page-heading.is-explorers h1{font-size:36px}.page-heading .explorers-shade{background:linear-gradient(180deg,#05253c10,#05253c66)}}
@media(prefers-reduced-motion:reduce){.explorers-world *{animation:none!important}}
@media print{.explorers-fish,.explorers-bubbles{display:none}}

/* Licht doorschijnende menubalk boven het onderwaterbeeld. */
.header-inner{background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(max-width:980px){.header-inner{background:rgba(255,255,255,.90);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(prefers-reduced-transparency:reduce){.header-inner{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Een rustige mobiele navigatie met grote aanraakvlakken en interne niveaus. */
/* Klassieke uitklaplijst direct onder het hoofditem. */
@media(min-width:981px){
 .main-nav>ul>li{position:relative}
 .main-nav>ul>li>.sub-menu{left:0;right:auto;top:100%;width:285px;min-width:250px;max-width:calc(100vw - 60px);padding:8px;gap:0;border-radius:9px;max-height:none;overflow:visible}
 .main-nav>ul>li.submenu-open>.sub-menu,.main-nav>ul>li.menu-item-has-children:hover>.sub-menu{display:block;grid-template-columns:none}
 .main-nav>ul>li>.sub-menu>li{background:none;border:0;border-bottom:1px solid #edeae4;border-radius:0;padding:0}
 .main-nav>ul>li>.sub-menu>li:last-child{border-bottom:0}
 .main-nav .sub-menu>li>a{padding:12px;font-size:13px;font-weight:600}
 .main-nav .sub-menu .sub-menu{position:absolute;left:calc(100% - 8px);right:auto;top:-9px;width:275px;min-width:250px;margin:0;padding:8px;background:#fff;border:1px solid #e6e2dc;border-top:2px solid #b71124;border-radius:9px;box-shadow:0 14px 35px #15212b26;max-height:none;overflow:visible;z-index:5}
 .main-nav .sub-menu .sub-menu.submenu-flip{left:auto;right:calc(100% - 8px)}
 .main-nav .sub-menu .sub-menu>li{border-bottom:1px solid #edeae4}
 .main-nav .sub-menu .sub-menu>li:last-child{border-bottom:0}
 .main-nav .sub-menu .sub-menu a{padding:9px 12px;line-height:1.5}
 .main-nav .sub-menu .submenu-icon svg{transform:rotate(-90deg)}
 .main-nav .sub-menu .sub-menu a{font-weight:500}
}
@media(min-width:981px){
 .main-nav>ul>li.menu-item-has-children:hover>.sub-menu{display:block}
 .main-nav .sub-menu li.menu-item-has-children:hover>.sub-menu{display:block}
 .main-nav>ul>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-44px;height:44px}
}
@media(max-width:980px){
 .menu-open .header-inner{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
 .main-nav{position:absolute;top:calc(100% + 10px);left:20px;right:20px;margin:0;padding:12px 18px 18px;background:#fff;border:1px solid #e7e3dd;border-radius:16px;box-shadow:0 18px 55px #08172435;max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
 .main-nav>ul{margin:0;display:block}
 .main-nav>ul>li{display:flow-root;border:0;border-bottom:1px solid #ece9e3;padding:3px 0;background:none;border-radius:0}
 .main-nav>ul>li>a{font-size:15px;font-weight:650;padding:14px 4px;min-height:50px;white-space:normal}
 .main-nav .menu-item-has-children>a{width:calc(100% - 46px)}
 .main-nav .submenu-toggle{float:right;width:44px;min-width:44px;height:48px;min-height:48px;margin:1px 0 0;padding:13px;border-radius:8px;background:#f5f3ef;color:#8b2835}
 .main-nav .sub-menu,.main-nav .sub-menu .sub-menu{position:static;width:auto;min-width:0;margin:0 0 9px;padding:4px 0 4px 14px;border:0;border-left:2px solid #b7112426;border-radius:0;box-shadow:none;background:none}
 .main-nav .sub-menu>li{display:flow-root;border:0;padding:0}
 .main-nav .sub-menu a{font-size:14px;font-weight:500;line-height:1.5;padding:12px 8px;white-space:normal}
 .main-nav .sub-menu .sub-menu a{font-size:13px}
 .main-nav .submenu-open>.submenu-toggle{background:#b711240c}
 .main-nav .submenu-icon{transform:none}
 .main-nav .submenu-open>.submenu-toggle svg{transform:rotate(180deg)}
 .menu-toggle{border-radius:9px;background:#f7f5f1;padding:11px 14px;color:#17212b}
 .menu-open .hamburger{border-color:transparent}.menu-open .hamburger::after{transform:rotate(45deg)}.menu-open .hamburger::before{content:"";position:absolute;top:4px;left:0;width:18px;border-top:1.5px solid;transform:rotate(-45deg)}
}
@media(max-width:760px){
 .header-inner{gap:8px;padding-inline:12px}
 .brand .godive-logo{width:132px}
 .custom-logo-link img{max-width:132px;max-height:76px}
 .header-cta{display:inline-flex;padding:10px 11px;min-height:42px;gap:6px;font-size:11px;white-space:nowrap;margin-left:auto}
 .header-cta>span{font-size:15px}
 .menu-toggle{padding:12px;min-width:44px;min-height:44px;gap:0}
 .menu-toggle .menu-label{display:none}
}
@media(max-width:360px){.brand .godive-logo{width:112px}.custom-logo-link img{max-width:112px}.header-cta{padding-inline:8px}.header-inner{gap:6px;padding-inline:10px}}

/* Compact zichtbaar icoon, met een ruimer onzichtbaar aanraakvlak. */
.motion-control{width:28px;height:28px;min-height:28px;padding:7px;gap:0;border-radius:50%;background:#101a223d;border-color:#ffffff45;box-shadow:none}
.motion-control>span{display:none}
.motion-control::before{content:"";position:absolute;inset:-8px;border-radius:50%}
.motion-control svg{width:12px;height:12px}
.hero-bottom:has(.motion-control){padding-right:60px}