/* Braker Zeitung – Header-Farbe V59
   Verbindlicher sichtbarer Header-Farbstandard.
   Hohe Selektorspezifitaet, damit alte Light-Theme-Regeln (#041221)
   den Startseitenwert nicht mehr ueberschreiben. */
:root{--bz-site-header-navy:#071b2b;}

/* Standardheader der Unter-/Rechtsseiten */
html[data-theme="light"] body.bz-service-standard > header,
html[data-theme="light"] body > header,
html body.bz-service-standard > header,
html body > header{
  background:#071b2b !important;
  background-color:#071b2b !important;
  background-image:none !important;
  color:#fff !important;
  border-bottom-color:rgba(255,255,255,.12) !important;
}

/* Cinematic/bzv7-Header */
html[data-theme="light"] body > .bzv7-header,
html[data-theme="light"] body .bzv7-header,
html body > .bzv7-header,
html body .bzv7-header{
  background:#071b2b !important;
  background-color:#071b2b !important;
  background-image:none !important;
  color:#fff !important;
  border-bottom-color:rgba(255,255,255,.12) !important;
}

/* Logos und Navigation im dunklen Header */
html[data-theme="light"] body > header .brand-logo,
html[data-theme="light"] body > header .brand img,
html[data-theme="light"] body .bzv7-header .bzv7-brand img,
html body > header .brand-logo,
html body > header .brand img,
html body .bzv7-header .bzv7-brand img{
  filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

html[data-theme="light"] body > header .desktop-nav,
html[data-theme="light"] body > header nav.desktop-nav,
html[data-theme="light"] body .bzv7-header .bzv7-nav,
html body > header .desktop-nav,
html body > header nav.desktop-nav,
html body .bzv7-header .bzv7-nav{
  color:rgba(255,255,255,.82) !important;
}

html[data-theme="light"] body > header .desktop-nav > a,
html[data-theme="light"] body > header nav.desktop-nav > a,
html[data-theme="light"] body > header .desktop-nav > .bz-nav-more > summary,
html[data-theme="light"] body .bzv7-header .bzv7-nav > a,
html[data-theme="light"] body .bzv7-header .bzv7-nav-more > summary,
html body > header .desktop-nav > a,
html body > header nav.desktop-nav > a,
html body > header .desktop-nav > .bz-nav-more > summary,
html body .bzv7-header .bzv7-nav > a,
html body .bzv7-header .bzv7-nav-more > summary{
  color:rgba(255,255,255,.82) !important;
  -webkit-text-fill-color:currentColor !important;
}

html[data-theme="light"] body > header .desktop-nav > a:hover,
html[data-theme="light"] body > header .desktop-nav > a.active,
html[data-theme="light"] body > header .desktop-nav > a[aria-current="page"],
html[data-theme="light"] body .bzv7-header .bzv7-nav > a:hover,
html[data-theme="light"] body .bzv7-header .bzv7-nav > a.active,
html[data-theme="light"] body .bzv7-header .bzv7-nav > a[aria-current="page"],
html body > header .desktop-nav > a:hover,
html body > header .desktop-nav > a.active,
html body > header .desktop-nav > a[aria-current="page"],
html body .bzv7-header .bzv7-nav > a:hover,
html body .bzv7-header .bzv7-nav > a.active,
html body .bzv7-header .bzv7-nav > a[aria-current="page"]{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Mobile Panel gehoert farblich zum Header; keine Layoutaenderung. */
html[data-theme="light"] body > header .mobile-panel,
html[data-theme="light"] body .bzv7-mobile-nav,
html body > header .mobile-panel,
html body .bzv7-mobile-nav{
  background:#071b2b !important;
  background-color:#071b2b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.10) !important;
}
