/* Bootstrap-Navigation: Grundregeln, Template-Anpassung und Desktop-Breite. */
@media screen {
  li.dropdown:hover .dropdown-menu,
  li.dropdown:focus .dropdown-menu {
    display: block;
  }
  #headerNavigation .ce_text {
    overflow: unset;
  }
  .sr-only {
    display: none;
  }
  .navbar {
    padding-left: 1em;
    margin-left: 84px;
    width: auto;
  }
  .nav-link {
    color: var(--fl-link-color-navigation);
    background: var(--fl-link-color-navigation-bg);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  strong.active.nav-link {
    color: var(--fl-component-active-color);
    background-color: var(--fl-component-active-bg);
  }
  .dropdown-item.active {
    color: var(--fl-component-active-color);
    background-color: var(--fl-component-active-bg);
  }
  .active.nav-item .nav-link {
    background-color: var(--fl-component-active-bg);
    color: var(--fl-component-active-color);
  }
  .navbar-brand {
    background: var(--fl-link-color-navigation-bg);
    margin: 0;
  }
  [id^="navbar-responsive-"] {
    background: var(--fl-link-color-navigation-bg);
  }
  nav.bg-light {
    background-color: var(--fl-link-color-navigation-bg) !important;
  }
  nav {
    overflow: unset !important;
  }
  .navbar-collapse.show .nav {
    flex-direction: column;
  }
  .navbar-collapse.show .nav-link {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .navbar-collapse.show .nav-item {
    border: 1px solid var(--fl-navbar-default-border);
  }

  #header .mod_bs_navbar {
    background-color: var(--fl-link-color-navigation-bg);
  }

  #header .mod_bs_navbar > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Desktop: Navigation und das 1167px breite Kopfbild buendig ausrichten. */
@media screen and (min-width: 993px) {
  #header .mod_bs_navbar {
    box-sizing: border-box;
    width: 1167px;
  }
}