/** Shopify CDN: Minification failed

Line 18:2 Expected ":"
Line 24:2 Expected ":"
Line 30:2 Expected ":"
Line 36:2 Expected ":"
Line 38:2 Expected ":"
Line 40:2 Expected ":"
Line 42:2 Expected ":"
Line 44:2 Expected ":"
Line 50:2 Expected ":"
Line 52:2 Expected ":"
... and 53 more hidden warnings

**/
mobile-navigation {

  display: block;

}

mobile-navigation .site-nav {

  padding: 0;

}

mobile-navigation .site-nav nav {

  transition: transform 300ms ease-in-out;

}

mobile-navigation .site-nav ul a:not(.button) {

  width: 100%;

  padding: 0.625rem var(--sidebar-gutter);

  border-bottom: 1px solid var(--color-borders-main);

  display: flex;

  justify-content: space-between;

}

mobile-navigation .site-nav .submenu, mobile-navigation .site-nav .babymenu {

  width: 100%;

  position: absolute;

  top: 0;

}

html[dir=rtl] mobile-navigation .site-nav .submenu, html[dir=rtl] mobile-navigation .site-nav .babymenu {

  right: 0;

}

html[dir=ltr] mobile-navigation .site-nav .submenu, html[dir=ltr] mobile-navigation .site-nav .babymenu {

  left: 0;

}

mobile-navigation .site-nav .submenu, mobile-navigation .site-nav .babymenu {

  transition: transform 300ms ease-in-out;

  display: none;

}

mobile-navigation .site-nav .submenu {

  transform: translateX(100%);

}

mobile-navigation .site-nav .babymenu {

  transform: translateX(100%);

}

mobile-navigation .site-nav li > a > .icon svg {

  transform: rotate(-90deg);

}

html[dir=rtl] mobile-navigation .site-nav li > a > .icon svg {

  transform: rotate(90deg);

}

mobile-navigation .site-nav li > a > .icon path {

  stroke: none;

}

mobile-navigation .site-nav .has-promotion {

  padding: var(--sidebar-gutter);

}

mobile-navigation .site-nav .has-promotion + .has-promotion {

  padding-top: 0;

}

mobile-navigation .site-nav .text-animation--underline-in-header {

  padding-bottom: 0;

  background: none;

}

mobile-navigation .site-nav .submenu-back {

  cursor: pointer;

  background: var(--color-third-background-main);

}

mobile-navigation .site-nav .submenu-back a {

  justify-content: flex-start !important;

}

mobile-navigation .site-nav .submenu-back .icon {

  margin-inline-start: -0.125rem;

  margin-inline-end: 0.625rem;

}

html[dir=rtl] mobile-navigation .site-nav .submenu-back .icon {

  display: block;

  transform: rotate(180deg);

}

mobile-navigation .site-nav .submenu-back .icon svg {

  position: relative;

  top: -0.0625rem;

  transform: rotate(90deg);

}

mobile-navigation .site-nav .button__icon svg * {

  fill: none;

}

mobile-navigation .menu-link svg path {

  stroke: var(--color-text-main);

}

mobile-navigation.opened-first-submenu nav {

  transform: translateX(-100%);

}

mobile-navigation.opened-second-submenu nav {

  transform: translateX(-200%);

}

mobile-navigation.opened-first-submenu .site-nav,

mobile-navigation.opened-first-submenu .site-nav-container, mobile-navigation.opened-second-submenu .site-nav,

mobile-navigation.opened-second-submenu .site-nav-container {

  height: 0;

}

mobile-navigation.opened-first-submenu .link-list, mobile-navigation.opened-second-submenu .link-list {

  animation: hide-menu 10ms linear 300ms forwards;

}

mobile-navigation li.has-submenu.opened .submenu {

  display: block;

}

mobile-navigation li.has-babymenu.opened .babymenu {

  display: block;

}

mobile-navigation .header-actions {

  background-color: var(--color-third-background-main);

  border-bottom: 1px solid var(--color-borders-main);

  margin: 0 !important;

  width: 100%;

  padding: 1.25rem calc(var(--sidebar-gutter) / 2) 0;

  justify-content: space-between;

  display: flex !important;

}

mobile-navigation .header-actions > * {

  display: inline-flex;

  margin: 0 calc(var(--sidebar-gutter) / 2) 1.25rem;

  flex: initial;

}

mobile-navigation .header-actions .header-info-block {

  height: auto;

}

mobile-navigation .header-actions .header-info-block__image {

  margin-inline-end: 0.625rem;

}

mobile-navigation .header-actions .header-info-block__image svg, mobile-navigation .header-actions .header-info-block__image img {

  width: 1.75rem !important;

  height: 1.75rem !important;

}

mobile-navigation .header-actions .header-info-block__title {

  font-size: calc(14px / 16 * var(--base-body-size) + 0px);

  letter-spacing: var(--base-body-spacing);

  font-weight: var(--font-weight-body-bold);

}

