#header .header-nav .kl-header-shipping {
  margin: 0;
  padding: 12px 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .015em;
}
#header .header-nav .kl-header-shipping strong { font-weight: 700; }

/* Join the navigation border directly to the page's breadcrumb background. */
#header .header-top-main { margin-bottom: 0; }

/* Approved original symbol alongside the existing, accessible wordmark.
   The background framing removes only the source image's empty margins. */
#header .header-top .header_logo > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  vertical-align: middle;
}
#header .header-top .header_logo > a::before {
  content: "";
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 60px;
  background: url("views/img/brand/kartenlabor-original.png") 50% 18% / 160% auto no-repeat;
}
#header .header-top .header_logo img.logo {
  width: 230px;
  height: auto;
  min-height: 0;
  object-fit: contain;
}
@media (min-width: 992px) {
  /* Same 20px content inset as the navigation and page content below. */
  #header .header-top .header_logo { padding-inline-start: 20px; }
}
@media (max-width: 991px) {
  #header .header-top .header_logo > a { gap: 7px; }
  #header .header-top .header_logo > a::before { flex-basis: 36px; width: 36px; height: 45px; }
  /* Let the wordmark shrink beside the fixed symbol instead of covering the menu. */
  #header .header-top .header_logo img.logo { width: 180px; min-width: 0; }
  #header .header-nav { display: block; }
  #header .header-nav > .container { display: flex; flex-wrap: wrap; justify-content: center; }
  #header .header-nav .left-nav { display: block; width: 100%; float: none; text-align: center; }
  #header .header-nav .kl-header-shipping { padding: 9px 8px; font-size: 12px; }
}
@media (max-width: 359px) {
  #header .header-top .header_logo img.logo { width: 155px; }
}