/* Braker Zeitung · mobile header/menu reliability patch · 2026-08-14
   Keeps the dark masthead dark in both themes and prevents later inline page
   styles from making the mobile menu label unreadable. */

@media (max-width: 1179px) {

  /* Light mode always uses the dark masthead sitewide. Some legacy pages
     carry later inline button colours, so enforce the local dark-header
     foreground independently of the page body class. */
  html[data-theme="light"] body > header .menu,
  html[data-theme="light"] body > header button.menu,
  html[data-theme="light"] body > .site > header .menu,
  html[data-theme="light"] body > .site > header button.menu,
  html[data-theme="light"] body > .page > header .menu,
  html[data-theme="light"] body > .page > header button.menu,
  html[data-theme="light"] body .bzv7-header .bzv7-menu-btn {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(255,255,255,.065) !important;
    border-color: rgba(255,255,255,.28) !important;
    text-shadow: none !important;
    pointer-events: auto !important;
  }

  html[data-theme="light"] body > header .mobile-panel,
  html[data-theme="light"] body > .site > header .mobile-panel,
  html[data-theme="light"] body > .page > header .mobile-panel,
  html[data-theme="light"] body .bzv7-mobile-nav {
    background: #041221 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.09) !important;
  }

  html[data-theme="light"] body > header .mobile-panel a,
  html[data-theme="light"] body > .site > header .mobile-panel a,
  html[data-theme="light"] body > .page > header .mobile-panel a,
  html[data-theme="light"] body .bzv7-mobile-nav a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255,255,255,.09) !important;
  }
  html body.bz-theme-041221 > header,
  html body.bz-theme-041221 > .site > header,
  html body.bz-dark-shell > header,
  html body.bz-dark-shell > .site > header,
  html body.bz-theme-041221 .bzv7-header,
  html body.bz-dark-shell .bzv7-header {
    z-index: 1000 !important;
  }

  html body.bz-theme-041221 > header .menu,
  html body.bz-theme-041221 > header button.menu,
  html body.bz-theme-041221 > .site > header .menu,
  html body.bz-theme-041221 > .site > header button.menu,
  html body.bz-dark-shell > header .menu,
  html body.bz-dark-shell > header button.menu,
  html body.bz-dark-shell > .site > header .menu,
  html body.bz-dark-shell > .site > header button.menu,
  html body.bz-theme-041221 .bzv7-header .bzv7-menu-btn,
  html body.bz-dark-shell .bzv7-header .bzv7-menu-btn {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(255,255,255,.065) !important;
    border-color: rgba(255,255,255,.28) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1002 !important;
  }

  html body.bz-theme-041221 > header .menu::before,
  html body.bz-theme-041221 > header button.menu::before,
  html body.bz-dark-shell > header .menu::before,
  html body.bz-dark-shell > header button.menu::before,
  html body.bz-theme-041221 .bzv7-header .bzv7-menu-btn::before,
  html body.bz-dark-shell .bzv7-header .bzv7-menu-btn::before {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
  }

  html body.bz-theme-041221 > header .menu:hover,
  html body.bz-theme-041221 > header .menu:focus-visible,
  html body.bz-theme-041221 > header .menu[aria-expanded="true"],
  html body.bz-dark-shell > header .menu:hover,
  html body.bz-dark-shell > header .menu:focus-visible,
  html body.bz-dark-shell > header .menu[aria-expanded="true"],
  html body.bz-theme-041221 .bzv7-header .bzv7-menu-btn:hover,
  html body.bz-theme-041221 .bzv7-header .bzv7-menu-btn:focus-visible,
  html body.bz-theme-041221 .bzv7-header .bzv7-menu-btn[aria-expanded="true"],
  html body.bz-dark-shell .bzv7-header .bzv7-menu-btn:hover,
  html body.bz-dark-shell .bzv7-header .bzv7-menu-btn:focus-visible,
  html body.bz-dark-shell .bzv7-header .bzv7-menu-btn[aria-expanded="true"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(54,203,228,.12) !important;
    border-color: rgba(54,203,228,.62) !important;
    outline: none !important;
  }

  html body.bz-theme-041221 > header .mobile-panel,
  html body.bz-theme-041221 > .site > header .mobile-panel,
  html body.bz-dark-shell > header .mobile-panel,
  html body.bz-dark-shell > .site > header .mobile-panel,
  html body.bz-theme-041221 .bzv7-mobile-nav,
  html body.bz-dark-shell .bzv7-mobile-nav,
  html body.bz-theme-041221 #akt-primary-nav,
  html body.bz-dark-shell #akt-primary-nav {
    z-index: 1001 !important;
  }

  html body.bz-theme-041221 > header .mobile-panel.open,
  html body.bz-theme-041221 > .site > header .mobile-panel.open,
  html body.bz-dark-shell > header .mobile-panel.open,
  html body.bz-dark-shell > .site > header .mobile-panel.open {
    display: block !important;
    pointer-events: auto !important;
  }

  html body.bz-theme-041221 .bzv7-mobile-nav.open,
  html body.bz-dark-shell .bzv7-mobile-nav.open {
    display: grid !important;
    pointer-events: auto !important;
  }

  html body.bz-theme-041221 #akt-primary-nav.is-open,
  html body.bz-dark-shell #akt-primary-nav.is-open {
    pointer-events: auto !important;
  }
}


/* 2026-08-16: Lesbarkeit des Desktop-/Mobilpunkts „Mehr“ in beiden Themes.
   Nur Farbkorrektur, keine strukturelle Header-Aenderung. */
html body .bzv7-header .bzv7-nav-more > summary,
html body header .bz-nav-more > summary,
html[data-theme="light"] body .bzv7-header .bzv7-nav-more > summary,
html[data-theme="light"] body header .bz-nav-more > summary {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}
html body .bzv7-mobile-nav .bz-nav-more > summary,
html body .mobile-panel .bz-nav-more > summary,
html[data-theme="light"] body .bzv7-mobile-nav .bz-nav-more > summary,
html[data-theme="light"] body .mobile-panel .bz-nav-more > summary {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}