/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 182:0 Unexpected "<"

**/
<style>
:root {
	--nav--height: 3rem;
	--nav--banner-height: 2rem;
	--nav--radius: 10px;
	--nav--spacing-outer-vertical: var(--space--3);
	--nav--spacing-inner-horizontal: var(--space--6);
	--nav--container: var(--container--main);
	--nav--icon-thickness: var(--border-width--main);
	--nav--hamburger-thickness: var(--nav--icon-thickness);
	--nav--hamburger-gap: var(--space--2);
	--nav--hamburger-rotate: 45;
	--nav--menu-open-duration: 300;
	--nav--menu-close-duration: 300;
	--nav--dropdown-duration: 300;
	--nav--dropdown-open-duration: 300;
	--nav--height-total: var(--nav--height);
	--nav--dropdown-delay: 0ms;
}
/* on smaller screens */
@media (width < 65em) {
	/* disable scroll when mobile menu is open */
	body:has(.header-wrapper .header__icon.is-active) { overflow: hidden; }
}
/* on larger screens */
@media (width >= 65em) {
	/* disable scroll when dropdown is open */
	body:has(.nav_dropdown_component > .is-active) { overflow: hidden; }
}
/* on larger screens */
@media (min-width: 65em) {
	/* show desktop nav & dropdown backdrop */
	.nav_wrap.is-desktop, .nav_dropdown_backdrop { display: block; }
	/* hide mobile nav & mobile menu backdrop */
	.nav_wrap.is-mobile, .nav_menu_backdrop { display: none; }
}
/* dropdown list: initial state */
html:not(.wf-design-mode) .nav_dropdown_component > .header__submenu {
	/* removes display none to enable css transitions */
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	/* sets list to 0 height by default */
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--nav--dropdown-duration);
	/* makes list content not focusable when closed */
	visibility: hidden;
	opacity: 0;
}
/* makes list content focusable when opened */
html:not(.wf-design-mode) .nav_dropdown_component > .header__submenu.is-active {
	visibility: visible;
	opacity: 1;
}
/* sets list child to overflow hidden to enable css height transition */
.nav_dropdown_component > .header__submenu > * {
	overflow: hidden;
}
/* set open state of dropdown list */
.nav_dropdown_component:has(> .header__submenu-toggle[aria-expanded="true"]) > .header__submenu {
	--nav--dropdown-duration: var(--nav--dropdown-open-duration);
	grid-template-rows: 1fr;
}
/* on desktop, delay dropdown opening if another dropdown is open */
.nav_wrap.is-desktop:has(.nav_dropdown_component > .header__submenu-toggle.is-active[aria-expanded="false"]) .nav_dropdown_component:has(> .is-active[aria-expanded="true"]) > .header__submenu {
	transition-delay: var(--nav--dropdown-duration);
}
/* reveal dropdown backdrop when dropdown open */
.nav_dropdown_backdrop {
	transition: opacity var(--nav--dropdown-duration);
}
body:has(.nav_dropdown_component > [aria-expanded="true"]) .nav_dropdown_backdrop {
	opacity: 1;
}
/* rotate arrow inside open dropdown */
.header__submenu-toggle[aria-expanded="true"] .nav_links_svg {
	transform: rotate(-180deg);
}
/* fade out other dropdown links when link is hovered */
@media (hover: hover) and (pointer: fine) {
	body:has(.nav_dropdown_item:hover) .nav_dropdown_item:not(:hover) > * > * {
		opacity: 0.5;
	}
}
/* Chat GPT help */
@media screen and (min-width: 750px) {
.header-wrapper {
  max-width: 1344px;
  margin: 24px auto 0 auto;/* Zentriert den Header und fügt Abstand nach oben hinzu */
  width: calc(100% - 96px); /* 100% der Breite minus 48px links & 48px rechts */
  border-radius: 10px; /* Abgerundete Ecken */
  padding: 8px 16px 8px 16px; /* Innenabstand */
  }
}

@media screen and (max-width: 749px) {
.header-wrapper {
  margin: 16px auto 0 auto;/* Zentriert den Header und fügt Abstand nach oben hinzu */
  width: calc(100% - 32px); /* 100% der Breite minus 48px links & 48px rechts */
  padding: 8px 8px; /* Innenabstand */
  color: #ffffff !important; /* Ändert die Schriftfarbe auf Weiß */
  border-radius: 10px; /* Abgerundete Ecken */
  }
}

  
.list-menu__item {
    padding: 10px 20px; /* Innenabstand (oben/unten, links/rechts) */
}

.list-menu__item--link {
    margin: 0 8px; /* Äußere Abstände links/rechts */
}


/* animate first hamburger line when opened */
.header-wrapper .header__icon.is-active > * > :first-child {
	transform: translateY(calc(var(--nav--hamburger-thickness) * 0.5 + var(--nav--hamburger-gap) * 0.5)) rotate(calc(var(--nav--hamburger-rotate) * -1deg));
}
/* animate second hamburger line when opened */
.header-wrapper .header__icon.is-active > * > :last-child {
	transform: translateY(calc(var(--nav--hamburger-thickness) * -0.5 + var(--nav--hamburger-gap) * -0.5)) rotate(calc(var(--nav--hamburger-rotate) * 1deg));
}
/* reveal mobile menu backdrop on menu open */
.nav_menu_backdrop {
	transition: opacity var(--nav--menu-close-duration);
}
.header-wrapper:has(.header__icon.is-active) .nav_menu_backdrop {
	opacity: 1;
}
/* menu animations */
@keyframes menuOpen {
 from { clip-path: circle(0% at 100% 0); }
 to { clip-path: circle(141.2% at 100% 0); }
}
@keyframes menuClose {
 from { clip-path: circle(141.2% at 100% 0); }
 to { clip-path: circle(0% at 100% 0); }
}
/* menu open */
.header-wrapper:has(.header__icon.is-active) .header__menu {
	animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards;
}
/* menu close */
.header-wrapper:has(.header__icon:not(.is-active)) .header__menu {
	animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards;
}
/* position overflow to top of screen */
.header-wrapper .menu-drawer__overlay {
 top: 0;
 min-height: 100vh;
}
/* search focus underline */
.nav_search_wrap:has(input:focus-visible) {
}
/* open dropdown on mobile */
.nav_wrap.is-mobile [data-open-on-mobile] > .header__submenu-toggle {
	display: none;
}
.nav_wrap.is-mobile [data-open-on-mobile] > .header__submenu {
	visibility: visible;
	opacity: 1;
	display: block;
	grid-template-rows: 1fr;
}
/* Rotate Nav Banner Arrow When External Link */
a[target="_blank"] .nav_banner_svg {
	transform: rotate(-45deg);
}
/* nav banner */
html:has(.nav_banner_wrap:not(.w-condition-invisible)):not(.hide-nav-banner) {
	--nav--height-total: calc(var(--nav--banner-height) + var(--nav--height));
}
.hide-nav-banner .nav_banner_wrap {
	display: none;
}
</style>