/* Datema – nieuwe menubalk (blok 01, zonder topbalk). Sitebreed. */
:root{--dt-blue:#2A638E;--dt-blue-dark:#1d4a6d;--dt-yellow:#FDDE02;--dt-yellow-hover:#f0d000;--dt-light:#F0F6FA;--dt-ink:#1f2a33;--dt-line:#e3ebf1;--dt-radius:6px;--dt-shadow:0 6px 20px rgba(31,42,51,.14);--dt-max:1320px;--dt-pad:clamp(20px,4vw,60px);--dt-font:"Rubik",system-ui,sans-serif}
.dt-header,.dt-header *,.dt-header *::before,.dt-header *::after{box-sizing:border-box}
.dt-header{font-family:var(--dt-font);color:var(--dt-ink);font-size:16px;line-height:1.6;position:relative;z-index:50;background:#fff;border-bottom:2px solid var(--dt-yellow)}
.dt-header .dt-wrap{max-width:var(--dt-max);margin:0 auto;padding-left:var(--dt-pad);padding-right:var(--dt-pad)}
.dt-header :focus-visible{outline:2px solid var(--dt-blue);outline-offset:2px}
.dt-header__row{display:flex;flex-wrap:nowrap;align-items:center;gap:14px 20px;padding-top:12px;padding-bottom:12px}
.dt-header__logo{margin-right:auto;display:block}
.dt-header__logo img{display:block;height:52px;width:auto;max-width:none}
.dt-nav{min-width:0;display:flex;gap:18px;font-size:14px;font-weight:500;text-transform:uppercase;white-space:nowrap;margin:0;padding:0;list-style:none}
.dt-nav li{position:relative;margin:0;padding:0;list-style:none}
.dt-nav a{color:var(--dt-ink);text-decoration:none;display:block;padding:8px 0}
.dt-nav a:hover,.dt-nav .current-menu-item>a,.dt-nav .current-menu-ancestor>a{color:var(--dt-blue)}
/* Subcategorieën als klein uitklapmenu */
.dt-nav .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.dt-nav .sub-menu{display:none;position:absolute;left:-16px;top:100%;min-width:230px;margin:0;padding:8px 0;list-style:none;background:#fff;border-top:2px solid var(--dt-yellow);border-radius:0 0 var(--dt-radius) var(--dt-radius);box-shadow:var(--dt-shadow);text-transform:none;font-size:15px}
.dt-nav .sub-menu a{padding:8px 16px}
.dt-nav .sub-menu a:hover{background:var(--dt-light)}
.dt-nav li:hover>.sub-menu,.dt-nav li:focus-within>.sub-menu{display:block}
.dt-header__actions{flex:none;display:flex;gap:10px;align-items:center}
.dt-header .dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-family:inherit;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;border-radius:var(--dt-radius);border:2px solid transparent;cursor:pointer;transition:background-color .15s}
.dt-header .dt-btn--yellow{background:var(--dt-yellow);border-color:var(--dt-yellow);color:var(--dt-ink)!important}
.dt-header .dt-btn--yellow:hover{background:var(--dt-yellow-hover);border-color:var(--dt-yellow-hover)}
.dt-header__cta{font-size:14px;padding:12px 16px;white-space:nowrap}
.dt-menu-toggle{display:none;align-items:center;gap:10px;min-height:46px;padding:0 16px;font:inherit;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--dt-blue);background:#fff;border:2px solid var(--dt-blue);border-radius:var(--dt-radius);cursor:pointer}
.dt-menu-toggle:hover{background:var(--dt-light)}
.dt-burger{display:grid;gap:4px}
.dt-burger i{display:block;width:16px;height:2px;background:var(--dt-blue)}
.dt-burger i:last-child{width:10px;background:var(--dt-yellow)}
.dt-mobile-menu{display:none;border-top:1px solid var(--dt-line);background:#fff;max-height:calc(100vh - 140px);overflow:auto}
.dt-mobile-menu ul{list-style:none;margin:0;padding:4px 0 16px;display:grid;font-size:16px;font-weight:500;text-transform:uppercase}
.dt-mobile-menu li{margin:0;padding:0;list-style:none}
.dt-mobile-menu li a{display:block;padding:13px 0;border-bottom:1px solid var(--dt-line);color:var(--dt-ink);text-decoration:none}
.dt-mobile-menu .current-menu-item>a{color:var(--dt-blue)}
.dt-mobile-menu .sub-menu{padding:0 0 0 16px;font-size:15px;text-transform:none}
.dt-mobile-menu .sub-menu a{padding:10px 0}
.dt-header.is-open .dt-mobile-menu{display:block}
/* Oude themamenu-knop vervalt (nieuwe Menu-knop staat naast het logo) */
body.dt-new-nav .site-header .navbar-toggler{display:none!important}
@media (max-width:1439px){
  .dt-nav{display:none}
  .dt-menu-toggle{display:flex}
}
@media (max-width:767px){
  .dt-header__row{padding-top:10px;padding-bottom:10px}
  .dt-header__logo img{height:46px}
  .dt-header .dt-header__cta{display:none}
  .dt-menu-toggle{font-size:14px;padding:0 14px;min-height:44px}
}
/* Meer witruimte: menu gecentreerd tussen logo en knop */
.dt-header .dt-wrap{max-width:1440px}
.dt-header__row{gap:48px}
.dt-header__logo{margin-right:0}
.dt-nav{margin-left:auto;margin-right:auto}
@media (max-width:1439px){.dt-header__row{gap:16px}.dt-header__logo{margin-right:auto}}
/* USP-balk: tekst donkerblauw */
.navbar-usps .usp,.navbar-usps .usp *{color:var(--dt-blue-dark,#1d4a6d)!important}