
#main-nav.gwMenu {
	width: 100%;
	margin-top: 10px;
	display: flex;
	text-transform: uppercase;	
}

#main-nav.gwMenu > ul, 
#main-nav.gwMenu > .gwm-wrapper > ul {
	align-items: flex-end;
}

#main-nav.gwMenu > ul > li, 
#main-nav.gwMenu > .gwm-wrapper > ul > li {
	flex: initial;
}

#main-nav li {
	font-size: 18px;
}

#main-nav.gwMenu .level0 {
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

#main-nav.gwMenu .level1 {
	--padding-top: 10px;
	--padding-bottom: 5px;
	--padding-left: 15px;
	--padding-right: 35px;
}

#main-nav li.level0 > a,
#main-nav li.level0 > span {
	font-size: 18px;
}

#main-nav.gwMenu li.level0 > a,
#main-nav.gwMenu li.level0 > span {
	width: fit-content;
}

#main-nav .level0.selected > .gwm-content,
#main-nav .level0.selected > a,
#main-nav .level0.gwm-hover > .gwm-content,
#main-nav .level0.gwm-hover > a {
    color: var(--green2);
	--mainnav-border-bottom-color: var(--orange);
	
}

#main-nav.gwMenu .level0 > .gwm-content,
#main-nav.gwMenu .level0 > a {
	border-bottom: 4px solid var(--mainnav-border-bottom-color, transparent);
}

#main-nav .selected > .gwm-content::after,
#main-nav .selected > a::after {
	content: url(img/square.svg);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-24px, -49%) scale(0.15);
}

#main-nav .level0.selected > .gwm-content::after,
#main-nav .level0.selected > a::after {
	content: url(img/FrischeBlatt.png);
	position: absolute;
	left: unset;
	top: unset;
	transform: translate(0px, -53%) scale(0.5);
}

.gwMenu .shopMenu {
	display: none;
}

.gwMenu .homeMenu {
	--item-background-color: var(--main-color);
	--item-background-color-hover: var(--main-color);
	text-indent: -9999px;
	width: 44px!important;
}

.gwMenu .homeMenu a::before {
	content:url('img/Home_weiss.png')!important;
	position: absolute!important;
	left: 50%!important;
	top: 50%!important;
	text-indent: 0!important;
	transform: translate(-50%, -46%)!important;
	width: 30px!important;
}

.menu-info {
	--item-background-color: #f8f8f8;
	--item-background-color-hover: #f8fcf8;
}

#main-nav.gwMenu .menu-info {
	--padding-left: 20px;
	--padding-right: 20px;
	--text-color: var(--green);
}

.kunden-navigation .content, 
.kunden-navigation li > a {
	font-size: var(--fontsize);
}


#service-menu > .gwm-wrapper,
#kundenkonto-menu > .gwm-wrapper {
	transition: opacity 0.3s;
	opacity: 0;
	display: inline-flex;
	height: 0;
  	overflow: hidden;
}

#service-menu.gwm-clicked > .gwm-wrapper,
#kundenkonto-menu.gwm-clicked > .gwm-wrapper {
	opacity: 0;
	height: inherit;
  	overflow: inherit;
}

#service-menu.opacity-transition > .gwm-wrapper,
#service-menu:hover:not(.gwm-clicked) > .gwm-wrapper,
#kundenkonto-menu.opacity-transition > .gwm-wrapper,
#kundenkonto-menu:hover:not(.gwm-clicked) > .gwm-wrapper {
	opacity: 1;
	height: auto;
}

.isDesktop:not(.isTouchSupported) #service-menu:not(:hover) > .gwm-wrapper,
.isDesktop:not(.isTouchSupported) #kundenkonto-menu:not(:hover) > .gwm-wrapper {
	display: none;
}

.gwMenu .transition > .gwm-wrapper {
	display: inline-flex!important;
}

.breadcrumb {
    --shopnav-background: #fff;
	/* transform: translateY(-23px); */
	text-transform: uppercase;
    margin: 0;
	padding: 6px;
	background-color: #fff;
	width: 100%;
	position: relative;
	font-size: 16px;
	z-index: 2;
}

.breadcrumb > li::after {
	right: -20px;
}


#shopnav {
	text-transform: uppercase;
}

#shopnav a {
	--line-height: 1;
	--padding-bottom: 4px;
	--text-color: var(--text-default);
}

#shopnav li[data-article-id="0"] {
    display: none;
}

#shopnav li.level0.selected  {
	--item-background-color: var(--orange);
	--item-background-color-hover: var(--orange);
}

#shopnav li.level0.selected > a {
	--text-color: var(--white);
	--text-color-hover: var(--white);

}

#shopnav li.level1 {
	--item-background-color: var(--white);
	--text-color: var(--text-color);
	--text-color-hover: var(--white);
}

#shopnav .level1.selected > .gwm-content::before,
#shopnav .level1.selected > a::before {
	content: url(img/square.svg);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-24px, -49%) scale(0.15);
}

.gwm-back {
	--back-background: var(--green);
	--text-color: var(--white);
}


/* @media screen and (min-width: 768px) {
	#headSlideshow ~ #contentWrapper .breadcrumb {
		transform: translateY(-48px);
	}
} */