/* ArL-/Niedersachsen-Anlehnung – Kartenansicht
   Testversion 4

   Ziel:
   Nur Header der Kartenansicht angleichen.
   Nicht ändern: Kartenwerkzeuge, Docks, Buttons, Panels, Formularboxen.
*/

html body #header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1f1f1f !important;
  border-top: 6px solid #b00020 !important;
  border-bottom: 1px solid #d6d6d6 !important;
  box-shadow: 0 1px 4px rgb(0 0 0 / 10%) !important;
}

html body #title h1,
html body #title h2 {
  color: #1f1f1f !important;
  text-shadow: none !important;
}

html body #headermenu {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

html body #header #headermenu .navbar .nav > a,
html body #header #headermenu .navbar .nav > li > a,
html body #header #headermenu .nav > a,
html body #header #headermenu .nav > li > a,
html body #header .navbar .nav > a,
html body #header .navbar .nav > li > a,
html body #headermenu a {
  color: #1f1f1f !important;
  text-shadow: none !important;
}

html body #header #headermenu .navbar .nav > li > a:hover,
html body #header #headermenu .navbar .nav > li > a:focus,
html body #header #headermenu .navbar .nav .active > a,
html body #header #headermenu .nav > li > a:hover,
html body #header #headermenu .nav > li > a:focus,
html body #header #headermenu .nav .active > a,
html body #header .navbar .nav > li > a:hover,
html body #header .navbar .nav > li > a:focus,
html body #header .navbar .nav .active > a,
html body #headermenu a:hover,
html body #headermenu a:focus {
  color: #1f1f1f !important;
  background-color: #f2f2f2 !important;
  text-shadow: none !important;
}

html body #headermenu input[type=text],
html body #headermenu input[type=search],
html body .navbar-search input[type=text],
html body .navbar-search input[type=search] {
  background-color: #ffffff !important;
  color: #1f1f1f !important;
  border-color: #c8c8c8 !important;
  box-shadow: none !important;
}

html body #headermenu .navbar-search .icon {
  background-color: transparent !important;
}

html body #header-clear {
  background-position: -850px 0 !important;
}

html body #headermenu .btn-locate-clear.icon {
  background-color: transparent !important;
  background-position: -850px 0 !important;
}

html body #headermenu .dropdown-menu {
  background-color: #ffffff !important;
}

html body #headermenu .dropdown-inner .items li > a,
html body #headermenu .dropdown-menu > li > a {
  color: #1f1f1f !important;
}

html body #headermenu .dropdown-inner .items li > a:hover,
html body #headermenu .dropdown-menu > li > a:hover,
html body #headermenu .dropdown-inner .items li > a:focus,
html body #headermenu .dropdown-menu > li > a:focus {
  color: #ffffff !important;
}

/* BEGIN ARL-BETEILIGUNG TITLE-LOGO */
html body #header #title {
  position: relative;
}
html body #header #title h1,
html body #header #title h2 {
  padding-left: 132px;
}
html body #header .arl-title-logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-height: 32px;
  max-width: 120px;
  width: auto;
  height: auto;
}
/* END ARL-BETEILIGUNG TITLE-LOGO */

/* BEGIN ARL-BETEILIGUNG CONTENT-HEIGHT-FIX */
html body #content,
html body #map {
  height: calc(100vh - var(--arl-map-header-height, 37px)) !important;
}
/* END ARL-BETEILIGUNG CONTENT-HEIGHT-FIX */