#megamenu {margin-top:30px;}

.accordion-body {
	padding: 0;
}

.accordion-button {
	padding-left: 0;
	padding-right: 0
}

ul.kat_dritte_ebene li {
	width: 100%;
	font-weight: 100;
}

.submenue .container-flex-special {align-items: start; justify-content: space-between;}
.submenue .flex25 {padding: 0;}
.submenue .container-flex-special .flex800 {margin-left: 20px;}
@media ( max-width : 1200px) {
	#main_nav ul {
		display: flex;
		align-items: center;
		position: relative;
	}
	.mobile_menue {
		background: #e6e2dc;
	}
	#main_nav ul li {
		list-style: none;
	}
	#main_nav_mobile a, #main_nav_mobile a:focus {
		color: rgba(0, 0, 0, .75);
	}
	.nav-item .nav-primary {
		line-height: 1rem;
		padding: 1rem;
		padding-left: 0;
		font-size: 1rem;
		letter-spacing: 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		display: block;
		letter-spacing: .3px;
	}
	#main_nav_mobile .secondary {
		position: absolute;
		top: 90px;
		right: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		padding: 0 20px;
		-webkit-animation: slide-in .5s forwards;
		-webkit-animation-delay: .5s;
		animation: slide-in .5s forwards;
		animation-delay: .5s;
		z-index: 1000
	}
	#main_nav_mobile .secondary.show {
		display: flex !important;
		flex-direction: column;
	}
	#main_nav_mobile .secondary {
		-webkit-animation: slide-out .5s forwards;
		-webkit-animation-delay: .5s;
		animation: slide-out .5s forwards;
		animation-delay: .5s
	}
	#main_nav_mobile .secondary .other-header {
		border-bottom: 1px solid #d5d5d5;
		text-transform: uppercase;
		color: #000;
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		font-size: 1.2rem;
	}
	#main_nav_mobile .secondary .other-header svg {
		margin-right: 1rem;
	}
	#main_nav_mobile .accordion-button::after {
		flex-shrink: 0;
		width: 1.25rem;
		height: 1.25rem;
		margin-left: auto;
		content: "";
		background-image:
			url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMTM4MDk1LDAsMCwwLjEzODA5NSwyMi4zNDI5LDEzLjY2NjcpIj4KICAgICAgICA8cGF0aCBkPSJNMCwtMjQuMTM4TC02Mi44MjgsLTI0LjEzOEwtNjIuODI4LC04Ni45NjZDLTYyLjgyOCwtOTMuNTk0IC02OC4yMDEsLTk4Ljk2NiAtNzQuODI4LC05OC45NjZMLTc0Ljk2NiwtOTguOTY2Qy04MS41OTQsLTk4Ljk2NiAtODYuOTY2LC05My41OTQgLTg2Ljk2NiwtODYuOTY2TC04Ni45NjYsLTI0LjEzOEwtMTQ5Ljc5NCwtMjQuMTM4Qy0xNTYuNDIyLC0yNC4xMzggLTE2MS43OTQsLTE4Ljc2NSAtMTYxLjc5NCwtMTIuMTM4TC0xNjEuNzk0LC0xMkMtMTYxLjc5NCwtNS4zNzMgLTE1Ni40MjIsLTAgLTE0OS43OTQsLTBMLTg2Ljk2NiwtMEwtODYuOTY2LDYyLjgyOEMtODYuOTY2LDY5LjQ1NSAtODEuNTk0LDc0LjgyOCAtNzQuOTY2LDc0LjgyOEwtNzQuODI4LDc0LjgyOEMtNjguMjAxLDc0LjgyOCAtNjIuODI4LDY5LjQ1NSAtNjIuODI4LDYyLjgyOEwtNjIuODI4LC0wTDAsLTBDNi42MjcsLTAgMTIsLTUuMzczIDEyLC0xMkwxMiwtMTIuMTM4QzEyLC0xOC43NjUgNi42MjcsLTI0LjEzOCAwLC0yNC4xMzgiIHN0eWxlPSJmaWxsOnJnYigyNiwyMywyNyk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
		background-repeat: no-repeat;
		background-size: 1.25rem;
		transition: transform 0.2s ease-in-out;
	}
	#main_nav_mobile .accordion-button:not(.collapsed)::after {
		background-image:
			url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDI0IDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjEzODA5NSwwLDAsMC4xMjQyODUsMjQsMS40OTE0MikiPgogICAgICAgIDxwYXRoIGQ9Ik0wLDAuMTM4QzAsNi43NjUgLTUuMzczLDEyLjEzOCAtMTIsMTIuMTM4TC0xNjEuNzkzLDEyLjEzOEMtMTY4LjQyMSwxMi4xMzggLTE3My43OTMsNi43NjUgLTE3My43OTMsMC4xMzhMLTE3My43OTMsLTBDLTE3My43OTMsLTYuNjI3IC0xNjguNDIxLC0xMiAtMTYxLjc5MywtMTJMLTEyLC0xMkMtNS4zNzMsLTEyIDAsLTYuNjI3IDAsLTBMMCwwLjEzOFoiIHN0eWxlPSJmaWxsOnJnYigyNiwyMywyNyk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
		transform: rotate(-180deg);
		margin-top: -15px;
	}
	#main_nav_mobile .accordion-button:not(.collapsed) {
		color: #000;
		font-weight: 600;
		background-color: #fff;
		box-shadow: inset 0 calc(-1 * 1px) 0 #a5a5a5;
	}
	.offcanvas-header .btn-close {
		z-index: 9999;
		top: 20px;
		right: 20px;
		position: absolute;
		background-color: #fff;
	}
	.offcanvas-header img {
		max-width: 200px;
		height: auto;
	}
}

