/* BCM Header Variante A – einzeilig, hell, Kontakt-Button. Nur aktiv mit body.bcm-hdr-a */
body.bcm-hdr-a .topbar-navbar__wrapper { background: #202124; border: 0 !important; }
body.bcm-hdr-a .topbar-navbar__wrapper .container { max-width: none; padding: 0 48px; }
body.bcm-hdr-a .topbar-navbar__row { min-height: 38px; justify-content: space-between !important; flex-wrap: nowrap; }
body.bcm-hdr-a .topbar-navbar__wrapper a, body.bcm-hdr-a .topbar-navbar__wrapper .nav__title { color: #e6e6e8 !important; font-family: var(--bcm-text, Inter), Arial, sans-serif; font-size: 13px !important; letter-spacing: 0 !important; }
body.bcm-hdr-a .topbar-navbar__wrapper a:hover .nav__title, body.bcm-hdr-a .topbar-navbar__wrapper a:hover, body.bcm-hdr-a .topbar-navbar__wrapper a:focus-visible { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
body.bcm-hdr-a .topbar-navbar__wrapper .nav__link { padding: 9px 10px !important; }
body.bcm-hdr-a .topbar-navbar__wrapper .nav__link::before, body.bcm-hdr-a .topbar-navbar__wrapper .nav__link::after, body.bcm-hdr-a .topbar-navbar__wrapper .nav__title::before, body.bcm-hdr-a .topbar-navbar__wrapper .nav__title::after { display: none !important; }
body.bcm-hdr-a .bcm-topbar-contact { display: flex; gap: 22px; align-items: center; margin-right: auto; }
body.bcm-hdr-a .topbar-navbar__wrapper .topbar-nav__container { margin-left: auto; }
body.bcm-hdr-a .bcm-topbar-contact a { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
body.bcm-hdr-a .bcm-topbar-contact svg { width: 14px; height: 14px; flex: none; }
body.bcm-hdr-a .topbar-nav__socials .social-icon { color: #e6e6e8 !important; }
body.bcm-hdr-a .topbar-nav__socials .social-icon:hover { color: #fff !important; }

@media (min-width: 992px) {
  body.bcm-hdr-a .primary-navbar__wrapper { background: #fff; border-bottom: 1px solid #e6e6e8; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
  body.bcm-hdr-a .primary-navbar__wrapper > .container-fluid { padding: 0 48px; }
  body.bcm-hdr-a #tc-page-wrap .primary-navbar__wrapper .primary-navbar__row { flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; min-height: 88px; }
  body.bcm-hdr-a .primary-navbar__wrapper .branding__container { flex: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .branding { align-items: flex-start !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .navbar-brand { padding: 0 !important; margin: 0 !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .navbar-brand img { max-height: 64px !important; max-width: 160px !important; width: auto; height: auto; }
  body.bcm-hdr-a .primary-navbar__wrapper .primary-nav__container { flex: 1 1 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; flex-direction: row !important; justify-content: flex-end !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .primary-nav__wrapper { width: 100%; justify-content: flex-end !important; flex-direction: row !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .primary-nav__nav { flex: 1 1 auto; padding: 0 !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .primary-nav__menu-wrapper { justify-content: flex-end !important; }

  /* Max Mega Menu: Hauptebene */
  body.bcm-hdr-a #mega-menu-wrap-main, body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main { background: transparent !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main { display: flex !important; justify-content: flex-end; align-items: center; gap: 4px; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item { display: block !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-flyout > ul.mega-sub-menu { top: 100% !important; left: 0 !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link { display: flex !important; align-items: center; gap: 6px; height: 88px !important; line-height: 1 !important; padding: 3px 14px 0 !important; background: transparent !important; color: #202124 !important; font-family: var(--bcm-head, Barlow), Arial, sans-serif !important; font-size: 17px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; box-sizing: border-box; white-space: nowrap !important; transition: color .15s, border-color .15s; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link::before { display: none !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link:hover,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link:focus-visible,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #c01722 !important; background: transparent !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-current-menu-item > a.mega-menu-link,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-current-menu-ancestor > a.mega-menu-link,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-current-page-ancestor > a.mega-menu-link { color: #c01722 !important; border-bottom-color: #c01722 !important; background: transparent !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link .mega-indicator { margin-left: 2px !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link .mega-indicator::after { content: "" !important; display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); margin: 0 !important; }
  /* Startseite (Logo führt dorthin) und Fire Expo (jetzt oben) ausblenden */
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-1353,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-1463 { display: none !important; }
  /* Kontakt als roter Button */
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-574 { margin-left: 10px; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-574 > a.mega-menu-link { height: 44px !important; padding: 0 20px !important; border: 0 !important; border-radius: 6px !important; background: #c01722 !important; color: #fff !important; font-weight: 600 !important; font-size: 16px !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-574 > a.mega-menu-link:hover,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-574 > a.mega-menu-link:focus-visible { background: #9e121b !important; color: #fff !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li#mega-menu-item-574 > a.mega-menu-link .mega-indicator { display: none !important; }

  /* Untermenüs als weiße Karte */
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu { background: #fff !important; border: 1px solid #e6e6e8 !important; border-radius: 10px !important; box-shadow: 0 14px 34px rgba(0,0,0,.12) !important; padding: 8px !important; min-width: 300px; width: auto !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main > li.mega-menu-flyout > ul.mega-sub-menu { margin-top: -1px !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item { background: transparent !important; border: 0 !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; height: auto !important; line-height: 1.35 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: #202124 !important; font-family: var(--bcm-text, Inter), Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; white-space: normal; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::before { display: none !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus-visible,
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item > a.mega-menu-link { background: #f7f7f8 !important; color: #c01722 !important; }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link .mega-indicator::after { content: "" !important; display: inline-block; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
  body.bcm-hdr-a #mega-menu-wrap-main #mega-menu-main li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu { margin-left: 8px !important; }

  /* Suche als Fläche */
  body.bcm-hdr-a .primary-navbar__wrapper .primary-nav__utils { padding: 0 0 0 10px !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .nav__search > a.search-toggle_btn { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; border-radius: 6px; background: #f3f3f4; color: #202124 !important; }
  body.bcm-hdr-a .primary-navbar__wrapper .nav__search > a.search-toggle_btn:hover { background: #e6e6e8; }
}

/* ===== Header Variante A – Handy und Tablet (unter 992 px) ===== */
@media (max-width: 991.98px) {
  body.bcm-hdr-a .topbar-navbar__wrapper { display: none !important; }
  body.bcm-hdr-a .mobile-navbar__wrapper { background: #fff; border-bottom: 1px solid #e6e6e8; }
  body.bcm-hdr-a .mobile-navbar__wrapper .branding__container { min-height: 72px; padding: 0 16px; }
  body.bcm-hdr-a .mobile-navbar__wrapper .navbar-brand { padding: 0 !important; }
  body.bcm-hdr-a .mobile-navbar__wrapper .navbar-brand img { max-width: 120px !important; max-height: 48px !important; width: auto; height: auto; }
  body.bcm-hdr-a .mobile-utils__wrapper ul.utils { align-items: center; gap: 8px; margin: 0; }
  body.bcm-hdr-a .mobile-utils__wrapper ul.utils > li { padding: 0 !important; margin: 0 !important; }
  body.bcm-hdr-a .mobile-utils__wrapper .bcm-m-phone a,
  body.bcm-hdr-a .mobile-utils__wrapper .nav__search > a.search-toggle_btn,
  body.bcm-hdr-a .mobile-utils__wrapper .ham-toggler-menu { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; border: 0; border-radius: 8px; box-sizing: border-box; }
  body.bcm-hdr-a .mobile-utils__wrapper .bcm-m-phone a { background: #fbeced; color: #c01722; }
  body.bcm-hdr-a .mobile-utils__wrapper .bcm-m-phone svg { width: 19px; height: 19px; }
  body.bcm-hdr-a .mobile-utils__wrapper .nav__search > a.search-toggle_btn { background: #f3f3f4; color: #202124 !important; font-size: 17px; }
  body.bcm-hdr-a .mobile-utils__wrapper .ham-toggler-menu { background: #202124 !important; }
  body.bcm-hdr-a .mobile-utils__wrapper .ham-toggler-menu .ham__toggler-span-wrapper { width: 20px; height: 14px; margin: 0; }
  body.bcm-hdr-a .mobile-utils__wrapper .ham-toggler-menu .line { background: #fff !important; height: 2px; }

  /* aufgeklapptes Menü */
  body.bcm-hdr-a .mobile-nav__nav { background: #fff; box-shadow: 0 16px 30px rgba(0,0,0,.12); }
  body.bcm-hdr-a .mobile-nav__inner { padding: 4px 16px 0 !important; }
  body.bcm-hdr-a #mobile-nav-menu > li#menu-item-1353,
  body.bcm-hdr-a #mobile-nav-menu > li#menu-item-1463 { display: none !important; }
  body.bcm-hdr-a #mobile-nav-menu > li { border-bottom: 1px solid #eee !important; border-top: 0 !important; }
  body.bcm-hdr-a #mobile-nav-menu > li > a.nav__link,
  body.bcm-hdr-a #mobile-nav-menu > li > .nav__link-wrapper > a.nav__link { display: flex; align-items: center; min-height: 56px; padding: 0 !important; font-family: var(--bcm-head, Barlow), Arial, sans-serif !important; font-size: 19px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: #202124 !important; }
  body.bcm-hdr-a #mobile-nav-menu .nav__title { text-transform: none !important; letter-spacing: 0 !important; }
  body.bcm-hdr-a #mobile-nav-menu .nav__title::before, body.bcm-hdr-a #mobile-nav-menu .nav__title::after, body.bcm-hdr-a #mobile-nav-menu .nav__link::before, body.bcm-hdr-a #mobile-nav-menu .nav__link::after { display: none !important; }
  body.bcm-hdr-a #mobile-nav-menu > li.current-menu-ancestor > .nav__link-wrapper > a.nav__link,
  body.bcm-hdr-a #mobile-nav-menu > li.current-menu-item > a.nav__link,
  body.bcm-hdr-a #mobile-nav-menu > li.current-active > .nav__link-wrapper > a.nav__link { color: #c01722 !important; }
  body.bcm-hdr-a #mobile-nav-menu .nav__link-wrapper { align-items: center !important; justify-content: space-between; }
  body.bcm-hdr-a #mobile-nav-menu .caret__dropdown-toggler { width: 44px; height: 44px; flex: none; display: flex; align-items: center; justify-content: center; background: transparent !important; color: #202124; border-radius: 8px; }
  body.bcm-hdr-a #mobile-nav-menu .caret__dropdown-toggler:hover { background: #f3f3f4 !important; }
  body.bcm-hdr-a #mobile-nav-menu .dropdown-menu { margin: 0 0 12px !important; padding: 2px 0 2px 14px !important; border: 0 !important; border-left: 2px solid #c01722 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  body.bcm-hdr-a #mobile-nav-menu .dropdown-menu li { border: 0 !important; }
  body.bcm-hdr-a #mobile-nav-menu .dropdown-menu a.nav__link { display: flex; align-items: center; min-height: 40px; padding: 4px 0 !important; font-family: var(--bcm-text, Inter), Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #3a3b3d !important; }
  body.bcm-hdr-a #mobile-nav-menu .dropdown-menu li.current-menu-item > a.nav__link,
  body.bcm-hdr-a #mobile-nav-menu .dropdown-menu li.current-menu-item > .nav__link-wrapper > a.nav__link { color: #c01722 !important; font-weight: 600 !important; }
  body.bcm-hdr-a #mobile-nav-menu .dropdown-menu .dropdown-menu { margin: 0 0 6px !important; border-left-color: #e6e6e8 !important; }

  /* Fußbereich im Menü */
  body.bcm-hdr-a .bcm-m-foot { margin: 16px -16px 0; padding: 16px; background: #f7f7f8; display: flex; flex-direction: column; gap: 12px; }
  body.bcm-hdr-a .bcm-m-foot .bcm-m-cta { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; border-radius: 8px; background: #c01722; color: #fff !important; font-family: var(--bcm-head, Barlow), Arial, sans-serif; font-size: 17px; font-weight: 600; text-decoration: none; }
  body.bcm-hdr-a .bcm-m-foot .bcm-m-cta:hover { background: #9e121b; }
  body.bcm-hdr-a .bcm-m-foot .bcm-m-tel { display: flex; align-items: center; justify-content: center; min-height: 44px; border: 2px solid #202124; border-radius: 8px; color: #202124 !important; font-family: var(--bcm-head, Barlow), Arial, sans-serif; font-size: 17px; font-weight: 600; text-decoration: none; }
  body.bcm-hdr-a .bcm-m-foot .bcm-m-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; font-size: 14px; }
  body.bcm-hdr-a .bcm-m-foot .bcm-m-links a { color: #3a3b3d !important; padding: 6px 0; text-decoration: none; }
  body.bcm-hdr-a .bcm-m-foot .bcm-m-links a:hover { color: #c01722 !important; text-decoration: underline; }
}
@media (min-width: 992px) { body.bcm-hdr-a .bcm-m-foot { display: none !important; } }