/* Header: 4-colour stripe, logo, pill search, nav (burger < 900px) */
.lb-header{background:var(--lb-bg);position:relative;z-index:20;border-bottom:1px solid var(--lb-border)}
/* Astra "transparent header" (front page) makes #masthead absolute: keep ours in the flow */
.ast-theme-transparent-header #masthead.lb-header,#masthead.lb-header{position:relative;left:auto;right:auto}
.lb-header__stripe{display:flex;height:6px}
.lb-header__stripe i{flex:1}
.lb-header__stripe i:nth-child(1){background:var(--lb-red)}
.lb-header__stripe i:nth-child(2){background:var(--lb-yellow)}
.lb-header__stripe i:nth-child(3){background:var(--lb-blue)}
.lb-header__stripe i:nth-child(4){background:var(--lb-green)}
.lb-header__bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding-block:12px}
.lb-header__logo{display:block;flex:none;line-height:0}
.lb-header__logo img{width:68px;height:68px;display:block}
.lb-header__toggle{margin-left:auto;display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border:2px solid var(--lb-border);border-radius:999px;background:var(--lb-bg);color:var(--lb-ink);font:700 1rem var(--lb-font-body);cursor:pointer}
.lb-header__toggle:hover,.lb-header__toggle:focus,.lb-header__toggle[aria-expanded=true]{background:var(--lb-bg);color:var(--lb-ink);border-color:var(--lb-ink)}
.lb-header__burger,.lb-header__burger::before,.lb-header__burger::after{display:block;width:18px;height:2px;background:var(--lb-ink);border-radius:2px;content:""}
.lb-header__burger{position:relative}
.lb-header__burger::before,.lb-header__burger::after{position:absolute;left:0}
.lb-header__burger::before{top:-6px}
.lb-header__burger::after{top:6px}
.lb-header__search{order:3;flex:1 0 100%}
.lb-header__nav{order:4;flex:1 0 100%;display:none}
.lb-header__nav.is-open{display:block}

.lb-header__search form{position:relative;display:flex;margin:0}
.lb-header__search input[type=search]{flex:1;min-width:0;height:46px;padding:0 96px 0 20px;border:2px solid var(--lb-border);border-radius:999px;background:var(--lb-surface);font:400 1rem var(--lb-font-body);color:var(--lb-ink);box-sizing:border-box}
.lb-header__search input[type=search]:focus{border-color:var(--lb-red);outline:0;background:#fff}
.lb-header__search button{position:absolute;right:4px;top:4px;height:38px;padding:0 18px;border:0;border-radius:999px;background:var(--lb-red-ink);color:#fff;font:700 .95rem var(--lb-font-body);cursor:pointer}
.lb-header__search .screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

.lb-menu,.lb-menu ul{list-style:none;margin:0;padding:0}
.lb-menu a{display:block;padding:10px 4px;color:var(--lb-ink);font-weight:700}
.lb-menu a:hover{color:var(--lb-red-ink);text-decoration:none}
.lb-menu .sub-menu{padding-left:16px}
.lb-menu .sub-menu a{font-weight:600}
.lb-header__news{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:999px;background:var(--lb-yellow);color:var(--lb-ink);font-weight:700}
.lb-header__news:hover{text-decoration:none;filter:brightness(.96)}

@media (min-width:900px){
  .lb-header__toggle{display:none}
  .lb-header__logo img{width:88px;height:88px}
  /* two rows: logo + search, then the theme menu + "Neuheiten" link (7 themes do not fit beside the search) */
  .lb-header__bar{flex-wrap:wrap;padding-block:14px 8px;row-gap:6px}
  .lb-header__search{order:2;flex:0 1 440px;margin-left:auto}
  .lb-header__nav{order:3;display:flex!important;flex:1 0 100%;align-items:center;justify-content:space-between;gap:20px}
  .lb-menu{display:flex;flex-wrap:wrap;gap:2px;align-items:center;margin-left:-10px}
  .lb-menu a{white-space:nowrap}
  .lb-menu>li{position:relative}
  .lb-menu a{padding:8px 10px}
  .lb-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:220px;padding:8px;background:#fff;border:1px solid var(--lb-border);border-radius:var(--lb-radius);box-shadow:0 8px 24px rgba(0,0,0,.08)}
  .lb-menu li:hover>.sub-menu,.lb-menu li:focus-within>.sub-menu{display:block}
  .lb-header__news{margin-top:0;white-space:nowrap}
}

/* Live search suggestions */
.lb-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--lb-border);border-radius:16px;box-shadow:0 12px 32px rgba(22,32,90,.18);text-align:left;max-height:70vh;overflow:auto}
.lb-suggest[hidden]{display:none}
.lb-suggest li{margin:0;padding:0}
.lb-suggest a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--lb-title);font:600 .95rem/1.3 var(--lb-font-body);text-decoration:none}
.lb-suggest a:hover,.lb-suggest a.is-active{background:var(--lb-surface);color:var(--lb-red-ink);text-decoration:none}
.lb-suggest img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;flex:none;margin:0}
.lb-suggest a.lb-suggest__all{justify-content:center;color:var(--lb-blue);font-weight:700}
.lb-suggest__none{padding:10px 12px;color:#5d6178;font:600 .95rem var(--lb-font-body)}

/* Menu on a full-width navy band (owner choice B, like DexHaul): white links, current page underlined in yellow */
@media (min-width:900px){
  .lb-header__bar{padding-bottom:0}
  .lb-header__nav{position:relative;background:#16205a;box-shadow:0 0 0 100vmax #16205a;clip-path:inset(0 -100vmax);margin-top:10px;min-height:48px}
  .lb-menu{gap:0;margin-left:-12px}
  .lb-menu>li>a{padding:13px 12px 11px;color:#fff;font-size:.95rem;border-bottom:3px solid transparent}
  .lb-menu>li>a:hover,.lb-menu>li>a:focus-visible{color:var(--lb-yellow);text-decoration:none}
  .lb-menu>li.current-menu-item>a,.lb-menu>li.current-menu-ancestor>a,.lb-menu>li.current-menu-parent>a,.lb-menu>li.current-product_cat-ancestor>a{color:var(--lb-yellow);border-bottom-color:var(--lb-yellow)}
  .lb-menu .sub-menu a{color:var(--lb-ink)}
  .lb-header{border-bottom:0}
}
@media (min-width:900px) and (max-width:1199px){.lb-menu>li>a{padding-inline:8px;font-size:.9rem}}