.g-color-primary {
    /* color: #e30613 !important; */
    color: #fec900 !important;
}

.btn-primary {
    color: #fff;
    background-color: #fec900;
    border-color: #fec900;
}

.btn-primary:hover {
    background-color: #fec900;
    border-color: #fec900;
}

.form-control:focus,
.g-brd-primary--focus:focus,
.g-brd-primary--focus.g-state-focus *,
.g-brd-primary--focus.g-state-focus *:focus {
    border-color: #fec900 !important;
    box-shadow: inset 0 0 0 1px #fec900;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
  background-color: transparent;
  color: #fec900;
  font-weight: 700;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
  background-color: transparent;
  color: #888;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
  background-color: transparent;
  color: rgba(168, 4, 14, 0.6);
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
  background: #fec900;
  color: #fff;
}

.wizard > .steps .current span.number { 
  color: #fff;
  background-color: #fec900;
}

.wizard > .steps .disabled span.number { 
  color: #fff;
  background-color: #ddd;
}

.wizard > .steps .done span.number {
  color: #fff;
  background-color: rgba(168, 4, 14, 0.6);
}
      
.ui-datepicker .ui-state-default.ui-state-highlight{
  background-color: rgba(168, 4, 14, 0.2) !important;
  color: #fec900 !important;
}

label.error { font-size: 11px; display: block; width: 100%; }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i, .u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {
    color: #fff;
    background-color: #fec900 !important;
    border-color: #fec900 !important;
}

.g-hidden-checkbox {
    left: -999em;
}

.g-bg-primary, .g-bg-primary:hover, .g-bg-primary:active {
    background-color: #fec900 !important;
}

.custom-select option {
    font-weight: normal !important;
}
      
  .select2-container--default .select2-selection--single {
      box-sizing: border-box;
      display: inline-block;
      margin: 0;
      position: relative;
      vertical-align: middle;
      padding-top: 0 !important;
      padding-bottom: 1rem !important;
      border-radius: 0 !important;
      color: #555;
      border-color: #ccc;
      width: 100%;
      height: calc(3.25rem + 2px);
      background-size: auto;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      text-transform: none;
  }

.select2-selection__arrow {
    margin-top: 22px;
    margin-right: 5px;
}
.select2-selection__arrow b::before {
    display: none;
}

