.fl-menu .menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.fl-menu .menu-item a,
.fl-menu .cart-contents{
	text-decoration: none;
}

.fl-menu .menu-item a,
.fl-menu .cart-contents .amount,
.fl-menu .language-link{
	font-family: 'Archeron Pro';
    font-weight: 500;
}


.fl-menu .cart-contents .amount .woocommerce-Price-currencySymbol{
	display: inline-block;
	margin-right: 3px;
}

.fl-menu .ccbbp-cart-subtotal{
	margin-left: 0;
	vertical-align: bottom;
}


.fl-menu .cart-contents .ccbbp-cart-icon-badge,
.fl-menu .menu-item .account-link{
	display: inline-block;
	margin-right: 40px;
}

.fl-menu .menu-item .logout-link,
.fl-menu .menu-item .login-link{
	display: inline-block;
	vertical-align: bottom;
}

.siteheader-menu{
	text-align: center;
}

.siteheader-menu .menu-item.show-on-mobile{
	display: inline-block;
}

.siteheader-menu .menu-item a{
	display: block;
	padding-bottom: 4px;
	padding-top: 8px;
}

.siteheader-menu .menu-item{
	display: none;
}

.offcanvas-menu{
	display: none;
	visibility: hidden;
}


@media (min-width: 768px) {
	.siteheader-navi{
		min-height: 2.5rem; /* 40px */
	}
	.siteheader-menu{
		overflow: hidden;
		text-align: left;
		text-wrap: nowrap;
		width: 100%;
	}
	.siteheader-menu .menu-item{
		display: inline-block;
		margin-right: 40px;
	}
}

@media (min-width: 1200px) {
	.siteheader-menu .menu-item{
		margin-right: 100px;
	}
}

.siteheader-navi{
	padding-right: 45px;
	position: relative;
	width: 100%;
}

.open.navi-toggle{
	display: inline-block;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}

.navi-toggle .icon{
	display: block;
	height: 12px;
	left: 50%;
	overflow: hidden;
	margin-top: .125rem;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
}

@media (min-width: 992px) {
	.navi-toggle .icon{
		height: 18px;
		width: 26px;
	}
}

.open.navi-toggle .icon:after,
.open.navi-toggle .icon:before{
	content: '';
}

