.jab_component_menu .jab_ci {
  height: var(--jab-ci-height);
  background-color: var(--jab-ci-background);
  transform: translateY(-101%);
  transition: transform var(--jab-global-transition-time) ease-out;
  z-index: var(--jab-zindex-cibar);
}
.jab_component_menu .jab_main, .jab_component_menu .jab-error {
  top: var(--jab-ci-height);
  height: var(--jab-main-height);
  transform: translateY(calc(var(--jab-ci-height) * -1));
  transition: transform var(--jab-global-transition-time) ease-out, background-color var(--jab-global-transition-time) ease-out, color var(--jab-global-transition-time) ease-out;
  z-index: var(--jab-zindex-menu);
}
.jab_top .jab_component_menu .jab_main {
  background-color: unset;
}
.jab_component_menu .jab_main, .jab_top.jab_sub_open .jab_component_menu .jab_main, .jab_top.jab_side_open .jab_component_menu .jab_main, .jab_menu_white .jab_component_menu .jab_main {
  background-color: var(--jab-main-background);
}
.jab_component_menu .jab_sub {
  top: calc(var(--jab-ci-height) + var(--jab-main-height) + var(--jab-sub-topspacing));
  width: var(--jab-sub-width);
  background-color: var(--jab-main-background);
  transform: translateY(calc(-101% - var(--jab-sub-topspacing) - var(--jab-main-height) - var(--jab-ci-height)));
  transition: transform var(--jab-global-transition-time) ease-out, opacity 0s linear var(--jab-global-transition-time), visibility 0s linear var(--jab-global-transition-time);
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  z-index: var(--jab-zindex-submenu);
  opacity: 0;
  visibility: hidden;
}
.jab_component_menu .jab_sub.jab_small {
  width: var(--jab-sub-small-width);
}
.jab_component_menu .jab_side {
  width: var(--jab-side-width);
  background-color: var(--jab-main-background);
  transform: translateX(101%);
  transition: transform var(--jab-global-transition-time) ease-out, top var(--jab-global-transition-time) ease-out;
  z-index: var(--jab-zindex-sidepopup);
}
.jab_component_menu .jab_side.jab_active {
  transform: translateX(0);
}
.jab_component_menu .jab_sub.jab_active {
  transform: translateY(calc(0px - var(--jab-ci-height)));
  z-index: calc(var(--jab-zindex-submenu) + 1);
  opacity: 1;
  visibility: visible;
  transition: transform var(--jab-global-transition-time) ease-out, opacity 0s linear 0s, visibility 0s linear 0s;
}
.jab_up .jab_component_menu .jab_sub.jab_active, .jab_up .jab_component_menu .jab_ci, .jab_up .jab_component_menu .jab_main, .jab_error.jab_up .jab_component_menu .jab-error {
  transform: translateY(0);
}
.jab_up .jab_component_menu .jab_sub {
  transform: translateY(calc(-101% - var(--jab-sub-topspacing) - var(--jab-main-height)));
}
.jab_up .jab_component_menu .jab_side {
  top: var(--jab-ci-height)!important;
}
.jab_component_menu #jab_search {
  top: calc(var(--jab-ci-height) + var(--jab-main-height));
}
.jab_component_menu .jab_main #jab_logo i {
  width: var(--jab-main-height);
  height: calc(var(--jab-main-height) - 40px);
}
.jab_component_menu .no-image-dummy {
  background-color: #c3c3c3;
  margin:0px 2px 0px 2px;
}
@media (min-width: 1400px) {
  .jab_component_menu .jab_sub {
    max-width: calc(100% - var(--jab-sub-margin) * 2);
    margin-left: var(--jab-sub-margin);
    margin-right: var(--jab-sub-margin);
    bottom: unset!important;
    overflow-y: unset;
  }
  .jab_component_menu #jab_search {
    top: calc(var(--jab-ci-height) + var(--jab-main-height) + var(--jab-sub-topspacing));
  }
}
.jab_sub_open #jab_overlay, .jab_side_open #jab_overlay {
  backdrop-filter: blur(var(--jab-global-transition-blur)) brightness(var(--jab-global-transition-brightness)) opacity(1);
  -webkit-backdrop-filter: blur(var(--jab-global-transition-blur)) brightness(var(--jab-global-transition-brightness)) opacity(1);
}
.jab_sub_open #jab_overlay {
  z-index: calc(var(--jab-zindex-submenu) - 3);
}
.jab_side_open #jab_overlay {
  z-index: calc(var(--jab-zindex-sidepopup) - 3);
}
.jab_component_menu .jab_ci .jab_height {
  height: var(--jab-ci-height);
}
.jab_component_menu .jab_main .jab_height, .jab_component_menu .jab_side .jab_height, .jab_component_menu .jab-error .jab-height {
  height: var(--jab-main-height);
}
.jab_component_menu .jab_side .jab_doubleheight {
  height: calc(var(--jab-main-height) * 2);
}
.jab_component_menu .jab_ci p {
  color: var(--jab-ci-text);
  font-weight: 300;
  font-size: 0.625rem;
  letter-spacing: 0.063rem;
}
.jab_component_menu .jab_ci i.jab-anstoetz-group-claim {
  width: 314px;
  height: 14px;
}
.jab_top .jab_component_menu .jab_main p, .jab_component_menu .jab_main i {
  transition: transform var(--jab-global-transition-time) ease-out, filter var(--jab-global-transition-time) ease-out;
}
.jab_component_menu .jab_main i.arrow-down {
  width: 14px;
  height: 7px;
}
.jab_component_menu .jab_main a.jab_active i.arrow-down {
  transform: rotate(-180deg);
}
.jab_component_menu .jab_main i.search, .jab_component_menu .jab_main i.account, .jab_component_menu .jab_main i.favourit, .jab_component_menu .jab_main i.favourit-active, .jab_component_menu .jab_main i.cart, .jab_component_menu .jab_main i.cart-active, .jab_component_menu .jab_main i.burger-menu, .jab_component_menu .jab_side i.search, .jab_component_menu .jab_side i.account, .jab_component_menu .jab_side i.favourit, .jab_component_menu .jab_side i.cart, .jab_component_menu .jab_side i.contact, .jab_component_menu .jab_side i.chat, .jab_component_menu .jab_side i.favourit-active, .jab_component_menu .jab_side i.pin {
  width: 18px;
  height: 16px;
}
.jab_component_menu .jab_main p {
  color: var(--jab-main-text);
  font-weight: 300;
  font-size: 0.875rem;
  letter-spacing: 0.175rem;
}
.jab_top .jab_component_menu .jab_main p, .jab_top .jab_component_menu .jab_main i {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.jab_sub_open .jab_component_menu .jab_main p, .jab_sub_open .jab_component_menu .jab_main i, .jab_side_open .jab_component_menu .jab_main p, .jab_side_open .jab_component_menu .jab_main i, .jab_menu_white .jab_component_menu .jab_main p, .jab_menu_white .jab_component_menu .jab_main i {
  -webkit-filter: unset;
  filter: unset;
}
.jab_component_menu .jab_sub p {
  color: var(--jab-main-text);
  font-weight: 300;
  font-size: 0.875rem;
  letter-spacing: 0.088rem;
}
.jab_component_menu .jab_sub a:hover p {
  font-weight: 700;
}
.jab_component_menu .jab_sub .jab_background {
  width: 320px;
}
.jab_component_menu .jab_sub .jab_background, .jab_component_menu .jab_side .jab_background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.jab_component_menu .jab_sub .jab_background p, .jab_component_menu .jab_side .jab_background p {
  color: var(--jab-main-background);
}
.jab_component_menu .jab_sub .jab_background p {
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.225rem;
}
.jab_component_menu .jab_main i.close {
  width: 8px;
  height: 8px;
}
.jab_component_menu .jab_main .jab_search div {
  max-width: var(--jab-main-search-width);
  border-bottom: 1px solid var(--jab-main-text);
}
.jab_component_menu .jab_main .jab_search input {
  border: unset;
  outline: unset;
  background: unset;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0.075rem;
  color: var(--jab-main-text);
}
.jab_component_menu .jab_main .jab_search input::placeholder {
  color: var(--jab-main-search-placeholder-color);
}
.jab_component_menu .jab_side i.close {
  width: 14px;
  height: 14px;
}
.jab_component_menu .jab_side i.arrow-left, .jab_component_menu .jab_side i.arrow-right {
  width: 7px;
  height: 14px;
}
.jab_component_menu .jab_side .row > div:nth-of-type(2) {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  height: calc(var(--jab-vh) - var(--jab-main-height) - var(--jab-main-height));,
}
.jab_component_menu .jab_side .row > div:nth-of-type(2)::-webkit-scrollbar {
  display: none;
}
.jab_up .jab_component_menu .jab_side .row > div:nth-of-type(2) {
  height: calc(var(--jab-vh) - var(--jab-main-height) - var(--jab-main-height) - var(--jab-ci-height));
}
.jab_component_menu .jab_side.jab_mobile .row > div:nth-of-type(2) {
  height: calc(var(--jab-vh) - var(--jab-main-height) * 2 - var(--jab-main-height));,
}
.jab_up .jab_component_menu .jab_side.jab_mobile .row > div:nth-of-type(2) {
  height: calc(var(--jab-vh) - var(--jab-main-height) * 2 - var(--jab-main-height) - var(--jab-ci-height));
}
.jab_component_menu .jab_side a p {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
  color: var(--jab-main-text);
}
.jab_component_menu .jab_side p {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.225rem;
  color: var(--jab-main-text);
}
.jab_component_menu .jab_side label {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.175rem;
  color: var(--jab-main-text);
}
.jab_component_menu .jab_border {
  border-color: var(--jab-main-text)!important;
}
.jab_component_menu .jab_side .jab_subheading {
 font-size: 0.875rem;
 font-weight: 700;
 letter-spacing: 0.175rem;
}
.jab_component_menu #jab_search img:nth-of-type(1) {
  width: 380px;
}
.jab_component_menu #jab_search .jab_small {
  font-size: 0.625rem;
  font-weight: 300;
  letter-spacing: 0.063rem;
}
.jab_component_menu .jab_main #jab_search_input.invisible .jab_search div {
  width: 0;
}
.jab_component_menu .jab_main #jab_search_input .jab_search div {
  width: 100%;
  transition: width var(--jab-global-transition-time) ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .jab_top .jab_component_menu .jab_main:hover {
    background-color: var(--jab-main-background);
  }
  .jab_component_menu .jab_main:hover p, .jab_component_menu .jab_main:hover i {
    -webkit-filter: unset;
    filter: unset;
  }
}
.jab_menu_white .jab_component_menu {
  padding-top: var(--jab-main-height);
}
.jab_up.jab_menu_white .jab_component_menu {
  padding-top: calc(var(--jab-main-height) + var(--jab-ci-height));
}
.jab-search-showall-link p {
  line-height: 1.5rem;
}
.jab_component_menu .jab_main [data-jab-sub-open] {
  position: relative;
  height: var(--jab-main-height);
}
.jab_component_menu .jab_main [data-jab-sub-open]::before {
  position: absolute;
  height: calc(var(--jab-main-height) + 12px);
  content: "";
  top: 0;
  left: 0;
  right: 0;
}
.jab_component_menu .jab_main [data-jab-sub-open]::after, .jab_component_menu .jab_main [data-jab-search-open]::after {
  color: white;
  left: calc(50% - 12px);
  position: absolute;
  top: var(--jab-main-height);
  content: "";
  border-top: 0;
  border-right: 0.75rem solid transparent;
  border-bottom: 0.75rem solid;
  border-left: 0.75rem solid transparent;
  transform: translateY(-12px);
  opacity: 0;
  transition: transform var(--jab-global-transition-time) ease-out, opacity var(--jab-global-transition-time) ease-out;
}
.jab_component_menu .jab_main [data-jab-search-open]::after {
  top: 62px;
}
.jab_component_menu .jab_main [data-jab-sub-open].jab_active::after, .jab_component_menu .jab_main #jab_search_input.jab_active [data-jab-search-open]:after {
  transform: translateY(0);
  opacity: 1;
}

.jab_component_menu .jab-error {
  transform: translateY(calc(-101% - var(--jab-ci-height)));
  z-index: var(--jab-zindex-error);
}
.jab_error .jab_component_menu .jab-error {
  transform: translateY(calc(var(--jab-ci-height) * -1));
}