/* A single Outlet button beside Merken; no extra homepage banner. */
/* Allow the extra account icons to fit on wide desktop screens. */
@media (min-width: 1800px) {
  #header .navigation_wrapper .menu_search {
    margin-right: 30px;
  }
}

/* Compact desktop spacing before the existing mobile menu takes over. */
@media (min-width: 959px) and (max-width: 1199px) {
  #header .navigation_wrapper {
    font-size: 16px;
  }
  #header .navigation_wrapper .logo_wrapper {
    margin-right: 20px;
    max-width: 160px;
  }
  #header .navigation_wrapper .logo_wrapper img {
    width: 160px;
    height: auto;
  }
  #header .navigation_wrapper > .container > ul > li {
    margin-right: 20px;
  }
  #header .navigation_wrapper .menu_search {
    margin-right: 20px;
  }
  #header .navigation_wrapper .user_contact .user_wrapper {
    margin-right: 15px;
  }
}

/* Header repair: contain top-bar floats at fractional zoom levels. */
#header .top_bar {
  display: flow-root;
}
#header .navigation_wrapper {
  clear: both;
}

/* Keep the Outlet shortcut and all desktop controls on the same row. */
@media (min-width: 1800px) {
  #header .navigation_wrapper .logo_wrapper {
    margin-right: 60px;
  }
  #header .navigation_wrapper > .container > ul > li,
  #header .navigation_wrapper #navigation > ul > li {
    margin-right: 30px;
  }
  #header .navigation_wrapper #navigation > ul > li:last-child {
    margin-right: 0;
  }
  #header .navigation_wrapper .ka-outlet-nav-shortcut {
    margin-right: 30px;
  }
}

.navigation_wrapper .ka-outlet-nav-shortcut {
  display: none;
  padding: 10px 16px;
  border: 1px solid #edc985;
  border-radius: 2px;
  background: #fff2d9;
  color: #171717;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  vertical-align: middle;
  text-decoration: none;
}
.navigation_wrapper .ka-outlet-nav-shortcut:hover {
  background: #ffa300;
  border-color: #ffa300;
  color: #171717;
  text-decoration: none;
}
.navigation_wrapper .secondary_navigation .ka-outlet-menu-item > a,
.mobile_menu .ka-outlet-menu-item > a {
  color: #171717;
  background: #fff2d9;
  border-left: 3px solid #ffa300;
  padding: 10px 14px;
  line-height: 24px;
  font-weight: 700;
}
.navigation_wrapper .ka-outlet-nav-shortcut:focus-visible,
.ka-outlet-menu-item > a:focus-visible {
  outline: 3px solid #171717;
  outline-offset: 3px;
}
@media (min-width: 959px) {
  .navigation_wrapper .ka-outlet-nav-shortcut {
    display: inline-block;
  }
}
@media (min-width: 1800px) {
  .navigation_wrapper .ka-outlet-nav-shortcut {
    float: left;
    margin-right: 50px;
    margin-top: 38px;
  }
  body.sticky_header #header .ka-outlet-nav-shortcut {
    margin-top: 28px;
  }
}