/* 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}}