.open.navi-toggle .icon:after,
.open.navi-toggle .icon:before,
.open.navi-toggle .icon .icon-element{
	background-color: var(--cc-global-schrift-dunkel, #141414);
	display: block;
	height: 2px;
	left: 0;
	margin-left: 2px;
	position: absolute;
	width: 20px;
}

@media (min-width: 992px) {
	
	.open.navi-toggle .icon:after,
	.open.navi-toggle .icon:before{
		height: .188rem;
	}

	.open.navi-toggle .icon:after,
	.open.navi-toggle .icon:before,
	.open.navi-toggle .icon .icon-element{		
		width: 26px;
	}
}

.open.navi-toggle .icon:after{
	top: 0;
	transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
}

.open.navi-toggle .icon:before{
	bottom: 0;
	transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
}

.open.navi-toggle .icon .icon-element{
	margin-left: 4px;
	top: 50%;
	transform: skew(-30deg) translateY(-50%);
	-ms-transform: skew(-30deg) translateY(-50%);
	-webkit-transform: skew(-30deg) translateY(-50%);
}

@media (min-width: 992px) {
	.open.navi-toggle .icon .icon-element{
		margin-left: 5px;
		height: .16rem;
	}
}




/* ==========================================================================
   Opened Off Canvas Navigation
   ========================================================================== */

	.js.offcanvas-open,
	#open-navigation:target{
	   height: 100%;
	   left: 0;
	   overflow: hidden;
	   padding-right: 18px;
	   top: 0;
   	}

	.js.offcanvas-open .fl-page,
	#open-navigation:target .fl-page{
		overflow: visible;
	}

	.js.offcanvas-open body,
	#open-navigation:target body{
		   margin-right: -18px;
	}

	.js.offcanvas-open .inner,
	#open-navigation:target .inner{
		left: 0;
		/*padding-right: 18px;*/
		transform: translate(-100%, 0);
		transform: translate3d(-100%,0,0);
	}

	.js.offcanvas-open .ccbbp-mini-cart-drawer,
	#open-navigation:target .ccbbp-mini-cart-drawer{
		display: none;
		visibility: hidden;
	}

	.js.offcanvas-open .offcanvas-menu .menu-item .logout-link,
	#open-navigation:target	.offcanvas-menu .menu-item .logout-link,
	.js.offcanvas-open .offcanvas-menu .menu-item .login-link,
	#open-navigation:target	.offcanvas-menu .menu-item .login-link{
		margin-bottom: 2px;
	}

	.js.offcanvas-open .offcanvas-menu .menu-item .logout-link,
	#open-navigation:target	.offcanvas-menu .menu-item .logout-link,
	.js.offcanvas-open .offcanvas-menu .menu-item.klein a,
	#open-navigation:target	.offcanvas-menu .menu-item.klein a,
	.js.offcanvas-open .offcanvas-menu .menu-item .login-link,
	#open-navigation:target	.offcanvas-menu .menu-item .login-link,
	.js.offcanvas-open .offcanvas-menu .lang-menu-title,
	#open-navigation:target	.offcanvas-menu .lang-menu-title,
	.js.offcanvas-open .offcanvas-menu .woocommerce-Price-currencySymbol,
	#open-navigation:target	.offcanvas-menu .woocommerce-Price-currencySymbol{
		font-size: 70%;
	}

	.js.offcanvas-open .offcanvas-menu .menu-item.klein,
	#open-navigation:target	.offcanvas-menu .menu-item.klein{
		line-height: 1.1;
	}


	.js.offcanvas-open .offcanvas-menu .close-navi-wrapper,
	#open-navigation:target	.offcanvas-menu .close-navi-wrapper{
		line-height: 1.2;
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
	#open-navigation:target	.offcanvas-menu .close.navi-toggle{
		padding-left: 20px;
		position: relative;
	}

	.js.offcanvas-open .offcanvas-menu .close.navi-toggle::before,
	#open-navigation:target	.offcanvas-menu .close.navi-toggle::before{
		background-image: url(../../../../assets/images/icons/icon-category-slider-start.svg);
		background-repeat: no-repeat;
		background-size:contain;
		top: 0;
		content: '';
		display: inline-block;
		height: .6rem;
		left: 0;
		margin-top: 8px;
		margin-left: 2px;
		position: absolute;
		width: .46rem;

	}

	.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
	#open-navigation:target	.offcanvas-menu .close.navi-toggle,
	.js.offcanvas-open .offcanvas-menu .language-link,
	#open-navigation:target	.offcanvas-menu .language-link{
		font-size: 16px;
	}

	.js.offcanvas-open .offcanvas-menu .menu-item a,
	#open-navigation:target	.offcanvas-menu .menu-item a,
	.js.offcanvas-open .offcanvas-menu .cart-contents .amount,
	#open-navigation:target	.offcanvas-menu .cart-contents .amount{
		font-size: 20px;
	}

	.js.offcanvas-open .offcanvas-menu .sub-menu .menu-item a,
	#open-navigation:target	.offcanvas-menu .sub-menu .menu-item a{
		font-size: 18px;
	}

	.js.offcanvas-open .offcanvas-menu .main-menu,
	#open-navigation:target	.offcanvas-menu .main-menu{
		padding-top: 16px;
	}
	

	.js.offcanvas-open .offcanvas-menu .lang-menu,
	#open-navigation:target	.offcanvas-menu .lang-menu,
	.js.offcanvas-open .offcanvas-menu .user-menu,
	#open-navigation:target	.offcanvas-menu .user-menu,
	.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
	#open-navigation:target	.offcanvas-menu .shop-menu-wrapper,
	.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
	#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title,
	.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
	#open-navigation:target	.offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
	.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu,
	#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu,
	.js.offcanvas-open .offcanvas-menu .misc-menu-bottom .shop-menu,
	#open-navigation:target	.offcanvas-menu .misc-menu-bottom .shop-menu,
	.js.offcanvas-open .offcanvas-menu .close-navi-wrapper,
	#open-navigation:target	.offcanvas-menu .close-navi-wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}

	.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
	#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title{
		margin-bottom: 0;
	}

	.js.offcanvas-open .offcanvas-menu .lang-menu,
	#open-navigation:target	.offcanvas-menu .lang-menu{
		border-top: solid 1px #323232;
		line-height: 1.25;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	
	.js.offcanvas-open .offcanvas-menu .lang-menu-title,
	#open-navigation:target	.offcanvas-menu .lang-menu-title,
	.js.offcanvas-open .offcanvas-menu .language-link,
	#open-navigation:target	.offcanvas-menu .language-link{
		display: inline-block;
		margin-bottom: 2px;
		margin-right: 10px;
	}

	.js.offcanvas-open .offcanvas-menu .language-link,
	#open-navigation:target	.offcanvas-menu .language-link{
		text-decoration: none;
	}

	.js.offcanvas-open .offcanvas-menu .account-link.active,
	#open-navigation:target	.offcanvas-menu .account-link.active
	.js.offcanvas-open .offcanvas-menu .current-menu-item > a,
	#open-navigation:target	.offcanvas-menu .current-menu-item > a{
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}

	.js.offcanvas-open .offcanvas-menu .language-link.active,
	#open-navigation:target	.offcanvas-menu .language-link.active{
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 3px;
	}

	.js.offcanvas-open .offcanvas-menu .language-link:last-child,
	#open-navigation:target	.offcanvas-menu .language-link:last-child{
		margin-right: 0;
	}
	
	.js.offcanvas-open .offcanvas-menu .user-menu,
	#open-navigation:target	.offcanvas-menu .user-menu{
		border-bottom: solid 1px #323232;
		border-top: solid 1px #323232;
		padding-bottom: 24px;
		padding-top: 30px;
	}

	.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
	#open-navigation:target	.offcanvas-menu .shop-menu-wrapper{
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.js.offcanvas-open .offcanvas-menu .menu-item .sub-menu,
	#open-navigation:target	.offcanvas-menu .menu-item .sub-menu{
		list-style: none;
		padding: 10px 0 10px 20px;
	}

	.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item + .menu-item,
	#open-navigation:target	.offcanvas-menu .shop-menu .menu-item + .menu-item,
	.js.offcanvas-open .offcanvas-menu .main-menu .menu-item + .menu-item,
	#open-navigation:target	.offcanvas-menu .main-menu .menu-item + .menu-item{
		padding-top: 4px;
	}
	
	.js.offcanvas-open .offcanvas-menu .aktions-link-wrapper,
	#open-navigation:target	.offcanvas-menu .aktions-link-wrapper{
		border-bottom: solid 1px #323232;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.js.offcanvas-open .offcanvas-menu .aktions-link,
	#open-navigation:target	.offcanvas-menu .aktions-link{
		background-color: #141414;
		color: #ffffff;
		font-weight: 400;
		padding: 2px 12px 4px 12px;
	}

	.js.offcanvas-open .offcanvas-menu .misc-menu-bottom .shop-menu,
	#open-navigation:target	.offcanvas-menu .misc-menu-bottom .shop-menu{
		border-bottom: solid 1px #323232;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	

	.js.offcanvas-open .offcanvas-menu .main-menu-wrapper,
	#open-navigation:target	.offcanvas-menu .main-menu-wrapper{
		border-bottom: solid 1px #323232;
		border-top: solid 1px #323232;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	

	.js.offcanvas-open .offcanvas-menu p,
	#open-navigation:target	.offcanvas-menu p{
		margin-bottom: 0;
	}

	.js.offcanvas-open .offcanvas-menu p + p,
	#open-navigation:target	.offcanvas-menu p + p,
	.js.offcanvas-open .offcanvas-menu .menu-item + .menu-item.abstand,
	#open-navigation:target	.offcanvas-menu .menu-item + .menu-item.abstand{
		padding-top: 14px;
	}

	.js.offcanvas-open .offcanvas-menu,
	#open-navigation:target .offcanvas-menu{
		background-color: #ffffff;
		display: block;
		height: 100vh;
		margin-right: -100%;
		/*
		padding-bottom: $containerPadding;
		padding-top: calc($containerPadding/2);
		*/
		position: absolute;
		overflow-x: hidden;
		overflow-y: scroll;
		right: 0;
		top: 0;
		visibility: visible;
		width: 100%;
		z-index: 6;
		-webkit-overflow-scrolling: touch;
	}

	
	@media (min-width: 600px) {
		.js.offcanvas-open .offcanvas-menu .lang-menu,
		#open-navigation:target	.offcanvas-menu .lang-menu,
		.js.offcanvas-open .offcanvas-menu .user-menu,
		#open-navigation:target	.offcanvas-menu .user-menu,
		.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
		#open-navigation:target	.offcanvas-menu .shop-menu-wrapper,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu,
		.js.offcanvas-open .offcanvas-menu .misc-menu-bottom .shop-menu,
		#open-navigation:target	.offcanvas-menu .misc-menu-bottom .shop-menu,
		.js.offcanvas-open .offcanvas-menu .close-navi-wrapper,
		#open-navigation:target	.offcanvas-menu .close-navi-wrapper{
			padding-left: 40px;
			padding-right: 40px;
		}
		.js.offcanvas-open .offcanvas-menu .misc-menu-bottom .shop-menu,
		#open-navigation:target	.offcanvas-menu .misc-menu-bottom .shop-menu,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper, 
		#open-navigation:target .offcanvas-menu .main-menu-wrapper,
		.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
		#open-navigation:target	.offcanvas-menu .shop-menu-wrapper{
			padding-bottom: 30px;
			padding-top: 30px;
		}

		.js.offcanvas-open .offcanvas-menu .aktions-link-wrapper,
		#open-navigation:target	.offcanvas-menu .aktions-link-wrapper{
			margin-bottom: 30px;
			padding-bottom: 30px;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle{
			padding-left: 24px;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle::before,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle::before{
			height: .7rem;
			margin-top: 12px;
			margin-left: 4px;
			width: .56rem;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle,
		.js.offcanvas-open .offcanvas-menu .language-link,
		#open-navigation:target	.offcanvas-menu .language-link{
			font-size: 20px;
		}

		.js.offcanvas-open .offcanvas-menu .language-link.active,
		#open-navigation:target	.offcanvas-menu .language-link.active{
			text-decoration-thickness: 2px;
		}

		.js.offcanvas-open .offcanvas-menu .lang-menu-title,
		#open-navigation:target	.offcanvas-menu .lang-menu-title,
		.js.offcanvas-open .offcanvas-menu .language-link,
		#open-navigation:target	.offcanvas-menu .language-link{
			margin-right: 20px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .shop-menu .menu-item + .menu-item,
		.js.offcanvas-open .offcanvas-menu .main-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .main-menu .menu-item + .menu-item{
			padding-top: 10px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item.klein + .menu-item.klein,
		#open-navigation:target	.offcanvas-menu .shop-menu .menu-item.klein + .menu-item.klein{
			padding-top: 6px;
		}

		.js.offcanvas-open .offcanvas-menu p + p,
		#open-navigation:target	.offcanvas-menu p + p,
		.js.offcanvas-open .offcanvas-menu .menu-item + .menu-item.abstand,
		#open-navigation:target	.offcanvas-menu .menu-item + .menu-item.abstand{
			padding-top: 20px;
		}

	}
	
	
	@media (min-width: 800px) {
		.js.offcanvas-open .offcanvas-inner,
		#open-navigation:target .offcanvas-inner{
			column-count: 2;
			column-gap: 1px;
			height: auto;
			position: relative;
		}

		.js.offcanvas-open .offcanvas-inner::before,
		#open-navigation:target .offcanvas-inner::before{
			background-color: #141414;
			content: '';
			display: block;
			left: 50%;
			height: 100%;
			position: absolute;
			top: 0;
			width: 1px;
		}
		.js.offcanvas-open .offcanvas-inner > *,
		#open-navigation:target .offcanvas-inner > *{
			break-inside: avoid;
			display: inline-block;
			width: 100%;
		}

		.js.offcanvas-open .offcanvas-inner > :nth-child(1),
		#open-navigation:target .offcanvas-inner > :nth-child(1){
			break-after: avoid-column;
			/* legacy/webkit-ish */
			-webkit-column-break-after: avoid;
			column-break-after: avoid;
		}

		.js.offcanvas-open .offcanvas-inner > :nth-child(3),
		#open-navigation:target .offcanvas-inner > :nth-child(3){
			break-before: column;
			/* Safari/older support: */
			-webkit-column-break-before: always;
			column-break-before: always;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper,
		#open-navigation:target .offcanvas-menu .main-menu-wrapper{
			border-top: none;
			text-align: center;
		}

		.js.offcanvas-open .offcanvas-menu .lang-menu,
		#open-navigation:target	.offcanvas-menu .lang-menu,
		.js.offcanvas-open .offcanvas-menu .user-menu,
		#open-navigation:target	.offcanvas-menu .user-menu,
		.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
		#open-navigation:target	.offcanvas-menu .shop-menu-wrapper,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu,
		.js.offcanvas-open .offcanvas-menu .misc-menu-bottom .shop-menu,
		#open-navigation:target	.offcanvas-menu .misc-menu-bottom .shop-menu,
		.js.offcanvas-open .offcanvas-menu .close-navi-wrapper,
		#open-navigation:target	.offcanvas-menu .close-navi-wrapper{
			padding-left: 20px;
			padding-right: 20px;
		}

		.js.offcanvas-open .offcanvas-menu .lang-menu,
		#open-navigation:target .offcanvas-menu .lang-menu{
			padding-bottom: 16px;
			padding-top: 16px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .shop-menu .menu-item + .menu-item{
			padding-top: 16px;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu,
		#open-navigation:target	.offcanvas-menu .main-menu{
			padding-top: 30px;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .main-menu .menu-item + .menu-item{
			margin-top: 20px;
			padding-top: 20px;
			position: relative;
		}
		
		.js.offcanvas-open .offcanvas-menu .main-menu .menu-item + .menu-item::before,
		#open-navigation:target	.offcanvas-menu .main-menu .menu-item + .menu-item::before{
			border-top: solid 1px #323232;
			content: '';
			display: block;
			left: 50%;
			max-width: 80px;
			position: absolute;
			top: 0;
			transform: translateX(-50%);
			width: 20%;
		}

		.js.offcanvas-open .offcanvas-menu p + p,
		#open-navigation:target	.offcanvas-menu p + p,
		.js.offcanvas-open .offcanvas-menu .menu-item + .menu-item.abstand,
		#open-navigation:target	.offcanvas-menu .menu-item + .menu-item.abstand{
			padding-top: 22px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item.klein + .menu-item.klein,
		#open-navigation:target	.offcanvas-menu .shop-menu .menu-item.klein + .menu-item.klein{
			padding-top: 8px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .sub-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .shop-menu .sub-menu .menu-item + .menu-item{
			padding-top: 10px;
		}

		.js.offcanvas-open .offcanvas-menu .menu-item .sub-menu,
		#open-navigation:target	.offcanvas-menu .menu-item .sub-menu{
			padding-top: 20px;
		}

		.js.offcanvas-open .offcanvas-menu .menu-item a,
		#open-navigation:target	.offcanvas-menu .menu-item a,
		.js.offcanvas-open .offcanvas-menu .cart-contents .amount,
		#open-navigation:target	.offcanvas-menu .cart-contents .amount{
			font-size: 24px;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle,
		.js.offcanvas-open .offcanvas-menu .language-link,
		#open-navigation:target	.offcanvas-menu .language-link,
		.js.offcanvas-open .offcanvas-menu .menu-item .sub-menu a,
		#open-navigation:target	.offcanvas-menu .menu-item .sub-menu a{
			font-size: 20px;
		}


		.js.offcanvas-open .offcanvas-menu .close.navi-toggle::before,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle::before{
			height: .74rem;
			margin-top: 11px;
			margin-left: 4px;
			width: .64rem;
		}

	}

	@media (min-width: 1200px) {
		.js.offcanvas-open .offcanvas-menu,
		#open-navigation:target .offcanvas-menu{
			padding: 30px 20px 0 10px;
		}
		.js.offcanvas-open .offcanvas-inner,
		#open-navigation:target .offcanvas-inner{
			columns: auto;
			column-gap: 0;
			position: relative;
			*zoom: 1;
		}
		.js.offcanvas-open .offcanvas-inner::before,
		#open-navigation:target .offcanvas-inner::before{
			content: " ";
			display: table;
		}
		.js.offcanvas-open .offcanvas-inner::after,
		#open-navigation:target .offcanvas-inner::after{
			clear: both;
			content: " ";
			display: table;
		}

		.js.offcanvas-open .offcanvas-inner > *,
		#open-navigation:target .offcanvas-inner > *{
			display: block;
			float: left;
			width: 33%;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper,
		#open-navigation:target .offcanvas-menu .main-menu-wrapper{
			border-bottom: 0;
			width: 34%;
		}
		
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper,
		#open-navigation:target .offcanvas-menu .main-menu-wrapper,
		.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
		#open-navigation:target .offcanvas-menu .shop-menu-wrapper{
			border-right: solid #323232 1px;
			height: 100%;
			min-height: 100vh;
		}

		.js.offcanvas-open .misc-menu-top,
		#open-navigation:target .misc-menu-top{
			float: right;
		}
		.js.offcanvas-open .misc-menu-bottom,
		#open-navigation:target .misc-menu-bottom{
			float: right;
		}

		.js.offcanvas-open .offcanvas-inner::before,
		#open-navigation:target .offcanvas-inner::before{
			display: none;
		}

		.js.offcanvas-open .offcanvas-menu .menu-item .logout-link,
		#open-navigation:target	.offcanvas-menu .menu-item .logout-link,
		.js.offcanvas-open .offcanvas-menu .menu-item .login-link,
		#open-navigation:target	.offcanvas-menu .menu-item .login-link{
			margin-bottom: 2px;
		}

		.js.offcanvas-open .offcanvas-menu .menu-item .logout-link,
		#open-navigation:target	.offcanvas-menu .menu-item .logout-link,
		.js.offcanvas-open .offcanvas-menu .menu-item.klein a,
		#open-navigation:target	.offcanvas-menu .menu-item.klein a,
		.js.offcanvas-open .offcanvas-menu .menu-item .login-link,
		#open-navigation:target	.offcanvas-menu .menu-item .login-link,
		.js.offcanvas-open .offcanvas-menu .lang-menu-title,
		#open-navigation:target	.offcanvas-menu .lang-menu-title,
		.js.offcanvas-open .offcanvas-menu .woocommerce-Price-currencySymbol,
		#open-navigation:target	.offcanvas-menu .woocommerce-Price-currencySymbol{
			font-size: 80%;
		}

		.js.offcanvas-open .offcanvas-menu .lang-menu-title,
		#open-navigation:target	.offcanvas-menu .lang-menu-title,
		.js.offcanvas-open .offcanvas-menu .language-link,
		#open-navigation:target	.offcanvas-menu .language-link{
			margin-right: 24px;
		}

		.js.offcanvas-open .offcanvas-menu .close-navi-wrapper,
	#open-navigation:target	.offcanvas-menu .close-navi-wrapper,
		.js.offcanvas-open .offcanvas-menu .lang-menu,
		#open-navigation:target .offcanvas-menu .lang-menu{
			padding-bottom: 20px;
			padding-top: 20px;
		}

		.js.offcanvas-open .offcanvas-menu .user-menu,
		#open-navigation:target	.offcanvas-menu .user-menu{
			padding-bottom: 30px;
			padding-top: 40px;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title{
			font-size: 1.8em;
		}

	}

	@media (min-width: 1200px) and (min-height: 800px) {
		.js.offcanvas-open .offcanvas-inner,
		#open-navigation:target .offcanvas-inner{
			height: 100%;
		}
		.js.offcanvas-open .offcanvas-menu,
		#open-navigation:target .offcanvas-menu{
			padding-bottom: 30px;
		}
		.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper .shop-menu,
		#open-navigation:target .offcanvas-menu .shop-menu-wrapper .shop-menu{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
	}

	@media (min-width: 1400px){
		.js.offcanvas-open .offcanvas-inner,
		#open-navigation:target .offcanvas-inner{
			margin-left: auto;
			margin-right: auto;
			width: 1400px;
		}
	}

	@media (min-width: 1400px) and (min-height: 800px) {
		.js.offcanvas-open .offcanvas-menu .lang-menu,
		#open-navigation:target	.offcanvas-menu .lang-menu,
		.js.offcanvas-open .offcanvas-menu .user-menu,
		#open-navigation:target	.offcanvas-menu .user-menu,
		.js.offcanvas-open .offcanvas-menu .shop-menu-wrapper,
		#open-navigation:target	.offcanvas-menu .shop-menu-wrapper,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .aktions-link-wrapper,
		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu,
		.js.offcanvas-open .offcanvas-menu .misc-menu-bottom .shop-menu,
		#open-navigation:target	.offcanvas-menu .misc-menu-bottom .shop-menu,
		.js.offcanvas-open .offcanvas-menu .close-navi-wrapper,
		#open-navigation:target	.offcanvas-menu .close-navi-wrapper{
			padding-left: 40px;
			padding-right: 40px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .shop-menu .menu-item + .menu-item{
			padding-top: 18px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .menu-item.klein + .menu-item.klein,
		#open-navigation:target	.offcanvas-menu .shop-menu .menu-item.klein + .menu-item.klein{
			padding-top: 10px;
		}

		.js.offcanvas-open .offcanvas-menu p + p,
		#open-navigation:target	.offcanvas-menu p + p,
		.js.offcanvas-open .offcanvas-menu .menu-item + .menu-item.abstand,
		#open-navigation:target	.offcanvas-menu .menu-item + .menu-item.abstand{
			padding-top: 24px;
		}

		.js.offcanvas-open .offcanvas-menu .shop-menu .sub-menu .menu-item + .menu-item,
		#open-navigation:target	.offcanvas-menu .shop-menu .sub-menu .menu-item + .menu-item{
			padding-top: 10px;
		}

		.js.offcanvas-open .offcanvas-menu .menu-item .sub-menu,
		#open-navigation:target	.offcanvas-menu .menu-item .sub-menu{
			padding-top: 20px;
		}

		.js.offcanvas-open .offcanvas-menu .menu-item a,
		#open-navigation:target	.offcanvas-menu .menu-item a,
		.js.offcanvas-open .offcanvas-menu .cart-contents .amount,
		#open-navigation:target	.offcanvas-menu .cart-contents .amount{
			font-size: 28px;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle,
		.js.offcanvas-open .offcanvas-menu .language-link,
		#open-navigation:target	.offcanvas-menu .language-link,
		.js.offcanvas-open .offcanvas-menu .menu-item .sub-menu a,
		#open-navigation:target	.offcanvas-menu .menu-item .sub-menu a{
			font-size: 22px;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle{
			padding-left: 30px;
		}

		.js.offcanvas-open .offcanvas-menu .close.navi-toggle::before,
		#open-navigation:target	.offcanvas-menu .close.navi-toggle::before{
			height: .8rem;
			margin-top: 12px;
			margin-left: 2px;
			width: .7rem;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu-wrapper .main-menu-title,
		#open-navigation:target	.offcanvas-menu .main-menu-wrapper .main-menu-title{
			font-size: 2em;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu, #open-navigation:target .offcanvas-menu .main-menu{
			padding-top: 40px;
		}

		.js.offcanvas-open .offcanvas-menu .main-menu .menu-item + .menu-item, #open-navigation:target .offcanvas-menu .main-menu .menu-item + .menu-item{
			margin-top: 30px;
			padding-top: 30px;
		}

	}