/* Final supplied artwork; crop transparent side margins in display only. */
header .brand > img.cd-media-logo{display:block;width:160px;height:72px;max-width:none;object-fit:cover;object-position:center;flex:none;border-radius:0;background:#fff}
@media(max-width:800px){header .brand > img.cd-media-logo{width:150px;height:64px;border-radius:4px}}
@media(max-width:360px){header .brand > img.cd-media-logo{width:140px;height:60px}}

/* Mobile header: consistent white surface for the original full-colour logo. */
@media(max-width:800px){
 header:has(.cd-media-logo){background:#fff;color:#061c3f;border-bottom:1px solid #e7eaf0}
 header:has(.cd-media-logo) #menu-toggle,
 header:has(.cd-media-logo) #open-cart,
 header:has(.cd-media-logo) .faq-cart{color:#061c3f}
 header .brand > img.cd-media-logo{background:transparent;border-radius:0}
}

/* Mobile logo reduced by 18 percent; touch targets and header height preserved. */
@media(max-width:800px){header .brand > img.cd-media-logo{width:123px;height:52.48px}}
@media(max-width:360px){header .brand > img.cd-media-logo{width:114.8px;height:49.2px}}

/* Centre the visible artwork after the user's Canva text-size revision. */
header .brand > img.cd-media-logo{object-position:41% center}
@media(max-width:800px){header .brand > img.cd-media-logo{object-position:40% center}}

/* Nur die mobile Kopfzeile. Die vorhandenen Inhalte und Menüs bleiben erhalten. */
@media(max-width:800px){
  header:has(.cd-media-logo):has(#menu-toggle){display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:0 16px 0 max(6px,calc(6.6667vw - 18px));background:#fff;color:#051d40}
  header:has(.cd-media-logo):has(#menu-toggle) .brand{position:static;left:auto;top:auto;transform:none;order:0;flex:1;max-width:none;width:auto;justify-content:flex-start;margin-right:auto;background:transparent;box-shadow:none;border:0}
  header:has(.cd-media-logo):has(#menu-toggle) .brand::before,header:has(.cd-media-logo):has(#menu-toggle) .brand::after{content:none;display:none}
  header:has(.cd-media-logo):has(#menu-toggle) #header-search-toggle,
  header:has(.cd-media-logo):has(#menu-toggle) #open-cart,
  header:has(.cd-media-logo):has(#menu-toggle) .faq-cart,
  header:has(.cd-media-logo):has(#menu-toggle) #menu-toggle{display:grid;place-items:center;flex:none;width:40px;min-width:40px;height:44px;min-height:44px;padding:8px;border:0;border-radius:0;background:transparent;color:#051d40;transform:none;position:relative;grid-column:auto;grid-row:auto}
  header:has(.cd-media-logo):has(#menu-toggle) #header-search-toggle{order:1}
  header:has(.cd-media-logo):has(#menu-toggle) #open-cart,header:has(.cd-media-logo):has(#menu-toggle) .faq-cart{order:2}
  header:has(.cd-media-logo):has(#menu-toggle) #menu-toggle{order:3}
  header:has(.cd-media-logo):has(#menu-toggle) #header-search-toggle svg,
  header:has(.cd-media-logo):has(#menu-toggle) #open-cart svg,
  header:has(.cd-media-logo):has(#menu-toggle) .faq-cart svg{width:23px;height:23px;color:#051d40;transform:none}
  header:has(.cd-media-logo):has(#menu-toggle) #menu-toggle svg{width:27px;height:27px}
  header #main-navigation #mobile-search-toggle:focus{outline:none;box-shadow:none}
  header #main-navigation #mobile-search-toggle:focus-visible{outline:none;box-shadow:none;background:#f3f5f7}
  header #header-search-toggle:focus-visible{outline:2px solid #8795a7;outline-offset:1px}
}
@media(max-width:360px){header:has(.cd-media-logo):has(#menu-toggle){padding-left:max(4px,calc(6.6667vw - 17px));padding-right:10px;gap:2px}}
@media(min-width:801px){#header-search-toggle{display:none}}