mobile-navigation .header-actions .header-info-block__text .icon {

  margin-inline-start: 0.3125rem;

  transform: scale(0.9);

}

@keyframes hide-menu {

  0% {

    height: auto;

    overflow: visible;

  }

  100% {

    height: 0;

    overflow: hidden;

  }

}
/* --------------------------------------------------
   MOBILE MENU ACCORDION
   -------------------------------------------------- */

/* Grundlayout auf volle Breite bringen */
mobile-navigation .site-nav,
mobile-navigation .site-nav-container,
mobile-navigation .site-nav nav,
mobile-navigation .site-nav .link-list {
  width: 100% !important;
}

mobile-navigation .site-nav nav,
mobile-navigation .site-nav .link-list {
  display: block !important;
  transform: none !important;
}

mobile-navigation .site-nav .link-list > li {
  display: block;
  width: 100%;
}

/* Hauptmenüpunkte */
mobile-navigation .site-nav .link-list > li > a.menu-link {
  box-sizing: border-box;
  width: 100% !important;
  min-height: auto;
  padding: 1rem 1.25rem !important;
  align-items: center;
  line-height: 1.25;
  font-weight: var(--font-weight-body-bold);
}

/* Geöffneter Hauptmenüpunkt */
mobile-navigation
  .site-nav
  .link-list
  > li.has-submenu.opened
  > a.menu-link {
  background: var(--color-third-background-main);
}

/* Alte Slide-Logik der ersten Ebene deaktivieren */
mobile-navigation.opened-first-submenu .site-nav,
mobile-navigation.opened-first-submenu .site-nav-container {
  height: auto !important;
}

mobile-navigation.opened-first-submenu .link-list {
  height: auto !important;
  overflow: visible !important;
  animation: none !important;
}

/* Untermenü als animiertes Accordion */
mobile-navigation .site-nav .has-submenu > .submenu {
  position: static !important;
  inset: auto !important;
  width: 100% !important;

  display: grid !important;
  grid-template-rows: 0fr;

  overflow: hidden;
  visibility: hidden;
  opacity: 0;

  transform: none !important;

  transition:
    grid-template-rows 350ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 220ms ease,
    visibility 0s linear 350ms;
}

/* Innerer Bereich muss auf null schrumpfen können */
mobile-navigation
  .site-nav
  .has-submenu
  > .submenu
  > .submenu-holder {
  min-height: 0;
  width: 100%;
  overflow: hidden;
  background: var(--color-third-background-main);
}

/* Accordion geöffnet */
mobile-navigation .site-nav .has-submenu.opened > .submenu {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;

  transition:
    grid-template-rows 400ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 250ms ease,
    visibility 0s linear 0s;
}

/* Unterkategorien */
mobile-navigation .site-nav .submenu .menu-link:not(.button) {
  box-sizing: border-box;
  width: 100% !important;
  min-height: auto;

  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  padding-inline-start: 2.75rem !important;
  padding-inline-end: 1.25rem !important;

  align-items: center;
  line-height: 1.3;
}

/* Zurück bei normalen Untermenüs ausblenden */
mobile-navigation
  .has-submenu
  > .submenu
  > .submenu-holder
  > .submenu-back {
  display: none !important;
}

/* Zurück bei Mega-Menüs ausblenden */
mobile-navigation
  .has-submenu
  > .submenu
  > .submenu-holder
  > .submenu-masonry
  > .submenu-back {
  display: none !important;
}

/* Promotion-Bild */
mobile-navigation .site-nav .submenu .has-promotion {
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 1.25rem !important;
}

mobile-navigation .site-nav .submenu .has-promotion + .has-promotion {
  padding-top: 0 !important;
}

mobile-navigation .site-nav .menu-promotion {
  width: 100%;
  overflow: hidden;
}

