/*
 * Hondenhotel Amsterdam - websitebrede responsieve correcties
 * Versie 1.5 meertalig, 9 augustus 2026
 *
 * Het brede menu wordt pas gebruikt wanneer er aantoonbaar voldoende ruimte
 * is. Dit voorkomt afgekapt menu en overlappende knoppen bij laptops,
 * tekstvergroting en browserzoom.
 */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body .menu01,
body .menu01 .navbar,
body .menu01 .menu-container,
body .menu01 .navbar-collapse {
  overflow: visible !important;
}

body .menu01 {
  position: relative !important;
  z-index: 6000 !important;
  isolation: isolate;
}

body .menu01 .navbar {
  z-index: 6000 !important;
}

body .menu01 .menu-container {
  z-index: 6001 !important;
}

body .menu01 .navbar-caption-wrap {
  display: none !important;
}

body .menu01 .mbr-iconfont-btn {
  flex: 0 0 auto !important;
  margin-right: .35rem !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
}

@media (min-width: 1800px) {
  body .menu01 .menu-container {
    width: min(calc(100% - 2rem), 1600px) !important;
    max-width: 1600px !important;
  }

  body .menu01 .navbar-toggler,
  body .menu01 .dha-sitewide-toggler,
  body .menu01 .dha-sitewide-toggle-label {
    display: none !important;
  }

  body .menu01 .navbar-collapse {
    display: flex !important;
    min-width: 0 !important;
    flex-basis: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  body .menu01 .navbar-nav {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body .menu01 .nav-link {
    padding: .55rem .45rem !important;
    font-size: .9rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body .menu01 .navbar-buttons {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .4rem !important;
    margin-left: .25rem !important;
  }

  body .menu01 .navbar-buttons > .btn,
  body .menu01 .navbar-buttons .dha-lang-toggle {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: .6rem .72rem !important;
    font-size: .8rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /*
   * Oudere paginastijlen gaven de navigatielinks veel extra zijruimte en
   * beperkten de kop tot 1240 pixels. De onderstaande, bewust specifiekere
   * regels voorkomen dat Contact onder de beschikbaarheidsknop schuift.
   */
  html body .menu01 .menu-container,
  html body.dha-service-page .menu01 .menu-container {
    width: min(calc(100% - 2rem), 1600px) !important;
    max-width: 1600px !important;
  }

  html body .menu01 .navbar-collapse {
    gap: .5rem !important;
  }

  html body .menu01 .navbar-collapse > .navbar-nav {
    flex: 0 0 auto !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-nav .nav-link {
    padding: .55rem .45rem !important;
    font-size: .9rem !important;
    line-height: 1.2 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-buttons {
    flex: 0 0 auto !important;
    gap: .4rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-buttons > a.btn {
    margin: 0 !important;
    padding: .6rem .72rem !important;
    font-size: .8rem !important;
  }
}

@media (max-width: 1799.98px) {
  body.dha-nav-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  body .menu01 {
    min-height: 0 !important;
  }

  body .menu01 .navbar {
    min-height: 0 !important;
    padding: .35rem 0 !important;
    background: transparent !important;
  }

  body .menu01 .menu-container {
    position: relative !important;
    display: flex !important;
    width: calc(100% - 1rem) !important;
    max-width: none !important;
    min-height: 4.4rem !important;
    height: auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 auto !important;
    padding: .48rem .65rem !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    border-radius: 1rem !important;
    background: #d90429 !important;
    background-image: none !important;
    box-shadow: 0 .65rem 1.5rem rgba(65,0,13,.25) !important;
  }

  body .menu01 .navbar-brand {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .menu01 .navbar-logo,
  body .menu01 .navbar-logo img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .menu01 .navbar-logo img {
    width: 3rem !important;
    height: 3rem !important;
    border-radius: .7rem !important;
    object-fit: cover !important;
  }

  body .menu01 .navbar-toggler,
  body .menu01 .dha-sitewide-toggler,
  body .menu01 .dha-sitewide-toggle-label {
    position: static !important;
    display: flex !important;
    width: 3rem !important;
    height: 3rem !important;
    flex: 0 0 3rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 0 auto !important;
    padding: .55rem !important;
    border: 0 !important;
    border-radius: .65rem !important;
    background: rgba(120,0,22,.24) !important;
    box-shadow: none !important;
  }

  body .menu01 .dha-sitewide-toggle-label {
    position: relative !important;
    cursor: pointer !important;
  }

  body .menu01 .dha-sitewide-toggle-input {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    cursor: pointer !important;
    opacity: 0 !important;
  }

  body .menu01 .dha-sitewide-toggle-label:has(.dha-sitewide-toggle-input:focus-visible) {
    outline: 3px solid #ffd166 !important;
    outline-offset: 3px !important;
  }

  body .menu01 .navbar-toggler .hamburger,
  body .menu01 .dha-sitewide-toggler .hamburger,
  body .menu01 .dha-sitewide-toggle-label .hamburger {
    position: relative !important;
    width: 1.75rem !important;
    height: 1.45rem !important;
    margin: 0 !important;
  }

  body .menu01 .navbar-toggler .hamburger span,
  body .menu01 .dha-sitewide-toggler .hamburger span,
  body .menu01 .dha-sitewide-toggle-label .hamburger span {
    position: absolute !important;
    right: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: #fff !important;
  }

  body .menu01 .dha-sitewide-toggler .hamburger span:nth-child(1) { top: 0 !important; }
  body .menu01 .dha-sitewide-toggler .hamburger span:nth-child(2),
  body .menu01 .dha-sitewide-toggler .hamburger span:nth-child(3) { top: 8px !important; }
  body .menu01 .dha-sitewide-toggler .hamburger span:nth-child(4) { top: 16px !important; }
  body .menu01 .dha-sitewide-toggle-label .hamburger span:nth-child(1) { top: 0 !important; }
  body .menu01 .dha-sitewide-toggle-label .hamburger span:nth-child(2),
  body .menu01 .dha-sitewide-toggle-label .hamburger span:nth-child(3) { top: 8px !important; }
  body .menu01 .dha-sitewide-toggle-label .hamburger span:nth-child(4) { top: 16px !important; }

  body .menu01 .navbar.opened .dha-sitewide-toggler .hamburger span:nth-child(1),
  body .menu01 .navbar.opened .dha-sitewide-toggler .hamburger span:nth-child(4),
  body .menu01 .dha-sitewide-toggle-label:has(.dha-sitewide-toggle-input:checked) .hamburger span:nth-child(1),
  body .menu01 .dha-sitewide-toggle-label:has(.dha-sitewide-toggle-input:checked) .hamburger span:nth-child(4) {
    top: 8px !important;
    width: 0 !important;
    opacity: 0 !important;
  }

  body .menu01 .navbar.opened .dha-sitewide-toggler .hamburger span:nth-child(2) {
    transform: rotate(45deg) !important;
  }

  body .menu01 .dha-sitewide-toggle-label:has(.dha-sitewide-toggle-input:checked) .hamburger span:nth-child(2) {
    transform: rotate(45deg) !important;
  }

  body .menu01 .navbar.opened .dha-sitewide-toggler .hamburger span:nth-child(3) {
    transform: rotate(-45deg) !important;
  }

  body .menu01 .dha-sitewide-toggle-label:has(.dha-sitewide-toggle-input:checked) .hamburger span:nth-child(3) {
    transform: rotate(-45deg) !important;
  }

  body .menu01 .navbar-collapse:not(.show):not(.dha-mobile-open) {
    display: none !important;
  }

  body .menu01 .navbar-collapse.show,
  body .menu01 .navbar-collapse.dha-mobile-open {
    position: fixed !important;
    top: 5.15rem !important;
    right: .5rem !important;
    bottom: .5rem !important;
    left: .5rem !important;
    z-index: 5000 !important;
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: .7rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    border-radius: 1rem !important;
    opacity: 1 !important;
    background: #a90020 !important;
    background-image: none !important;
    box-shadow: 0 1.25rem 3rem rgba(38,0,8,.42) !important;
    overscroll-behavior: contain !important;
  }

  body .menu01 .navbar-collapse.show .navbar-nav,
  body .menu01 .navbar-collapse.dha-mobile-open .navbar-nav {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .menu01 .navbar-collapse.show .nav-item,
  body .menu01 .navbar-collapse.dha-mobile-open .nav-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body .menu01 .navbar-collapse.show .nav-link,
  body .menu01 .navbar-collapse.dha-mobile-open .nav-link {
    display: flex !important;
    width: 100% !important;
    min-height: 2.9rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: .68rem .75rem !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    font-family: "Golos Text", Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-shadow: none !important;
    white-space: normal !important;
  }

  body .menu01 .navbar-collapse.show .navbar-buttons,
  body .menu01 .navbar-collapse.dha-mobile-open .navbar-buttons {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: .55rem !important;
    margin: .7rem 0 0 !important;
    padding: 0 !important;
  }

  body .menu01 .navbar-collapse.show .navbar-buttons > a.btn,
  body .menu01 .navbar-collapse.dha-mobile-open .navbar-buttons > a.btn,
  body .menu01 .navbar-collapse.show .dha-lang,
  body .menu01 .navbar-collapse.dha-mobile-open .dha-lang {
    width: 100% !important;
    margin: 0 !important;
  }

  body .menu01 .navbar-collapse.show .navbar-buttons > a.btn,
  body .menu01 .navbar-collapse.dha-mobile-open .navbar-buttons > a.btn,
  body .menu01 .navbar-collapse.show .dha-lang-toggle,
  body .menu01 .navbar-collapse.dha-mobile-open .dha-lang-toggle {
    display: flex !important;
    width: 100% !important;
    min-height: 3rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: .65rem .75rem !important;
    font-size: .98rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  html body .menu01 .navbar .dha-lang > .dha-lang-menu {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    margin: .5rem 0 0 !important;
    padding: .35rem !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: .7rem !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body .menu01 .navbar .dha-lang > .dha-lang-menu .dropdown-item {
    display: block !important;
    padding: .65rem .75rem !important;
    border-radius: .5rem !important;
    background: #fff !important;
    color: #4b0010 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
  }

  html body .menu01 .navbar .dha-lang > .dha-lang-menu .dropdown-item:hover,
  html body .menu01 .navbar .dha-lang > .dha-lang-menu .dropdown-item:focus,
  html body .menu01 .navbar .dha-lang > .dha-lang-menu .dropdown-item.active {
    background: #ffd166 !important;
    color: #4b0010 !important;
  }

  body.dha-airport-page .dha-navbar {
    width: min(calc(100% - 1rem), 1240px);
  }

  body.dha-airport-page .dha-desktop-nav {
    display: none;
  }

  body.dha-airport-page .dha-nav-actions {
    margin-left: auto;
  }

  body.dha-airport-page .dha-mobile-menu {
    display: block;
  }
}

/*
 * V17: het volledige menu past al ruimschoots op een normale desktop of
 * laptop. De vorige grens van 1800 px maakte zelfs op 1440 px onnodig een
 * mobiel menu zichtbaar. Alleen smallere tablets en telefoons houden het
 * compacte menu.
 */
@media (min-width: 1180px) {
  body.dha-airport-page .dha-navbar {
    width: min(calc(100% - 2rem), 1420px) !important;
    padding: .55rem .8rem !important;
  }

  body.dha-airport-page .dha-desktop-nav {
    display: flex !important;
    min-width: 0;
    gap: .08rem;
  }

  body.dha-airport-page .dha-nav-actions {
    flex: 0 0 auto;
    margin-left: 0 !important;
  }

  body.dha-airport-page .dha-mobile-menu {
    display: none !important;
  }

  html body.dha-airport-page .dha-desktop-nav a,
  html body.dha-airport-page .dha-desktop-nav a:link,
  html body.dha-airport-page .dha-desktop-nav a:visited,
  html body.dha-airport-page .dha-desktop-nav a:hover,
  html body.dha-airport-page .dha-desktop-nav a:focus,
  html body.dha-airport-page .dha-desktop-nav a:focus-visible,
  html body.dha-airport-page .dha-desktop-nav a:active {
    padding: .56rem .48rem !important;
    font-family: "Golos Text", Arial, sans-serif !important;
    font-size: clamp(.8rem, .83vw, .92rem) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    line-height: 1.2 !important;
  }

  body.dha-airport-page .dha-button-small {
    padding-inline: .72rem;
    font-size: clamp(.72rem, .73vw, .8rem);
  }

  body.dha-airport-page .dha-language summary {
    padding-inline: .62rem;
  }
}

@media (min-width: 768px) and (max-width: 1799.98px) {
  body .menu01 .navbar-collapse.show,
  body .menu01 .navbar-collapse.dha-mobile-open {
    right: .5rem !important;
    left: auto !important;
    width: min(28rem, calc(100% - 1rem)) !important;
  }
}

@media (max-width: 575.98px) {
  body .menu01 .menu-container {
    min-height: 4.15rem !important;
    padding: .42rem .55rem !important;
    border-radius: .85rem !important;
  }

  body .menu01 .navbar-logo img {
    width: 2.8rem !important;
    height: 2.8rem !important;
  }

  body .menu01 .navbar-toggler,
  body .menu01 .dha-sitewide-toggler,
  body .menu01 .dha-sitewide-toggle-label {
    width: 2.8rem !important;
    height: 2.8rem !important;
    flex-basis: 2.8rem !important;
  }

  body .menu01 .navbar-collapse.show,
  body .menu01 .navbar-collapse.dha-mobile-open {
    top: 4.85rem !important;
    padding: .6rem !important;
    border-radius: .85rem !important;
  }
}

/* ========================================================================== */
/* Uniforme menubalk - Schiphol-balk is de visuele standaard                  */
/* ========================================================================== */

body .menu01 .navbar-logo img {
  border-radius: 50% !important;
}

body .menu01 .navbar-buttons > a[data-dha-cta="availability"] .mbr-iconfont-btn,
body .menu01 .dha-lang-toggle > .mbr-iconfont-btn {
  display: none !important;
}

body .menu01 .nav-link[aria-current="page"] {
  border-radius: .65rem !important;
  background: rgba(255,255,255,.16) !important;
}

body .menu01 .nav-link:focus-visible,
body .menu01 .navbar-buttons > a[data-dha-cta="availability"]:focus-visible,
body .menu01 .dha-lang-toggle:focus-visible,
body .menu01 .navbar-toggler:focus-visible,
body .menu01 .dha-sitewide-toggle-input:focus-visible + .dha-sitewide-toggle-visual {
  outline: 3px solid #ffd166 !important;
  outline-offset: 3px !important;
}

@media (min-width: 1800px) {
  html body .menu01 .navbar {
    padding: .55rem 0 !important;
    background: transparent !important;
  }

  html body .menu01 .menu-container,
  html body.dha-home-page .menu01 .menu-container,
  html body.dha-service-page .menu01 .menu-container,
  html body.dha-uniform-golos .menu01 .menu-container {
    display: flex !important;
    width: min(calc(100% - 2rem), 1240px) !important;
    max-width: 1240px !important;
    min-height: 4.55rem !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: .65rem 1rem !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 1rem !important;
    background: linear-gradient(135deg, rgba(146,0,27,.97), rgba(217,4,41,.95)) !important;
    box-shadow: 0 .65rem 1.75rem rgba(69,0,14,.22) !important;
  }

  html body .menu01 .navbar-brand {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 .55rem 0 0 !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-logo,
  html body .menu01 .navbar-logo a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-logo img,
  html body.dha-home-page .menu01 .navbar-logo img,
  html body.dha-service-page .menu01 .navbar-logo img,
  html body.dha-uniform-golos .menu01 .navbar-logo img {
    display: block !important;
    width: 3.125rem !important;
    height: 3.125rem !important;
    margin: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  html body .menu01 .navbar-collapse {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .5rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-nav {
    display: flex !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .12rem !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-nav .nav-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-nav .nav-link,
  html body.dha-home-page .menu01 .navbar-collapse > .navbar-nav .nav-link,
  html body.dha-service-page .menu01 .navbar-collapse > .navbar-nav .nav-link,
  html body.dha-uniform-golos .menu01 .navbar-collapse > .navbar-nav .nav-link {
    display: flex !important;
    min-height: 0 !important;
    align-items: center !important;
    margin: 0 !important;
    padding: .6rem .55rem !important;
    border-radius: .65rem !important;
    color: #fff !important;
    font-family: "Golos Text", Arial, sans-serif !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:hover,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:focus,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link[aria-current="page"] {
    background: rgba(255,255,255,.16) !important;
  }

  html body .menu01 .navbar-collapse > .navbar-buttons {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .5rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .menu01 .navbar-collapse > .navbar-buttons > a[data-dha-cta="availability"] {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 2.85rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: .65rem .8rem !important;
    border: 0 !important;
    border-radius: .7rem !important;
    background: #ffd166 !important;
    background-image: none !important;
    color: #4b0010 !important;
    font-size: .8rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    box-shadow: 0 .4rem 1rem rgba(44,13,20,.14) !important;
  }

  html body .menu01 .navbar-collapse > .navbar-buttons > a[data-dha-cta="availability"]:hover {
    background: #ffdc83 !important;
    color: #4b0010 !important;
    transform: translateY(-2px);
  }

  html body .menu01 .dha-lang {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  html body[class] .menu01 .navbar-collapse > .navbar-buttons .dha-lang-toggle {
    display: inline-flex !important;
    width: 3.92rem !important;
    min-width: 3.92rem !important;
    min-height: 2.8rem !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .35rem !important;
    margin: 0 !important;
    padding: .55rem .7rem !important;
    border: 0 !important;
    border-radius: .65rem !important;
    background: transparent !important;
    color: #fff !important;
    font-size: .94rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 1799.98px) {
  html body .menu01 .menu-container,
  html body.dha-home-page .menu01 .menu-container,
  html body.dha-service-page .menu01 .menu-container,
  html body.dha-uniform-golos .menu01 .menu-container {
    width: min(calc(100% - 2rem), 1240px) !important;
    max-width: 1240px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: .65rem 1rem !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: linear-gradient(135deg, rgba(146,0,27,.97), rgba(217,4,41,.95)) !important;
    box-shadow: 0 .65rem 1.75rem rgba(69,0,14,.22) !important;
  }

  html body .menu01 .navbar-logo img,
  html body.dha-home-page .menu01 .navbar-logo img,
  html body.dha-service-page .menu01 .navbar-logo img,
  html body.dha-uniform-golos .menu01 .navbar-logo img {
    display: block !important;
    width: 3.125rem !important;
    height: 3.125rem !important;
    margin: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  html body .menu01 .navbar-collapse.show .nav-link[aria-current="page"],
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link[aria-current="page"] {
    background: rgba(255,255,255,.16) !important;
  }
}

/*
 * Definitieve tekstdikte voor iedere navigatiestatus.
 * Oudere Mobirise-paginastijlen zetten links na navigatie, hover of een
 * bezochte status soms opnieuw op 700. Deze regels staan bewust als laatste
 * in het gedeelde bestand en gelden in alle taalversies.
 */
@media (min-width: 1800px) {
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:link,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:visited,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:hover,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:focus,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:focus-visible,
  html body .menu01 .navbar-collapse > .navbar-nav .nav-link:active,
  html body.dha-airport-page .dha-desktop-nav a,
  html body.dha-airport-page .dha-desktop-nav a:link,
  html body.dha-airport-page .dha-desktop-nav a:visited,
  html body.dha-airport-page .dha-desktop-nav a:hover,
  html body.dha-airport-page .dha-desktop-nav a:focus,
  html body.dha-airport-page .dha-desktop-nav a:focus-visible,
  html body.dha-airport-page .dha-desktop-nav a:active {
    font-family: "Golos Text", Arial, sans-serif !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 1799.98px) {
  html body .menu01 .navbar-collapse.show .nav-link,
  html body .menu01 .navbar-collapse.show .nav-link:link,
  html body .menu01 .navbar-collapse.show .nav-link:visited,
  html body .menu01 .navbar-collapse.show .nav-link:hover,
  html body .menu01 .navbar-collapse.show .nav-link:focus,
  html body .menu01 .navbar-collapse.show .nav-link:focus-visible,
  html body .menu01 .navbar-collapse.show .nav-link:active,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link:link,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link:visited,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link:hover,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link:focus,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link:focus-visible,
  html body .menu01 .navbar-collapse.dha-mobile-open .nav-link:active,
  html body.dha-airport-page .dha-mobile-menu a,
  html body.dha-airport-page .dha-mobile-menu a:link,
  html body.dha-airport-page .dha-mobile-menu a:visited,
  html body.dha-airport-page .dha-mobile-menu a:hover,
  html body.dha-airport-page .dha-mobile-menu a:focus,
  html body.dha-airport-page .dha-mobile-menu a:focus-visible,
  html body.dha-airport-page .dha-mobile-menu a:active {
    font-family: "Golos Text", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-synthesis: none !important;
  }
}