/* Braker Zeitung · Headerkorrektur 876 · 03.10.2026 · neue Wortmarke + BZ-Wellen-Favicon */
html body.bz-v11-site .bz-site-header-v11{
  background:#051a2b!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-meta{
  height:78px!important;
  min-height:78px!important;
  background:#051a2b!important;
  border-top:0!important;
  border-bottom:1px solid #1b3a4e!important;
  color:#fff!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
  height:78px!important;
  min-height:78px!important;
  padding:0!important;
  grid-template-columns:312px minmax(0,1fr) auto!important;
  gap:28px!important;
  align-items:center!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-brand{
  display:flex!important;
  align-items:center!important;
  width:300px!important;
  max-width:300px!important;
  height:66px!important;
  min-width:0!important;
  overflow:visible!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
  display:block!important;
  width:300px!important;
  max-width:300px!important;
  height:auto!important;
  max-height:63px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  opacity:1!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-brand-label{
  display:none!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-meta-copy{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:9.4px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  gap:14px!important;
  align-self:center!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-meta-copy .sep{
  color:rgba(255,255,255,.45)!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-hint{
  color:#051a2b!important;
  -webkit-text-fill-color:#051a2b!important;
  border:1px solid #fff!important;
  background:#fff!important;
  min-height:32px!important;
  padding:0 15px!important;
  font-size:8.6px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-hint span{
  color:#051a2b!important;
  -webkit-text-fill-color:#051a2b!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-hint:hover,
html body.bz-v11-site .bz-site-header-v11 .bz11-hint:focus-visible{
  color:#051a2b!important;
  -webkit-text-fill-color:#051a2b!important;
  border-color:#fff!important;
  background:#f2f7fa!important;
}
html body.bz-v11-site .bz-site-header-v11 .bz11-navbar{
  background:#071b2b!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid #103248!important;
}



@media(min-width:980px){
  html body.bz-v12-site .bz-site-header-v11{
    top:0!important;
  }
}

@media(max-width:979px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
    min-height:72px!important;
    height:72px!important;
    padding:0!important;
    grid-template-columns:260px minmax(0,1fr) auto!important;
    gap:16px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand{
    width:248px!important;max-width:248px!important;height:58px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:248px!important;max-width:248px!important;max-height:56px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-copy{font-size:8px!important;}
  html body.bz-v11-site .bz-site-header-v11 .bz11-hint{min-height:30px!important;padding:0 11px!important;font-size:8px!important;}
}
@media(max-width:620px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
    min-height:62px!important;height:62px!important;padding:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand{
    width:210px!important;max-width:210px!important;height:50px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:210px!important;max-width:210px!important;max-height:48px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-copy{display:none!important;}
  html body.bz-v11-site .bz-site-header-v11 .bz11-hint{min-height:28px!important;padding:0 9px!important;font-size:7.5px!important;}
}
@media(max-width:390px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:188px!important;
    max-width:188px!important;
  }
}



@media(min-width:980px){
  html body.bz-v12-site .bz-site-header-v11 .bz11-meta{
    height:78px!important;
    min-height:78px!important;
  }
  html body.bz-v12-site .bz-site-header-v11 .bz11-meta-inner{
    height:78px!important;
    min-height:78px!important;
  }
}


/* 859 · mobiles Menü auf dunklem Header sichtbar */
@media(max-width:979px){
  html body.bz-v18-site .bz11-menu-btn{
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.025)!important;
  }
  html body.bz-v18-site .bz11-menu-btn::before,
  html body.bz-v18-site .bz11-menu-btn::after{
    background:#fff!important;
  }
  html body.bz-v18-site .bz11-menu-btn[aria-expanded="false"]::before{
    box-shadow:0 7px 0 #fff,0 14px 0 #fff!important;
    animation:bz859-menu-pulse 3.8s ease-in-out infinite!important;
  }
  html body.bz-v18-site .bz11-menu-btn[aria-expanded="true"]::before,
  html body.bz-v18-site .bz11-menu-btn[aria-expanded="true"]::after{
    background:#fff!important;
    box-shadow:none!important;
  }
  html body.bz-v18-site .bz11-menu-btn:focus-visible{
    background:rgba(255,255,255,.09)!important;
    outline:2px solid rgba(255,255,255,.72)!important;
    outline-offset:2px!important;
  }
}
@keyframes bz859-menu-pulse{
  0%,72%,100%{opacity:1}
  82%{opacity:.66}
  90%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  html body.bz-v18-site .bz11-menu-btn::before,
  html body.bz-v18-site .bz11-menu-btn::after{animation:none!important}
}


/* 875 · Mobil: Markenlogo eine Stufe groesser, Burger bleibt frei */
@media(max-width:620px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
    min-height:66px!important;
    height:66px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand{
    width:236px!important;
    max-width:236px!important;
    height:54px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:236px!important;
    max-width:236px!important;
    height:auto!important;
    max-height:51px!important;
  }
}
@media(max-width:390px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:214px!important;
    max-width:214px!important;
  }
}
@media(max-width:350px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:198px!important;
    max-width:198px!important;
  }
}


/* 876 · neue 3:1-Wortmarke: proportional, ohne Stauchung */
@media(min-width:980px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta,
  html body.bz-v12-site .bz-site-header-v11 .bz11-meta,
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner,
  html body.bz-v12-site .bz-site-header-v11 .bz11-meta-inner{
    height:96px!important;
    min-height:96px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
    grid-template-columns:292px minmax(0,1fr) auto!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand{
    width:276px!important;
    max-width:276px!important;
    height:92px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:276px!important;
    max-width:276px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}
@media(min-width:621px) and (max-width:979px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
    min-height:86px!important;
    height:86px!important;
    grid-template-columns:252px minmax(0,1fr) auto!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:240px!important;
    max-width:240px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand{height:80px!important;}
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{height:auto!important;max-height:none!important;}
}
@media(max-width:620px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-meta-inner{
    min-height:78px!important;
    height:78px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:216px!important;
    max-width:216px!important;
  }
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand{height:74px!important;}
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{height:auto!important;max-height:none!important;}
}
@media(max-width:390px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:202px!important;
    max-width:202px!important;
  }
}
@media(max-width:350px){
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand,
  html body.bz-v11-site .bz-site-header-v11 .bz11-brand img{
    width:188px!important;
    max-width:188px!important;
  }
}