@media ( min-width : 1200px) {
	
	.offcanvas-header .btn-close {
		z-index: 9999;
		top: 20px;
		right: 20px;
		position: absolute;
		background-color: #fff;
	}
	.flex25 {
		flex: 1 1 25%;
		text-align: left;
	}

	.naviflex {
		padding: 0 20px;
	}
	.naviflex .container-flex-special .flex25 {
		text-align: left;
		float:left;
	}
#main_nav .naviflex .container-flex-special ul.kat_dritte_ebene {width:200px;}

	.border-right {
		border-right: 1px solid rgba(0, 0, 0, .2);
	}
	#main_nav {
		padding: 0;
	}
	#header {
		z-index: 1001;
		position: relative;
	}
	#main_nav ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}
	#main_nav a, #main_nav a:focus {
		white-space: nowrap;
		padding: 10px;
	}
	#main_nav .product_group {
		background: rgba(255, 255, 255, .05);
		padding: 15px 5px;
	}
	#main_nav .product_group .flex {
		padding: 0 15px;
	}
	.text_produktgruppen {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 12px;
		font-weight: 600;
		color: rgba(0, 0, 0, .3);
	}
	.text_tags {
		letter-spacing: .4px;
		font-size: 12px;
		font-weight: 600;
		color: rgba(0, 0, 0, .5);
		margin: 0 16px 0 7px;
		padding-bottom: 2px;
		border-bottom: 1px solid transparent;
	}
	.text_tags:hover {
		color: rgba(0, 0, 0, .85);
		border-bottom: 1px solid #bdbdbd;
	}

	#main_nav .nav-link {
		font-size: 0.975rem;
		color: #333333;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 13px;
	}
	#main_nav .active {
		font-weight: 700;
	}
	#main_nav .nav-link:hover {
		color: #000;
	}
	#main_nav .nav-link-sub-sub {
		border-bottom: 1px solid transparent;
		margin-bottom: 9px;
		display: inline-block;
		padding-bottom: 0px;
	}
	#main_nav .nav-link-sub-sub:hover {
		border-bottom: 1px solid #aaa;
	}
	#main_nav .flex-none {
		flex: 0;
	}
	#main_nav .product_group .flex294fix {
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 2px;
		font-weight: 700;
		color: rgba(0, 0, 0, .3);
	}
	#main_nav .catdesc {
		color: rgba(0, 0, 0, .5);
		font-weight: 400;
	}
	#main_nav .flex300 img {
		max-width: 300px;
		width: auto;
		height: auto;
	}
	#main_nav .catdesc {
		font-size: .8rem;
		line-height: 1.2rem;
		margin: 20px 0;
	}
	#main_nav ul.kat_dritte_ebene {
		margin-top: 10px;
	}
	#main_nav b.heading {
		color: rgba(0, 0, 0, .2);
		margin-bottom: 10px;
		font-size: 1.2rem;
		text-transform: uppercase;
		letter-spacing: 1px;
		display: block;
	}
	#main_nav .dropdown .submenue .catdesc,
	#main_nav .dropdown .submenue b.heading
	{
		color: #a2a2a2;
	}
	#main_nav .dropdown .submenue img {
		margin-left: -10px;
		max-height: 234px;
		width: auto;
		margin: 0 auto;
	}
	#main_nav .dropdown .submenue {
		position: absolute;
		left: 0;
		right: 0;
		top: 99%;
		margin: 0;
		padding: 2rem 0;
		z-index: 9999;
		background: #fff;
		box-sizing: border-box;
		max-height: calc(100vh - 250px);
		display: none;
		min-height: 20rem;
		transition: background-color 0.8s;
		transition-delay: 500ms;
		transition-property: height;
    box-shadow: 0px 87px 66px rgba(0,0,0,.5);
	}
	#main_nav .dropdown::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
		display:none;
	}

	/* subkat zweite ebene */
	#main_nav .dropdown .submenue a.nav-link-sub {
		display: inline-block;
		padding: 0;
		color: rgba(0, 0, 0, .65);
		font-weight: 600;
		letter-spacing: .3px;
		border-bottom: 1px solid transparent;
	}
	#main_nav .dropdown .submenue a.active {
		font-weight: 700 !important;
	}
	#main_nav .dropdown .submenue a.nav-link-sub:hover {
		color: rgba(0, 0, 0, .9);
		border-bottom: 1px solid #bdbdbd;
	}
	#main_nav .dropdown .submenue a.nav-link-sub-sub {
		padding: 0;
		color: rgba(0, 0, 0, .5);
		font-weight: 400;
		letter-spacing: .3px;
	}
	#main_nav .dropdown .submenue a.nav-link-sub-sub:hover {
		color: rgba(0, 0, 0, .9);
	}



#main_nav li.nav-item {position: relative;line-height: 40px;overflow:hidden;margin: 0 5px; padding: 0 7px; border-radius: 30px;}
#main_nav a.nav-link::before, 
#main_nav a.nav-link::after {content: ''; position:absolute; left:0; right:0; top:0; bottom:0; height:100%; background:#222;  z-index: -1; transform:translate3d(0,-100%,0); transition: all .5s;}
#main_nav a.nav-link::before {background: transparent; z-index: -2; transform: translate3d(0,0,0);} 
#main_nav a.nav-link:hover {color:#fff;} 
#main_nav a.nav-link:hover::after {transform: translate3d(0,0,0); background:#222;}
#main_nav a.nav-link:hover::after {transform: translate3d(0,0,0);}


}

#main_nav .new_products {
	color: #aeaec0;
}

#main_nav .specials {
	color: #aeaec0;
}