/* Pension Van Dijk: Bootstrap 5 header arrangement. */
.ccm-page #siteHeader .pvd-header-row { align-items: center; }
.ccm-page #siteHeader .Name img,
.ccm-page #siteHeader .beeldmerk img { display: block; width: 100%; height: auto; max-width: 100%; }
.ccm-page #siteHeader .pvd-header-right { display: flex; flex-direction: column; align-items: stretch; min-width: 0; gap: .75rem; }
.ccm-page #siteHeader .taal { text-align: right; }
.ccm-page #siteHeader .taal .ccm-block-switch-language-flags { display: flex; justify-content: flex-end; gap: .5rem; }
.ccm-page #siteHeader .pvd-header-menu { width: 100%; }
.ccm-page #siteHeader .pvd-header-menu nav ul { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .3rem 1rem; float: none; padding: 0; margin: 0; list-style: none; }
.ccm-page #siteHeader .pvd-header-menu nav ul li { float: none; margin: 0; padding: 0; }
.ccm-page #siteHeader .pvd-header-menu nav ul li a { white-space: nowrap; }
.ccm-page #siteHeader .pvd-header-menu nav ul ul { display: none; position: absolute; }
.ccm-page #siteHeader .pvd-header-menu nav ul li:hover > ul { display: block; }
@media (max-width: 767.98px) {
  .ccm-page #siteHeader .Name img { max-width: 340px; }
  .ccm-page #siteHeader .beeldmerk img { max-width: 180px; }
  .ccm-page #siteHeader .taal { text-align: left; }
  .ccm-page #siteHeader .taal .ccm-block-switch-language-flags { justify-content: flex-start; }
  .ccm-page #siteHeader .pvd-header-menu nav ul { justify-content: flex-start; }
}
