/* topbar.css - Kopfleiste esd, fluidics, boxic24 (Addendum 2 B/C, Stand 2026-09-26).
   Geladen aus den CMS-Bloecken header_cms_links (62 esd, 127 boxic24, 128 fluidics), wie footer-*.css.
   Links: Telefon und Zeiten, Mitte: Geschaeftskunden-Hinweis, rechts: Sprachumschalter als Text
   (Template Local/ESD Magento_Store::switch/languages.phtml, Easyflags per Konfiguration aus).
   Farben wie die bisherige Leiste: Grund #0d1b2e (Theme), Akzent #ff6b1a (Telefon). */
.page-header .panel.wrapper .panel.header{min-height:42px}
.page-header .panel.header .flex-col-left{flex:1 1 auto;min-width:0}
.page-header .panel.header .flex-col-right{flex:0 0 auto}
.a1-tb{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-width:0;font-size:12.5px;line-height:1.4;color:#d7dee8}
.a1-tb__left{display:flex;align-items:center;white-space:nowrap}
.a1-tb__hours{color:#d7dee8}
.a1-tb__hours::before{content:"\00B7" / "";margin:0 .6em;opacity:.7}
.a1-tb__center{flex:1 1 auto;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d7dee8}
.a1-lang{display:flex;align-items:center;margin-left:24px;font-size:12.5px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.a1-lang__item+.a1-lang__item::before{content:"\00B7" / "";display:inline-block;margin:0 .55em;color:#8a97a8;letter-spacing:0}
.a1-lang__cur{font-weight:700;color:#ff6b1a}
.a1-lang a.a1-lang__item,.a1-lang a.a1-lang__item:visited{color:#d7dee8;text-decoration:none}
.a1-lang a.a1-lang__item:hover,.a1-lang a.a1-lang__item:focus-visible{color:#fff;text-decoration:underline}
.a1-lang a.a1-lang__item:focus-visible{outline:2px solid #ff6b1a;outline-offset:2px}
@media (max-width:979px){.a1-tb__center{display:none}}
@media (max-width:559px){.a1-tb__hours{display:none}.a1-lang{margin-left:12px}}
/* Logo height fixed before the image loads (CLS fix of 11.08.2026, lost in the LESS rework of 16.08.2026,
   found again 26.09.2026): Theme Editor gives the logo only max-height (58 px desktop, 44 px below 768 px),
   so the <img> is 0 px high until it loads and the search row and menu jump 16 px down. All three logos render
   at exactly these heights anyway (esd 169x58, fluidics 168x58, boxic24 172x58, mobile x44). This file loads
   in the top bar, before the logo, so the space is reserved from the first frame. */
.page-header .header.content .logo img{height:58px;width:auto}
@media (max-width:767px){.page-header .header.content .logo img{height:44px}}
/* Second switcher inside the menu block (#store.settings, "Einstellungen" tab of the drawer).
   The old Easyflags markup carried .switcher-language and the theme hid it on desktop, .a1-lang does not,
   so it showed as an 18 px row under the menu until the tabs JS ran (~2.7 s) and the page jumped up.
   Desktop: hidden from the first frame. Mobile: the Theme Editor (FIX #5) hides #store.settings on purpose,
   the language switcher sits in the top bar, but its tab title stayed visible and opened an empty tab:
   FIX #5 targets the title by nth-child(5), and Breeze inserts an extra first child. Hide it by position
   relative to the content instead. */
@media (min-width:768px){.nav-sections .a1-lang{display:none}}
@media (max-width:767px){.nav-sections-items>.section-item-title:has(+ #store\.settings){display:none!important}}