.fa-spinner {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


@media (min-width: 1200px) {
  .header {
    padding: 0 50px;
  }
}
@media (min-width: 768px) {
  .header {
    padding: 0 20px;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 15px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 15px;
  color: black;
  background: white;
  z-index: 100;
}

.main-navigation-menu {
  font-size:1rem
}
@media (min-width:768px) {
  .main-navigation-link {
    color:#2b3136;
    padding-left:0;
    padding-right:32px
  }
  .main-navigation-link .main-navigation-link-text {
    border-bottom:2px solid transparent;
    padding-bottom:3px
  }
  .main-navigation-link:hover,
  .main-navigation-link.is-open {
    color:#0042a0
  }
  .main-navigation-link.active {
    color:#4a545b;
    font-weight:700
  }
  .main-navigation-link.active .main-navigation-link-text {
    border-color:#0042a0
  }
}
.navigation-flyout-categories:not(.is-level-0) {
  margin-left:20px
}
.navigation-flyout-categories.is-level-0>.navigation-flyout-col {
  margin-bottom:30px;
  position:relative
}
.navigation-flyout-categories.is-level-0>.navigation-flyout-col::before {
  border-left:1px solid #798490;
  content:"";
  height:100%;
  left:15px;
  position:absolute;
  top:0
}
.navigation-flyout-categories.is-level-0>.navigation-flyout-col.col-3:nth-child(4n+1),
.navigation-flyout-categories.is-level-0>.navigation-flyout-col.col-4:nth-child(3n+1) {
  border-left:0
}
.navigation-flyout-link {
  transition:padding 0.25s cubic-bezier(0, 0.77, 0.33, 1);
  color:#2b3136;
  font-size:1rem;
  margin:0 1rem;
  padding:0.25rem 0
}
@media (prefers-reduced-motion:reduce) {
  .navigation-flyout-link {
    transition:none
  }
}
.navigation-flyout-link.is-level-0 {
  font-weight:700
}
.navigation-flyout-link.is-level-2 {
  font-size:0.875rem;
  padding:0.125rem 0
}
.navigation-flyout-link:hover {
  color:#0042a0;
  padding-left:5px
}
.navigation-flyout-link.active {
  color:#0042a0;
  font-weight:700
}
.navigation-flyout-bar {
  align-items:center;
  padding:20px 0
}
.navigation-flyout-category-link {
  font-weight:700;
  font-size:1rem
}
.navigation-offcanvas-headline {
  font-weight:700;
  color:#474a57
}
.navigation-offcanvas-list-item {
  background-color:#fff;
  border-top:1px solid #bcc1c7
}
.navigation-offcanvas-list-item:last-child {
  border-bottom:1px solid #bcc1c7
}
.navigation-offcanvas-link {
  color:#2b3136
}
.navigation-offcanvas-link.is-home-link,
.navigation-offcanvas-link.is-home-link .icon {
  color:#0042a0
}
.navigation-offcanvas-link.is-back-link {
  border-top:1px solid #bcc1c7;
  font-weight:700;
  color:#474a57
}
.navigation-offcanvas-link.is-current-category {
  color:#0042a0;
  font-weight:700
}
.offcanvas-cart-header-count {
  color:var(--bs-secondary-color);
  font-weight:700
}
.offcanvas-cart-tax {
  color:var(--bs-secondary-color)
}
.search-suggest-product {
  border-bottom:1px solid #798490
}
.search-suggest-product:last-child {
  border-bottom:0
}
.search-suggest-product-link {
  color:#2b3136
}
.search-suggest-product-link:hover {
  color:#0042a0
}
/* 
@media (min-width: 1360px) {
  .header__logo-image {
    width: 270px;
  }
}
@media (min-width: 1200px) {
  .header__logo-image {
    width: 190px;
  }
}
@media (min-width: 768px) {
  .header__logo-image {
    width: 160px;
  }
}
.header__logo-image {
  width: 175px;
}

@media (min-width: 768px) and (min-width: 1200px) {
  .header__logo {
    margin-top: 21px;
  }
}
@media (min-width: 768px) {
  .header__logo {
    margin-right: 15px;
    align-self: flex-start;
    margin-top: 25px;
  }
}
.header a, .header a:hover, .header a:focus, .header .icon {
  color: black;
  text-decoration: none;
}
.header__logo-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .header__inner {
    height: 120px;
    transition: height 0.5s linear;
    padding-bottom: 0;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 130px;
  padding-bottom: 50px;
}

@media (min-width: 1200px) {
  .header__action {
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .header__action {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .header__navigation, .main-navigation, .header__contact {
    display: block;
  }
}
@media (min-width: 1200px) {
  .header__contact {
    font-size: 17px;
  }
}
.header__contact {
  display: none;
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
  margin-right: 0 !important;
  white-space: nowrap;
  position: relative;
  padding-right: 10px;
  line-height: 1.1;
}
.header__contact::after {
  border-right: 2px solid #d9000d;
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  right: 0;
  bottom: 1px;
}
.header__action {
  position: relative;
  font-size: 12px;
}
@media (min-width: 1360px) {
  .header__actions {
    padding-top: 12px;
  }
}
@media (min-width: 1200px) {
  .header__actions {
    align-self: flex-start;
    padding-top: 18px;
  }
}
.header__actions {
  display: flex;
  align-items: center;
  align-self: flex-start;
  padding-top: 25px;
} */

.header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:0 15px;
  border-bottom:1px solid #e8e8e8;
  font-size:15px;
  color:black;
  background:white;
  z-index:100
}
.header a,
.header a:hover,
.header a:focus,
.header .icon {
  color:black;
  text-decoration:none
}
.header-btn {
  border:none;
  background:none
}
.header-btn:focus {
  outline:none
}
.header__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:130px;
  padding-bottom:50px
}
.header__logo-link {
  background:none;
  border:none;
  padding:0;
  margin:0
}
.header__logo-link:focus {
  outline:none
}
.header__logo-image {
  width:175px
}
.-lubricants-shop .header__shell {
  display:none
}
.header__shell-image {
  display:none
}
.header__navigation {
  display:none;
  align-self:flex-start;
  margin-top:18px
}
.header__navigation .main-navigation-link {
  position:relative;
  color:black;
  font-size:17px;
  margin:0;
  padding:10px 0;
  font-weight:600
}
.header__navigation .main-navigation-link:not(:last-child) {
  margin-right:10px
}
.header__navigation .main-navigation-link:not(:last-child) .main-navigation-link-text {
  position:relative;
  padding-right:10px
}
.header__navigation .main-navigation-link:not(:last-child) .main-navigation-link-text::after {
  content:"";
  position:absolute;
  display:block;
  border-right:2px solid #d9000d;
  height:20px;
  right:0;
  bottom:0
}
.header__navigation .main-navigation-link .main-navigation-link-text {
  padding-bottom:0;
  border-bottom:none;
  line-height:1
}
.header__navigation .main-navigation-link .main-navigation-link-text span {
  white-space:nowrap
}
.header__navigation .main-navigation-link::after {
  content:"";
  position:absolute;
  bottom:-4px;
  left:0;
  right:0;
  height:4px;
  background:#d9000d;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.3s ease-out, opacity 0.3s ease-out
}
.header__navigation .main-navigation-link:hover::after,
.header__navigation .main-navigation-link:focus::after,
.header__navigation .main-navigation-link.active::after,
.header__navigation .main-navigation-link.child-active::after {
  transform:none;
  width:calc(100% - 10px);
  opacity:1
}
.header__mobile-actions {
  display:flex;
  align-items:center
}
.-lubricants-shop .header__mobile-actions {
  display:none
}
.header__mobile-actions .nav-main-toggle-btn,
.header__shop-menu .nav-main-toggle-btn {
  justify-content:flex-end;
  height:50px
}
.header__mobile-actions .nav-main-toggle-btn i,
.header__shop-menu .nav-main-toggle-btn i {
  position:relative;
  display:block;
  width:26px;
  height:2px;
  background:currentColor;
  transition:transform 0.3s ease 1s
}
.header__mobile-actions .nav-main-toggle-btn i::before,
.header__mobile-actions .nav-main-toggle-btn i::after,
.header__shop-menu .nav-main-toggle-btn i::before,
.header__shop-menu .nav-main-toggle-btn i::after {
  content:"";
  display:block;
  width:26px;
  height:2px;
  background:currentColor;
  position:absolute;
  top:-7px;
  transition:transform 0.3s ease 1s, opacity 0.3s ease 1s
}
.header__mobile-actions .nav-main-toggle-btn i::after,
.header__shop-menu .nav-main-toggle-btn i::after {
  top:-14px
}
.header__mobile-actions .nav-main-toggle-btn span,
.header__shop-menu .nav-main-toggle-btn span {
  margin-top:5px
}
.header__mobile-actions .js-gg-close-offcanvas-menu.header-btn,
.header__shop-menu .js-gg-close-offcanvas-menu.header-btn {
  display:none;
  padding-left:11px;
  padding-right:11px
}
.-mobile-menu-open .header__mobile-actions .js-gg-close-offcanvas-menu.header-btn i,
.-mobile-menu-open .header__shop-menu .js-gg-close-offcanvas-menu.header-btn i {
  transform:rotate(45deg) translate(-5px, -5px)
}
.-mobile-menu-open .header__mobile-actions .js-gg-close-offcanvas-menu.header-btn i::after,
.-mobile-menu-open .header__shop-menu .js-gg-close-offcanvas-menu.header-btn i::after {
  transform:rotate(-90deg) translate(-14px, 0px)
}
.-mobile-menu-open .header__mobile-actions .js-gg-close-offcanvas-menu.header-btn i::before,
.-mobile-menu-open .header__shop-menu .js-gg-close-offcanvas-menu.header-btn i::before {
  opacity:0
}
@media (max-width:767.98px) {
  .-mobile-menu-open .header__mobile-actions .js-gg-close-offcanvas-menu,
  .-mobile-menu-open .header__shop-menu .js-gg-close-offcanvas-menu {
    display:flex
  }
  .-mobile-menu-open .header__mobile-actions .js-offcanvas-open-wrapper,
  .-mobile-menu-open .header__shop-menu .js-offcanvas-open-wrapper {
    display:none
  }
}
.header__actions {
  display:flex;
  align-items:center;
  align-self:flex-start;
  padding-top:25px
}
@media (max-width:1200px) {
  .header__actions {
    padding-top:24px
  }
}
.header__actions .account-menu .icon:last-child {
  display:none
}
.header__actions .account-menu .icon:not(:last-child) {
  margin:0;
  font-size:22px
}
@media (min-width:768px) and (max-width:900px) {
  .header__actions .account-menu .icon:not(:last-child) {
    display:none
  }
}
@media (min-width:900px) and (max-width:1200px) {
  .header__actions .account-menu .icon:not(:last-child) {
    margin-left:10px
  }
}
@media (max-width:1200px) {
  .header__actions .account-menu {
    line-height:1
  }
}
.header__actions .header-cart {
  margin-right:0
}
.header__actions .header-cart .icon {
  font-size:24px;
  margin:0
}
@media (max-width:575.98px) {
  .-mobile-menu-open .header__actions .account-menu {
    display:block
  }
}
.header__action {
  position:relative;
  font-size:12px
}
.header__action .header-btn {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:2px 9px;
  font-weight:600
}
.header__action .header-btn,
.header__action .header-btn:hover,
.header__action .header-btn:focus {
  color:black
}
.header__action .header-btn:focus {
  box-shadow:none
}
.header__action .header-btn span {
  margin-top:4px;
  white-space:nowrap
}
@media (max-width:1200px) {
  .header__action .header-btn {
    padding:0px 9px
  }
}
.header__action .header-actions-btn:hover,
.header__action .header-actions-btn:hover .icon {
  color:black
}
.header__action .icon {
  font-size:18px;
  margin-left:10px;
  transition:transform 0.6s ease-out
}
.header__action .icon.icon-logout {
  margin-left:0;
  margin-right:10px
}
.header__action-tooltip {
  opacity:0;
  position:absolute;
  top:-40px;
  right:calc(100% + 20px);
  width:400px;
  max-width:calc(100vw - 50px);
  background:black;
  color:white;
  font-size:16px;
  padding:24px;
  transition:opacity 0.4s ease-out, transform 0.4s ease-out;
  pointer-events:none;
  z-index:2;
  white-space:nowrap
}
.header__action-tooltip::after {
  content:"";
  position:absolute;
  right:0;
  top:58px;
  width:0;
  height:0;
  border:10px solid transparent;
  border-left-color:black;
  border-right:0;
  margin-top:-10px;
  margin-right:-10px
}
body:not(.-lubricants-shop) .header-cart {
  display:none
}
.header-cart .header-cart-badge {
  display:block !important;
  background:#d9000d;
  font-size:10px;
  font-weight:normal;
  line-height:2.2;
  top:-10px;
  left:auto;
  right:-7px
}
.header__shop {
  position:relative;
  height:60px;
  display:flex
}
.header__shop::before {
  content:"";
  position:absolute;
  width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  overflow-x:hidden;
  top:0;
  height:1px;
  background:#e8e8e8
}
body:not(.-lubricants-shop) .header__shop {
  display:none
}
.header__shop-menu {
  width:66px;
  border-right:1px solid #e8e8e8
}
.header__shop-menu .menu-button {
  margin-top:-9px;
  margin-left:7px
}
.header__shop-menu .menu-button .header-btn span {
  display:none
}
.-mobile-menu-open .header__shop-menu .js-gg-close-offcanvas-menu.header-btn i {
  transform:rotate(45deg) translate(-7px, -2px)
}
.header__search {
  flex-grow:1
}
.header__search-form {
  display:flex;
  padding:8px 23px;
  padding-right:5px
}
.header__search-form-input {
  flex-grow:1
}
input.form-control.header__search-input {
  background:white;
  padding:0
}
.header__search-form-submit {
  display:flex;
  align-items:center;
  justify-content:center
}
.header__search-form-submit button {
  border:none;
  background:none;
  padding:0;
  margin:0
}
.header__search-form-submit button:focus {
  outline:none
}
.header__search-form-submit .loader {
  display:none
}
.back-link {
  display:none;
  position:absolute;
  top:150px;
  left:50px;
  z-index:9999
}
.back-link a,
.back-link a:hover,
.back-link a:focus {
  color:black
}
.back-link .icon {
  font-size:30px
}
.back-link__button {
  background:none;
  border:none;
  padding:0;
  margin:0
}
.back-link__button:focus {
  outline:none
}
.back-link__button:hover+.back-link__tooltip {
  opacity:1;
  transform:none
}
.back-link__tooltip {
  position:absolute;
  top:0;
  left:calc(100% + 15px);
  font-size:16px;
  padding:3px 10px;
  color:white;
  background:black;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translateX(5px);
  transition:opacity 0.3s ease, transform 0.3s ease
}
.back-link__tooltip::after {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:0;
  height:0;
  border:6px solid transparent;
  border-right-color:black;
  border-left:0;
  margin-top:-6px;
  margin-left:-6px
}
.header__contact {
  display:none;
  font-size:12px;
  font-weight:600;
  margin-top:4px;
  margin-right:0 !important;
  white-space:nowrap;
  position:relative;
  padding-right:10px;
  line-height:1.1
}
.header__contact::after {
  /* border-right:2px solid #d9000d; */
  content:"";
  display:block;
  position:absolute;
  height:20px;
  right:0;
  bottom:1px
}
@media (min-width:1200px) {
  .header__contact {
    font-size:17px
  }
}
.header__search-icon {
  display:flex;
  align-self:center;
  position:relative;
  margin-right:10px !important;
  padding-right:10px
}
@media (max-width:768px) {
  .header__search-icon {
    display:none
  }
}
@media (max-width:1200px) {
  .header__search-icon {
    align-self:flex-start
  }
}
.header__search-icon::after {
  border-right:2px solid #d9000d;
  content:"";
  display:block;
  position:absolute;
  height:20px;
  right:0;
  bottom:1px
}
@media (min-width:768px) and (max-width:1200px) {
  .header__search-icon::after {
    bottom:0
  }
}
.header__search-icon span {
  font-size:25px;
  padding-left:10px;
  line-height:1
}
.header__search-icon .icon {
  font-size:20px;
  margin-top:4px;
  line-height:0.5;
  padding-left:0
}
.header__search-icon .icon .icon-search-lupe {
  font-size:22px
}
.header__search-icon .icon:hover {
  cursor:pointer
}
@media (max-width:1200px) {
  .header__search-icon .icon {
    display:none
  }
}
@media (max-width:1200px) {
  .header__search-icon .icon {
    font-size:22px;
    margin-top:0
  }
}
.header__search-icon .icon-close {
  display:none
}
.header__search-icon .with-search-lupe-icon {
  display:flex;
  align-items:center
}
.header__search-icon .with-search-lupe-icon:hover {
  cursor:pointer
}
.header__search-icon .search-header__title {
  white-space:nowrap;
  font-weight:600;
  font-size:17px;
  margin-top:4px;
  margin-right:12px
}
@media (min-width:768px) and (max-width:900px) {
  .header__search-icon .search-header__title {
    margin-right:0
  }
}
@media (max-width:575.98px) {
  .header__search-icon {
    display:none
  }
}
.header__search {
  display:none;
  padding:0 30px
}
.header__search .search-form {
  display:flex;
  max-width:1200px;
  margin:0 auto;
  justify-content:center
}
.header__search .search-form input {
  font-weight:300;
  font-size:21px;
  margin:0 30px;
  border:none;
  border-bottom:1px solid #cccccc;
  transition:border-bottom 0.2s ease;
  max-width:800px;
  width:100%
}
.header__search .search-form input:focus-visible {
  outline:none;
  border-bottom:1px solid #ffbb00
}
.header__search .search-form .btn {
  overflow:unset
}
@media (max-width:767.98px) {
  .header__search {
    position:absolute;
    top:80px;
    z-index:1;
    background:white;
    display:block;
    width:100%;
    border-top:1px solid #cccccc;
    left:0;
    padding:0 0 0 10px
  }
  .header__search .search-form input {
    border-bottom:none;
    margin:0px;
    margin-left:15px
  }
}
.search-form__side-title {
  display:flex;
  align-items:center
}
.search-form__side-title .icon {
  margin-right:15px;
  font-size:20px
}
.search-form__side-title .search-form__title {
  color:black;
  font-weight:600;
  line-height:1;
  font-size:26px
}
@media (max-width:767.98px) {
  .search-form__side-title .icon {
    margin-right:0
  }
  .search-form__side-title .search-form__title {
    display:none
  }
}
.header__inner--hidden .header__search-icon .icon-close {
  display:inline-block
}
.header__inner--hidden .header__search-icon .search-header__title {
  display:none
}
.header__inner--hidden .header__search-icon .icon-search-lupe {
  display:none
}
.header__inner--hidden .header__navigation {
  display:none
}
.header__inner--hidden .header__search {
  display:block
}
.luigi-ac {
  max-width:1230px !important
}
.luigi-ac .luigi-ac-products .luigi-ac-header,
.luigi-ac .luigi-ac-others .luigi-ac-header {
  display:none
}
.luigi-ac-grid .luigi-ac-image {
  height:45px !important;
  width:85px !important
}
@media (min-width:576px) {
  .luigi-ac-grid .luigi-ac-result {
    padding-top:30px !important
  }
}
@media (min-width:992px) {
  .luigi-ac-grid .luigi-ac-products {
    width:60% !important
  }
  .luigi-ac-grid .luigi-ac-others {
    width:30% !important;
    flex:1 1 !important
  }
}
.luigi-ac-result {
  color:black;
  padding-bottom:20px !important
}
.luigi-ac-result .luigi-ac-header {
  font-weight:300;
  font-size:21px !important
}
.luigi-ac-result .luigi-ac-name,
.luigi-ac-result .luigi-ac-other-content {
  font-size:15px !important
}
@media (min-width:576px) {
  .luigi-ac-result .luigi-ac-name,
  .luigi-ac-result .luigi-ac-other-content {
    font-size:18px !important
  }
}
.luigi-ac-result .luigi-ac-button {
  background-color:#ffbb00;
  font-weight:600;
  font-size:15px;
  letter-spacing:1.5px
}
.luigi-ac-result .luigi-ac-button:hover {
  background-color:#e6a800
}
.lb-search .lb-quick-search-default__item {
  font-size:15px !important
}
.lb-search__headline .lb-search__title strong:last-child {
  display:none
}
@media (min-width:768px) {
  .content-main {
    margin-top:120px
  }
  .-lubricants-shop .content-main {
    margin-top:120px
  }
  .header {
    padding:0 20px
  }
  .header__inner {
    height:120px;
    transition:height 0.5s linear;
    padding-bottom:0
  }
  .header__mobile-actions {
    display:none
  }
  .header-cart .header-cart-badge {
    top:-14px;
    right:-17px
  }
  .header__logo {
    margin-right:15px;
    align-self:flex-start;
    margin-top:25px
  }
  .header__logo-image {
    width:160px
  }
  .header__navigation,
  .main-navigation,
  .header__contact {
    display:block
  }
  .header__navigation {
    margin-left:20px;
    margin-right:auto
  }
  .header__shop {
    display:none
  }
  .back-link {
    display:block
  }
  .header__action {
    font-size:17px
  }
  .header__action .header-btn {
    flex-direction:row-reverse;
    padding:0px 10px
  }
  .header__action .icon {
    margin-top:0
  }
}
@media (min-width:768px) and (min-width:1200px) {
  .header__logo {
    margin-top:21px
  }
}
@media (min-width:1200px) {
  .header {
    padding:0 50px
  }
  .header__logo-image {
    width:190px
  }
  .header__shell-image {
    display:block;
    width:160px;
    height:auto
  }
  .header__actions .header-cart .icon+span {
    display:none
  }
  .header__navigation .main-navigation-link:not(:last-child) {
    margin-right:10px
  }
  .header__actions {
    align-self:flex-start;
    padding-top:18px
  }
  .header__actions .account-menu {
    display:block
  }
  .header__actions .account-menu .icon:last-child {
    display:block;
    font-size:24px
  }
  .header__actions .account-menu .icon:not(:last-child) {
    display:none
  }
  .header__action {
    margin-right:15px
  }
  .header__action .icon-cart {
    margin-top:-1px
  }
  .header__action .header-btn {
    flex-direction:row;
    padding:0px 10px
  }
  .header__action:hover .icon {
    transform:scale(1.1)
  }
  .header__action:hover .header__action-tooltip {
    opacity:1;
    transform:translateX(-50%) translateY(15px)
  }
}
@media (min-width:1360px) {
  .header__logo-image {
    width:270px
  }
  .header__shell-image {
    width:210px;
    height:auto
  }
  .header__actions {
    padding-top:12px
  }
}
@media (max-width:400px) {
  .header {
    padding:0 10px
  }
  .header__action .icon {
    font-size:24px
  }
  .header__action .header-btn {
    padding:2px 6px
  }
}
.navigation-flyouts {
  position:static;
  height:auto
}
.navigation-flyout {
  position:relative;
  box-shadow:none;
  pointer-events:all;
  opacity:1;
  height:auto;
  margin-top:15px;
  display:block
}
.navigation-flyout .container,
.navigation-flyout .cms-section .boxed,
.cms-section .navigation-flyout .boxed {
  max-width:1230px;
  display:flex
}
.navigation-flyout-title {
  display:none
}
.navigation-flyout-categories {
  display:flex;
  margin:0;
  flex-wrap:nowrap
}
.navigation-flyout-categories.is-level-0 {
  margin:0;
  flex-grow:1
}
.navigation-flyout-categories.is-level-0 .navigation-flyout-col:not(:last-child) {
  margin-right:30px
}
.navigation-flyout-categories .navigation-flyout-col {
  width:auto;
  padding:0;
  flex:0 0 auto;
  max-width:100%;
  margin-bottom:0 !important
}
.navigation-flyout-categories .navigation-flyout-col::before {
  display:none
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-col {
  flex:1 1 auto;
  max-width:25%
}
.navigation-flyout-categories.is-level-2 .navigation-flyout-col {
  flex:0 0 auto;
  max-width:100%
}
.navigation-flyout-categories .navigation-flyout-link {
  position:relative;
  display:inline-block;
  font-weight:300;
  font-size:21px;
  padding:0;
  margin:0;
  color:black
}
.navigation-flyout-categories .navigation-flyout-link:hover {
  padding-left:0
}
.navigation-flyout-categories .navigation-flyout-link::after {
  content:"";
  position:absolute;
  bottom:4px;
  left:0;
  right:0;
  height:1px;
  background:currentColor;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.3s ease-out, opacity 0.3s ease-out
}
.navigation-flyout-categories .navigation-flyout-link.is-level-0 .icon {
  vertical-align:middle;
  font-size:10px;
  margin-left:0.25em
}
.navigation-flyout-categories .navigation-flyout-link.is-level-0.active::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-0.child-active::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-0:hover::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-0:focus::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-2.active::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-2.child-active::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-2:hover::after,
.navigation-flyout-categories .navigation-flyout-link.is-level-2:focus::after {
  transform:none;
  opacity:1
}
.navigation-flyout-categories.is-level-1 {
  position:fixed;
  left:0;
  right:0;
  display:flex;
  margin-top:0;
  margin-left:0;
  padding:40px 0 45px;
  padding-left:50px;
  padding-right:50px;
  opacity:0;
  pointer-events:none;
  background:white;
  transform:translateY(16px);
  transition:opacity 0.3s ease
}
@media (min-width:1500px) {
  .navigation-flyout-categories.is-level-1 {
    padding-left:355px
  }
}
.navigation-flyout-categories.is-level-1::after {
  content:"";
  height:20px;
  position:absolute;
  top:-20px;
  left:0;
  right:0
}
*:hover+.navigation-flyout-categories.is-level-1,
.navigation-flyout-col:hover .navigation-flyout-categories.is-level-1 {
  opacity:1;
  pointer-events:all
}
*:hover+.navigation-flyout-categories.is-level-1+.subnavigation-overlay,
.navigation-flyout-col:hover .navigation-flyout-categories.is-level-1+.subnavigation-overlay {
  opacity:1
}
.header .navigation-flyout-categories.is-level-1,
.header .navigation-flyout-categories.is-level-1+.subnavigation-overlay {
  opacity:0;
  pointer-events:none
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-categories {
  margin-left:0;
  flex-direction:column
}
.navigation-flyout-categories.is-level-1>.navigation-flyout-col:not(:last-child) {
  border-right:2px solid #ffbb00;
  margin-right:25px;
  padding-right:40px
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-link--subheading {
  display:flex;
  gap:20px;
  align-items:center;
  color:black;
  text-transform:uppercase;
  font-size:18px;
  font-weight:500;
  margin-bottom:20px;
  text-align:center;
  width:100%
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-link--subheading .icon {
  display:block;
  font-size:40px;
  color:#ffbb00
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-link--subheading .icon.icon-heizoel {
  font-size:50px;
  margin-top:-9px
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-link--subheading .icon.icon-kraftstoffe {
  font-size:46px;
  margin-top:-6px
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-link--subheading .icon.icon-schmierstoff {
  font-size:46px;
  margin-top:-6px
}
.navigation-flyout-categories.is-level-1 .navigation-flyout-link--subheading .icon.icon-schmierstoff svg {
  top:10px
}
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading) {
  font-size:21px;
  margin-left:0;
  margin-bottom:5px
}
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading),
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading):hover,
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading):focus,
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading) .icon {
  color:black
}
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading) .icon {
  margin-right:7px
}
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading)>span {
  vertical-align:middle
}
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading):hover::after,
.navigation-flyout-categories.is-level-1 a.navigation-flyout-link:not(.navigation-flyout-link--subheading):focus::after {
  opacity:1;
  transform:none
}
.subnavigation-overlay {
  opacity:0;
  background:rgba(0, 0, 0, 0.5);
  position:fixed;
  top:120px;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
  z-index:-1
}
.navigation-flyout-teaser {
  align-self:center;
  padding:60px 0
}
.navigation-flyout-teaser-image-container {
  max-width:415px
}
.offcanvas.navigation-offcanvas {
  width:100%;
  top:130px;
  height:calc(100% - 130px);
  background:white;
  transition:opacity 0.3s ease, transform 0s linear 0.1s
}
.offcanvas.navigation-offcanvas::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:10px;
  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0))
}
.-lubricants-shop .offcanvas.navigation-offcanvas {
  top:190px
}
body:not(.-mobile-menu-open) .offcanvas.navigation-offcanvas {
  display:none
}
.offcanvas.navigation-offcanvas a,
.offcanvas.navigation-offcanvas a:hover,
.offcanvas.navigation-offcanvas a:focus,
.offcanvas.navigation-offcanvas .icon {
  color:black;
  text-decoration:none
}
.offcanvas.navigation-offcanvas+.offcanvas-backdrop {
  display:none
}
.offcanvas.navigation-offcanvas.show {
  transition:opacity 0.5s ease;
  opacity:1
}
.offcanvas.navigation-offcanvas .offcanvas-content-container {
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column
}
.navigation-offcanvas-menu {
  flex-grow:1;
  display:flex;
  flex-direction:column;
  height:100%
}
.gg-offcanvas-menu-backdrop {
  display:none
}
.navigation-offcanvas-menu__header {
  display:flex
}
.navigation-offcanvas-menu__header .is-back-link {
  border:none
}
.navigation-offcanvas-menu__header .is-back-link .icon {
  transform:scaleX(-1)
}
.navigation-offcanvas-menu__header .nav-link:not(.is-back-link) {
  padding-left:0
}
.navigation-offcanvas-list {
  list-style:none;
  padding:0;
  flex-grow:1;
  margin-bottom:0
}
.navigation-offcanvas-list:empty {
  display:none
}
.navigation-offcanvas-list.level-1 {
  margin:30px 20px 30px
}
.navigation-offcanvas-list.level-2 {
  margin-top:10px;
  margin-left:20px;
  margin-right:20px
}
.navigation-offcanvas-list.level-3 {
  background:#ffbb00;
  padding:30px 0;
  padding-left:40px;
  padding-right:20px
}
.navigation-offcanvas-list-item {
  background:none
}
.navigation-offcanvas-list-item,
.navigation-offcanvas-list-item:last-child {
  border:none
}
.navigation-offcanvas-list-item.level-1 {
  padding:15px 10px 5px;
  border-bottom:1px solid #e8e8e8
}
.navigation-offcanvas-list-item.level-1:last-child {
  border-bottom:none
}
.navigation-offcanvas-list-item.level-1.-js-accordion--open {
  padding-bottom:10px
}
.navigation-offcanvas-list-item.level-1.-js-accordion--open .navigation-offcanvas-list-item__item.level-1::after {
  opacity:1
}
.navigation-offcanvas-list-item.level-1.-js-accordion--open .navigation-offcanvas-list-item__item.level-1 .icon-arrow-down {
  transform:rotate(-180deg)
}
.navigation-offcanvas-list-item.level-1.-js-accordion--open .navigation-offcanvas-list.level-2 {
  opacity:1;
  transform:none
}
.navigation-offcanvas-list-item.level-2.-js-accordion--open .navigation-offcanvas-list-item__item.level-2 .icon-arrow-down {
  transform:rotate(-180deg)
}
.navigation-offcanvas-list-item.level-2.-js-accordion--open .navigation-offcanvas-list.level-3 {
  opacity:1;
  transform:none
}
.navigation-offcanvas-list-item.level-3 {
  border-bottom:1px solid rgba(255, 255, 255, 0.3)
}
.navigation-offcanvas-list-item.level-3 a,
.navigation-offcanvas-list-item.level-3 a:hover,
.navigation-offcanvas-list-item.level-3 a:focus,
.navigation-offcanvas-list-item.level-3 .icon {
  color:white
}
.navigation-offcanvas-list-item.level-3.-js-accordion--open {
  padding-bottom:10px
}
.navigation-offcanvas-list-item.level-4 a,
.navigation-offcanvas-list-item.level-4 a:hover,
.navigation-offcanvas-list-item.level-4 a:focus,
.navigation-offcanvas-list-item.level-4 .icon {
  color:black
}
.navigation-offcanvas-list-item__item {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.navigation-offcanvas-list-item__item.level-1 {
  position:relative
}
.navigation-offcanvas-list-item__item.level-1::after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:0;
  right:0;
  height:4px;
  background:#d9000d;
  opacity:0
}
.navigation-offcanvas-list-item__link.level-1 {
  font-size:19px;
  font-weight:600
}
.navigation-offcanvas-list-item__link.level-2 {
  font-size:17px;
  padding:15px 0;
  font-weight:400;
  width:100%;
  display:flex;
  justify-content:space-between
}
.navigation-offcanvas-list-item__link.level-3 {
  color:white;
  font-size:18px;
  text-transform:uppercase;
  font-weight:500;
  padding:15px 20px;
  display:flex
}
.navigation-offcanvas-list-item__link.level-3 .icon {
  font-size:34px;
  margin-right:20px;
  flex:1 0 34px;
  width:34px
}
.navigation-offcanvas-list-item__link.level-4 {
  font-size:17px;
  padding:15px 20px;
  font-weight:400
}
.navigation-offcanvas-list-item__toggle {
  background:none;
  border:none;
  padding:10px;
  flex-grow:1;
  display:flex;
  justify-content:flex-end
}
.navigation-offcanvas-list-item__toggle:focus {
  outline:none
}
.navigation-offcanvas-list-item__toggle .icon-arrow-down {
  font-size:20px;
  transform:translateY(-5px);
  transition:transform 0.3s ease
}
.navigation-offcanvas-list-item__toggle i {
  position:relative;
  display:block;
  width:18px;
  height:2px;
  background:white
}
.navigation-offcanvas-list-item__toggle i::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:white;
  transform:rotate(90deg);
  transition:transform 0.3s ease
}
.-js-accordion--open .navigation-offcanvas-list-item__toggle i::after {
  transform:none
}
.-lubricants-shop .navigation-offcanvas-menu__header {
  position:relative;
  margin-top:20px
}
.-lubricants-shop .navigation-offcanvas-menu__header::after {
  content:"";
  position:absolute;
  bottom:0;
  left:20px;
  right:20px;
  height:4px;
  background:#d9000d
}
.-lubricants-shop .navigation-offcanvas-list.level-2 {
  padding-left:40px
}
.-lubricants-shop .navigation-offcanvas-list.level-3 {
  background:white
}
.-lubricants-shop .navigation-offcanvas-list-item:first-child {
  border-top:none
}
.-lubricants-shop .navigation-offcanvas-list-item.level-1 {
  padding-bottom:15px
}
.-lubricants-shop .navigation-offcanvas-list-item__link.level-1 {
  width:100%;
  display:flex;
  justify-content:space-between
}
.offcanvas.cart-offcanvas {
  display:flex;
  flex-direction:column;
  padding:0 25px;
  width:326px;
  max-width:100%
}
.offcanvas.cart-offcanvas .offcanvas-cart {
  display:flex;
  flex-direction:column;
  height:100%
}
.offcanvas.cart-offcanvas .offcanvas-close {
  background:white;
  border:none;
  border-bottom:1px solid #e8e8e8;
  padding:25px 0;
  display:flex;
  color:black;
  font-size:21px;
  font-weight:300
}
@media (min-width:576px) {
  .offcanvas.cart-offcanvas .offcanvas-close {
    padding:20px 1px
  }
}
.offcanvas.cart-offcanvas .offcanvas-close .icon {
  margin-top:-10px;
  margin-right:17px;
  color:black;
  transform:scaleX(-1);
  font-size:10px
}
.offcanvas.cart-offcanvas .offcanvas-close:focus {
  outline:none
}
.offcanvas.cart-offcanvas .offcanvas-content-container {
  width:auto !important;
  padding:0;
  flex-grow:1
}
.offcanvas.cart-offcanvas .offcanvas-cart-actions {
  flex-grow:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  margin-top:50px;
  margin-bottom:30px
}
.offcanvas.cart-offcanvas .offcanvas-cart-actions .btn:not(:first-child) {
  margin-top:10px
}
.offcanvas.cart-offcanvas .offcanvas-cart-actions .btn {
  font-size:13px
}
@media (min-width:576px) {
  .offcanvas.cart-offcanvas .offcanvas-cart-actions {
    flex-grow:0
  }
}
.offcanvas.cart-offcanvas .offcanvas-cart-items {
  margin:0 0 35px
}
.offcanvas.cart-offcanvas .offcanvas-cart-items~.offcanvas-cart-actions {
  margin-top:45px
}
.offcanvas.cart-offcanvas .cart-item-details-container.cart-item-details-container {
  font-size:13px
}
.offcanvas.cart-offcanvas .cart-item-label {
  font-size:15px !important
}
.offcanvas.cart-offcanvas .cart-item-quantity {
  display:none
}
.offcanvas.cart-offcanvas .offcanvas-summary {
  margin:0
}
.offcanvas.cart-offcanvas .offcanvas-summary-list {
  font-size:15px;
  color:#707070
}
.offcanvas.cart-offcanvas .offcanvas-summary-list .col-3 {
  flex:0 0 41.6666666667%;
  max-width:41.6666666667%
}
.offcanvas.cart-offcanvas .offcanvas-summary-list dt {
  font-weight:normal
}
.offcanvas.cart-offcanvas .offcanvas-summary-list .summary-total.summary-label {
  font-size:17px;
  font-weight:400;
  color:black
}
.offcanvas.cart-offcanvas .offcanvas-summary-list .summary-total.summary-value {
  font-size:17px;
  font-weight:600;
  color:black
}
.offcanvas.cart-offcanvas .offcanvas-cart-tax {
  color:#707070;
  margin-bottom:0;
  font-size:15px
}
.offcanvas.cart-offcanvas .offcanvas-cart-tax small,
.offcanvas.cart-offcanvas .offcanvas-cart-tax .small {
  font-size:100%
}
.offcanvas.cart-offcanvas .offcanvas-cart-tax a {
  color:black;
  text-decoration:underline
}