/* ArL-/Niedersachsen-Anlehnung – Testversion 3
   Geltung: Startseite, Kontakt/Impressum, Datenschutz, Nutzungshinweise
   und sonstige öffentliche Lizmap-/Modulseiten mit normalem Lizmap-Header.

   Ziel:
   Nur der obere Lizmap-Header wird an ein helles Behördenlayout
   mit rotem Niedersachsen-/ArL-Akzent angelehnt.

   Nicht ändern:
   Buttons, Projektkarten, Formularboxen, Kartenwerkzeuge, Footerlinks.
*/

/* Gemeinsamer Kopfbereich für alle normalen Seiten */
html body #header {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f1f1f !important;
  border-top: 10px solid #b00020 !important;
  border-bottom: 1px solid #d0d0d0 !important;
  box-shadow: 0 1px 4px rgb(0 0 0 / 12%) !important;
}

/* Vorhandenes Logo unverändert weiterverwenden */
html body #logo {
  background: url(/index.php/view/media/getMedia?repository=beteiligungsplattform&project=pub_2698_0002&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/logo.png) no-repeat !important;
  background-size: contain !important;
}

/* Header-Innenbereiche transparent halten */
html body #headermenu,
html body #auth {
  background: transparent !important;
  background-color: transparent !important;
}

/* Headerlinks auf hellem Hintergrund lesbar machen */
html body #header .navbar .nav > a,
html body #header .navbar .nav > li > a,
html body #header .nav > a,
html body #header .nav > li > a,
html body #auth a {
  color: #1f1f1f !important;
  text-shadow: none !important;
}

/* Dezenter Hover nur im Header, nicht für normale Buttons */
html body #header .navbar .nav .active > a,
html body #header .navbar .nav > li > a:focus,
html body #header .navbar .nav > li > a:hover,
html body #header .nav .active > a,
html body #header .nav > li > a:focus,
html body #header .nav > li > a:hover,
html body #auth a:focus,
html body #auth a:hover {
  color: #1f1f1f !important;
  background-color: #f3f3f3 !important;
  text-shadow: none !important;
}

/* Dropdown-Zustände im Header lesbar halten */
html body #header .navbar .nav li.dropdown.open > .dropdown-toggle,
html body #header .navbar .nav li.dropdown.active > .dropdown-toggle,
html body #header .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #1f1f1f !important;
  background-color: #f3f3f3 !important;
}

/* Dropdowns hell halten */
html body #header .dropdown-menu {
  background-color: #ffffff !important;
}

html body #header .dropdown-menu > li > a {
  color: #1f1f1f !important;
}

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

/* Header-Suche auf Unterseiten und Startseite neutral halten */
html body #header input[type=text],
html body #header input[type=search],
html body #headermenu input[type=text],
html body #headermenu input[type=search] {
  background-color: #ffffff !important;
  color: #1f1f1f !important;
  border-color: #c8c8c8 !important;
  box-shadow: none !important;
}

/* Header-Icons auf hellem Hintergrund sichtbar halten */
html body #header .navbar .nav .login .icon {
  background-position: -200px 0 !important;
}

html body #header .navbar .nav .registered .icon {
  background-position: -800px 0 !important;
}

html body #header .navbar .nav .user .icon,
html body #header .navbar .nav .user.open a .icon {
  background-position: -550px 0 !important;
}

html body #header .navbar .nav .home .icon {
  background-position: 0 0 !important;
}

html body #header .navbar .nav .dashboard-item .icon {
  background-position: -950px 0 !important;
}