/* Braker Zeitung – heller Zeitungskopf / Wortmarke 24.09.2026 */
:root{--bz-brand-red:#d71920;--bz-brand-navy:#071b2b;--bz-brand-ink:#101010;--bz-brand-line:#dfe4e8}

/* Aktiver V7-Kopf auf der Startseite */
.bzv7-header{
  background:#fff !important;
  color:var(--bz-brand-ink) !important;
  border-bottom:1px solid var(--bz-brand-line) !important;
  box-shadow:0 1px 0 rgba(7,27,43,.03) !important;
}
.bzv7-header-inner{min-height:82px !important;}
.bzv7-brand{
  width:310px !important;
  flex:0 0 310px !important;
  filter:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.bzv7-brand img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:62px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.bzv7-nav{color:#26343d !important;}
.bzv7-nav > a,.bzv7-nav-more > summary{color:#26343d !important;}
.bzv7-nav > a:hover,.bzv7-nav > a.active,.bzv7-nav > a[aria-current="page"],.bzv7-nav-more[open] > summary{
  color:#080b0d !important;
  border-bottom-color:var(--bz-brand-red) !important;
}
.bzv7-menu-btn,.bzv7-icon-btn{
  color:#111 !important;
  border-color:#d7dde1 !important;
  background:#fff !important;
}
.bzv7-menu-btn:hover,.bzv7-icon-btn:hover{background:#f6f7f8 !important;}
.bzv7-nav-more-panel,.bz-nav-more-panel{
  background:#fff !important;
  color:#111 !important;
  border-color:#d9dfe3 !important;
  box-shadow:0 18px 44px rgba(7,27,43,.15) !important;
}
.bzv7-nav-more-panel a,.bz-nav-more-panel a{color:#26343d !important;}
.bzv7-nav-more-panel a:hover,.bz-nav-more-panel a:hover{color:#a9162b !important;}

/* Klassischer Header der Artikelseiten */
header:not(.bzv7-header){
  background:rgba(255,255,255,.985) !important;
  color:#111 !important;
  border-bottom:1px solid var(--bz-brand-line) !important;
  box-shadow:0 1px 0 rgba(7,27,43,.03) !important;
  backdrop-filter:blur(12px) !important;
}
header .brand-logo,header .logo,header .brand img{
  filter:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
header .brand-logo{
  height:64px !important;
  width:auto !important;
  max-width:min(330px,calc(100vw - 150px)) !important;
  object-fit:contain !important;
  object-position:left center !important;
}
header .desktop-nav,header nav.desktop-nav{color:#26343d !important;}
header .desktop-nav a,header nav.desktop-nav a{color:#26343d !important;}
header .desktop-nav a:hover,header nav.desktop-nav a:hover,
header .desktop-nav a.active,header nav.desktop-nav a.active,
header .desktop-nav a[aria-current="page"],header nav.desktop-nav a[aria-current="page"]{
  color:#080b0d !important;
  border-bottom-color:var(--bz-brand-red) !important;
}
header .menu,header button.menu,header .iconbtn,header .menubtn{
  color:#111 !important;
  background:#fff !important;
  border-color:#d7dde1 !important;
}

/* Der neue schwarze Zeitungskopf darf im dunklen Footer weiß erscheinen. */
.bzv7-footer-brandblock img,.footer-logo img{
  filter:brightness(0) invert(1) !important;
  opacity:.96 !important;
}

@media(max-width:899px){
  .bzv7-header-inner{min-height:70px !important;gap:10px !important;}
  .bzv7-brand{width:min(67vw,270px) !important;flex:0 1 auto !important;margin-right:auto !important;}
  .bzv7-brand img{max-height:52px !important;}
  .bzv7-menu-btn{height:42px !important;min-width:64px !important;}
  header:not(.bzv7-header) .head,header:not(.bzv7-header) .wrap.head{min-height:70px !important;}
  header .brand-logo{height:48px !important;max-width:min(250px,calc(100vw - 118px)) !important;}
}
@media(max-width:430px){
  .bzv7-brand{width:min(65vw,238px) !important;}
  .bzv7-brand img{max-height:47px !important;}
  header .brand-logo{height:44px !important;max-width:min(225px,calc(100vw - 110px)) !important;}
}