/* Pfeilanimation */
mobile-navigation .site-nav .has-submenu > a > .icon svg {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

html[dir="ltr"]
  mobile-navigation
  .site-nav
  .has-submenu.opened
  > a
  > .icon
  svg {
  transform: rotate(0deg);
}

html[dir="rtl"]
  mobile-navigation
  .site-nav
  .has-submenu.opened
  > a
  > .icon
  svg {
  transform: rotate(180deg);
}

/* --------------------------------------------------
   VERSCHACHTELTE UNTERKATEGORIEN
   -------------------------------------------------- */

/* Auch die dritte Ebene bleibt im normalen Menüfluss */
mobile-navigation .site-nav .has-babymenu > .babymenu {
  position: static !important;
  inset: auto !important;
  width: 100% !important;

  display: grid !important;
  grid-template-rows: 0fr;

  overflow: hidden;
  visibility: hidden;
  opacity: 0;

  transform: none !important;

  transition:
    grid-template-rows 350ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 220ms ease,
    visibility 0s linear 350ms;
}

/* Inneres Element muss vollständig einklappbar sein */
mobile-navigation .site-nav .has-babymenu > .babymenu > ul {
  min-height: 0;
  width: 100%;
  overflow: hidden;
  background: var(--color-third-background-main);
}

/* Unterkategorie öffnen */
mobile-navigation
  .site-nav
  .has-babymenu.opened
  > .babymenu {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;

  transition:
    grid-template-rows 400ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 250ms ease,
    visibility 0s linear 0s;
}

/* Zurück-Schaltfläche der dritten Ebene entfernen */
mobile-navigation
  .site-nav
  .has-babymenu
  > .babymenu
  .submenu-back {
  display: none !important;
}

/* Dritte Ebene stärker einrücken */
mobile-navigation
  .site-nav
  .babymenu
  .menu-link:not(.button) {
  padding-inline-start: 4rem !important;
  padding-inline-end: 1.25rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* Geöffnete Unterkategorie leicht hervorheben */
mobile-navigation
  .site-nav
  .has-babymenu.opened
  > a.menu-link {
  font-weight: var(--font-weight-body-bold);
}

/* Pfeil der Unterkategorie animieren */
mobile-navigation
  .site-nav
  .has-babymenu
  > a
  > .icon
  svg {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

html[dir="ltr"]
  mobile-navigation
  .site-nav
  .has-babymenu.opened
  > a
  > .icon
  svg {
  transform: rotate(0deg);
}

html[dir="rtl"]
  mobile-navigation
  .site-nav
  .has-babymenu.opened
  > a
  > .icon
  svg {
  transform: rotate(180deg);
}
/* --------------------------------------------------
   MOBILE HEADER ACTIONS
   Filiale und Telefon
   -------------------------------------------------- */

mobile-navigation .header-actions {
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem 1.25rem !important;

  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;

  background: var(--color-third-background-main);
}

/* Filiale und Telefon jeweils als eigene Zeile */
mobile-navigation .header-actions > .header-info-block {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 0.75rem 0 !important;

  display: grid !important;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  column-gap: 0.875rem;

  align-items: center;
  justify-content: initial;
}

/* Dezente Trennung zwischen beiden Einträgen */
mobile-navigation
  .header-actions
  > .header-info-block
  + .header-info-block {
  border-top: 1px solid var(--color-borders-main);
}

/* Icon sauber links zentrieren */
mobile-navigation
  .header-actions
  .header-info-block__image {
  grid-column: 1;
  grid-row: 1;

  width: 2.25rem;
  height: 2.25rem;
  margin: 0 !important;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Telefon- und Filial-Icon vereinheitlichen */
mobile-navigation
  .header-actions
  .header-info-block__image
  svg,
mobile-navigation
  .header-actions
  .header-info-block__image
  img {
  display: block;
  width: 2rem !important;
  height: 2rem !important;
  margin: 0 !important;
}

/* Text direkt rechts neben dem Icon */
mobile-navigation
  .header-actions
  .header-info-block__text {
  grid-column: 2;
  grid-row: 1;

  min-width: 0;
  margin: 0 !important;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  text-align: left;
}

/* Abstände innerhalb des Textes entfernen */
mobile-navigation
  .header-actions
  .header-info-block__caption,
mobile-navigation
  .header-actions
  .header-info-block__title {
  display: block;
  margin: 0;
  line-height: 1.3;
}


/* Separate category links and disclosure buttons in the mobile drawer. */
mobile-navigation .site-nav li.mobile-split-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 3.25rem;
  align-items: stretch;
}
mobile-navigation .site-nav li.mobile-split-item > a.menu-link {
  grid-column: 1;
  min-width: 0;
  min-height: 48px;
  padding-inline-end: 0.75rem !important;
}
mobile-navigation .site-nav li.mobile-split-item > .submenu,
mobile-navigation .site-nav li.mobile-split-item > .babymenu,
mobile-navigation .site-nav li.mobile-split-item > .mega-image {
  grid-column: 1 / -1;
}
mobile-navigation .site-nav .mobile-submenu-toggle {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0.75rem;
  border: 0;
  border-inline-start: 1px solid var(--color-borders-main);
  border-bottom: 1px solid var(--color-borders-main);
  border-radius: 0;
  color: var(--color-text-main);
  background: transparent;
  cursor: pointer;
}
mobile-navigation .mobile-submenu-toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}
mobile-navigation .mobile-submenu-toggle .icon { display: flex; pointer-events: none; }
mobile-navigation .mobile-submenu-toggle svg {
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  transition: transform 200ms ease;
}
html[dir=rtl] mobile-navigation .mobile-submenu-toggle svg { transform: rotate(90deg); }
mobile-navigation .mobile-submenu-toggle[aria-expanded=true] svg { transform: rotate(0deg); }
@media (prefers-reduced-motion: reduce) {
  mobile-navigation .mobile-submenu-toggle svg { transition: none; }
}