.cart_item/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * navigation.css
 *
 * goenningersamen.de
 * navigation styling (add reset.css and navigation.css before and sites.css afterwards)
 *
 * written by wagnerwagner.de
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */


/* Hide Stuff */

header #nav .level_2,
header .toggle_nav_container,
header .dropdowns > div,
header .dropdowns .mobile_only,
header .filter_search{display: none;}

/* Basics */

header{
	width: 100%;
	position: relative;
	z-index: 11;
}

.no-touchevents header{position: absolute;}

.no-touchevents header{

	position: fixed;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    will-change: transform;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -ms-transition: -ms-transform 338ms cubic-bezier(.645,.045,.355,1);
    -o-transition: -o-transform 338ms cubic-bezier(.645,.045,.355,1);
    -moz-transition: -moz-transform 338ms cubic-bezier(.645,.045,.355,1);
    -webkit-transition: -webkit-transform 338ms cubic-bezier(.645,.045,.355,1);
    transition: transform 338ms cubic-bezier(.645,.045,.355,1);

    -ms-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);

}

.no-touchevents header.hidden{
    -ms-transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

header nav,
header #nav ul.level_2,
header .logo_container,
.art_no,
.alphabet{
	padding: 0 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header ul:after{
    content: "";
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    float: none;
    clear: both;
} /* clearfloat */

header li{
    list-style: none;
    float: left;
}

header li > span,
header li > a,
header .toggle_nav_container a,
header .logo_container a{
	display: block;
	padding: 0 16px;
    position: relative;
    /* Font-Stuff */
    font-style: normal;
    text-decoration: none;
    border: none;
}

/* Logo */

header .logo_container{
    top: 0;
    left: 0;
    position: absolute;
	z-index: 19;
}

header .logo_container a{
	width: 214px;
    height: 64px;
    line-height: 64px;
    display: inline-block;
}

header .logo_container img{
    margin: -4px 0 0 0;
    height: 34px;
    width: auto;
    display: inline;
    vertical-align: middle;
}

/* NAVIGATION RIGHT (SEACRH / MEMBER / SHOP) */

header .shop_navigation{
	height: 64px;
    display: block;
	background: #99CC66;
	position: relative;
}

header .shop_navigation .mod_customnav{
    top: 0;
    right: 0;
    position: absolute;
	z-index: 18;
}

header .shop_navigation .mod_customnav ul li a{
    height: 88px;
	line-height: 88px;
}

header .shop_navigation .mod_customnav ul li:first-child,
header .shop_navigation .mod_customnav ul li.first{
	float: none;
	overflow: hidden;
	opacity: 0;
}

header .shop_navigation .mod_customnav ul li:first-child a,
header .shop_navigation .mod_customnav ul li.first a{
    height: 64px;
	line-height: 64px;
}

header .shop_navigation .mod_customnav ul li:last-child span:last-child{margin: 0 0 0 4px;}

header .shop_navigation .mod_customnav .mod_form{
    min-width: 460px;
    height: 64px;
	top:0;
	right: 0;
	position: absolute;
	padding: 0 16px;
}

header .shop_navigation .mod_customnav .mod_form form{float: right;}

header .shop_navigation .mod_customnav .mod_form .formbody > div{float: left;}

header .shop_navigation .mod_customnav .mod_form .formbody > div:first-child,
header .shop_navigation .mod_customnav .mod_form .formbody > div.first{padding: 0 16px 0 0;}

header .shop_navigation .mod_customnav .mod_form .formbody input{height: 64px;}

header .shop_navigation .mod_customnav .mod_form .formbody .search_input input{padding: 0 24px;}

header .shop_navigation .mod_customnav .mod_form .formbody input.submit{
    margin: 0;
    border: none;
    background: none;
}

/* DROPDOWNS */

header .dropdowns > div{
	width: 100%;
	top: 152px;
	position: absolute;
	background: #D4D4D4;
	padding: 40px 32px 48px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
	border-bottom: 8px solid #FEFEFE;
}

header .mod_form form{
	max-width: 650px;
	margin: 0 auto;
}

header .dropdowns > .mod_login > .inner{
	max-width: 1120px;
	margin: 0 auto;
}

header .dropdowns .login_modal{
    float: left;
    width: 50%;
    padding: 16px 0;
    padding-right: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #999;
}

header .dropdowns .personal_modal{
    float: left;
    width: 50%;
    padding: 16px 0;
    padding-right: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header .dropdowns .mod_login form{max-width: 100%;}

header .dropdowns .login_modal .formbody > label{padding: 12px 0 4px;}

header .dropdowns .login_modal .checkbox_container{padding: 12px 0;}

header .dropdowns .login_modal .checkbox_container:after{
    content: "";
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    float: none;
    clear: both;
} /* clearfloat */

header .dropdowns .login_modal .checkbox_container label{
	display: inline-block;
    vertical-align: middle;
}
header .dropdowns .login_modal .checkbox_container input{
	display: inline-block;
    vertical-align: middle;
	margin: 0 0 0 8px;
}

header .dropdowns .register_modal{
	float: left;
    width: 50%;
    padding: 16px 0;
    padding-left: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header .dropdowns .account_navigation_modal{
	float: left;
    width: 50%;
    padding: 16px 0;
    padding-left: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #999;
}

header .dropdowns .personal_modal > div{float: right;}

header .dropdowns .account_navigation_modal li{float: none;}

header .dropdowns .account_navigation_modal li a{
	display: inline-block;
    padding: 0;
	margin: 0 0 0 16px;
	font-style: italic;
    border-bottom: 1px solid #99CC66;
}

header .dropdowns .account_navigation_modal ul{padding: 0 0 12px;}

header p.empty,
header .empty_cart{
    max-width: 1120px;
    margin: 0 auto;
}

header .mod_iso_cart form{
	max-width: 650px;
	margin: 0 auto;
}

@media only screen and (min-width: 861px){

	header .mod_iso_cart form{
		max-height: 55vh;
		overflow: hidden;
		overflow-y: auto;
		padding-left: 56px;
		padding-right: 56px;
	}

}

header .mod_iso_cart .cart_item{
	float: none;
	min-height: 55px;
	border-bottom: 1px solid #999;
}

header .mod_iso_cart > p{display: none;}

header .mod_iso_cart .cart_item table{width:100%;}

header .mod_iso_cart .cart_item tr{width:100%;}

header .mod_iso_cart .cart_item .quantity{
    width: 56px;
    padding: 0 16px 0 0;
}

header .mod_iso_cart .cart_item .quantity input{
	text-align: center;
    width: 56px;
    height: 55px;
}

header .mod_iso_cart .cart_item .info{
	line-height: 56px;
    position: relative;
}

header .mod_iso_cart .cart_item .info > div:first-child,
header .mod_iso_cart .cart_item .info > div.first{
	max-width: calc(100% - 93px);
	display: inline-block;
	float: left;
}

header .mod_iso_cart .cart_item .info > div:last-child{
	display: inline-block;
	float: right;
}

header .mod_iso_cart .cart_item .info .remove_item{
	width: 56px;
	height: 56px;
    line-height: 56px;
    display: block;
    padding: 0 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	right: -56px;
	top: 0;
	position: absolute;
	overflow: hidden;
	font-style: normal;
	border: none;
}

header.updating_cart .mod_iso_cart .cart_item .info .remove_item{display: none;}

header .mod_iso_cart .cart_item .info .remove_item div{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 0 0 4px;
    vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #FCFCFC;
	background: #F8F7F5;
	/* PREPARE ANIMATION */
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	/* Animation */
    -webkit-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
	-ms-transition: -ms-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	-o-transition: -o-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	-moz-transition: -moz-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
  	-webkit-transition: -webkit-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	transition: transform 120ms cubic-bezier(.36,1.01,.32,1.24);
}

header .mod_iso_cart .cart_item .info .remove_item:hover div{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

header .mod_iso_cart .cart_item .info .remove_item img{
	width: 8px;
	height: 8px;
	display: block;
	padding: 5px;
}

header .mod_iso_cart .cart_item:first-child,
header .mod_iso_cart .cart_item.first{
	border-top: 1px solid transparent;
	margin-top: -1px;
}

header .mod_iso_cart .delete_hover:first-child,
header .mod_iso_cart .delete_hover.first,
header .mod_iso_cart .delete_hover{
	border-bottom: 1px solid #FF5E54;
	margin-top: -1px;
    border-top: 1px solid #FF5E54;
	background: url(../ui/diagonal_lines_red.png) repeat;
}
header .mod_iso_cart .delete_hover a{border: none;}

header .mod_iso_cart .sum_up_cart > span{
	display: block;
	text-align: right;
}

header .mod_iso_cart .sum_up_cart > span:first-child,
header .mod_iso_cart .sum_up_cart > span.first{padding: 24px 0 0 0;}

header .mod_iso_cart .sum_up_cart > span:last-child{
	font-style: italic;
	max-width: 100%;
	padding: 0 0 16px 0;
}

header .mod_iso_cart .submit_container{
	position: relative;
	text-align: right;
}

header .mod_iso_cart .button_update{
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	top: -71px;
	left: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	overflow: hidden;
	color: transparent;
	background-color: #FEFEFE;
	background-image: url(../ui/update_cart_icon.svg);
	background-position: center center;
    background-repeat: no-repeat;
	border: none;
	/* PREPARE ANIMATION */
	-webkit-transition-property: -webkit-transform, background-color;
    -moz-transition-property: -moz-transform, background-color;
    -o-transition-property: -o-transform, background-color;
    -ms-transition-property: -ms-transform, background-color;
    transition-property: transform, background-color;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	/* Animation */
	-webkit-animation: spin 864ms linear infinite;
    -moz-animation: spin 864ms linear infinite;
    animation: spin 864ms linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { transform: rotate(360deg); } }

header.updating_cart .dropdowns .mod_iso_cart .button_update{
	background-color: transparent;
	-ms-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	-o-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	-moz-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
  	-webkit-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
    -webkit-animation-play-state: running;
    animation-play-state: running;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
}

header .mod_iso_cart .button_update:hover{
	color: transparent !important;
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
}

header .mod_iso_cart .button_checkout{
	float: right;
}

header .mod_iso_cart .button_cart{display: none;}

header .dropdowns .product_list{
    width: 102%;
    margin: 0 -1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header .dropdowns .product_list:after{
    content: "";
    width: 1px;
    height: 1px;
    display: block;
	margin: 0 -1px -1px 0;
    float: none;
    clear: both;
}

header .dropdowns .product_list > div:first-child,
header .dropdowns .product_list > div.first{margin: 0 0 0 1%;}

header .dropdowns .product_list .product{
	float: left;
    width: 31.25%;
    margin: 0 1%;
    display: block;
}

/* MAIN NAV */

#nav{
	position: relative;
	background: #FEFEFE;
	background: #FDFEFC url("../ui/white_noise.png") top center repeat;
    border-bottom: 1px solid #D4D4D4;
}

#nav:before{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background: #FFFFFF;
}

#nav:after{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    top: 86px;
    left: 0;
    position: absolute;
    z-index: 6;
    background: #FFFFFF;
}

#nav ul.level_1 > li > a,
#nav ul.level_1 > li > span{
	height: 88px;
	line-height: 88px;
}

#nav ul.level_2{
	width: 100%;
	top: 89px;
	left: 0;
	position: absolute;
	z-index: -1;
	background: #E3E3E3;
	border-bottom: 1px solid #D4D4D4;
}

header #nav ul.level_2:before{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(254,254,254,0.125);
}

#nav .trail > ul.level_2,
#nav .active > ul.level_2,
#nav .trail > .filter_search,
#nav .active > .filter_search{display: block;}

#nav ul.level_2 > li > a,
#nav ul.level_2 > li > span{
	height: 58px;
	line-height: 58px;
	display: block;
}

#nav ul.level_2 > li a[href^="katalog.html"]:before{
	content:"";
	width: 28px;
    height: 48px;
    display: block;
	margin: 2px 16px 0 0;
    float: left;
   	background: url(../ui/sprite_shop_icons.svg) no-repeat;
   	background-position: 0 -2px;
}

#nav ul.level_2 > li a[href^="register.html"]:before{
	content:"";
	width: 28px;
    height: 48px;
    display: block;
	margin: 2px 16px 0 0;
    float: left;
   	background: url(../ui/sprite_shop_icons.svg) no-repeat;
   	background-position: -28px -2px;
}

#nav ul.level_2 > li a[href^="produktliste.html"]:before{
	content:"";
	width: 28px;
    height: 48px;
    display: block;
	margin: 2px 16px 0 0;
    float: left;
   	background: url(../ui/sprite_shop_icons.svg) no-repeat;
   	background-position: -56px -2px;
}

/**
 * ------------------------------------------
 * Animation
 * ------------------------------------------
 */

/* HOVER-DOTS */

header .level_1 > li > a .small_hover_dot{
	background: url(../ui/sprite_navigation.svg) no-repeat;
   	background-position: top left;
	width: 8px;
   	height: 8px;
   	display: inline-block;
	top: 15px;
   	left: 50%;
	position: absolute;
	margin: 0 0 0 -4px;
	/* PREPARE ANIMATION */
	will-change: auto;
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
	-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    transition-property: transform, opacity;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
   	/* SPEED & TIMING */
	-webkit-transition: -webkit-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	-ms-transition: -ms-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	-o-transition: -o-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	-moz-transition: -moz-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	transition: transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
   	/* VALUES TO ANIMATE */
   	opacity: 0;
   -webkit-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   -ms-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
}

/* no-touch only (Hover-Animation)! */
.no-touchevents header:hover .level_1 > li > a .small_hover_dot{will-change: transform, opacity;}

header .mod_customnav .level_1 > li > a .small_hover_dot{background-position: center top;}

.visible_search header .mod_customnav .level_1 > li.first > a .small_hover_dot,
.visible_login header .mod_customnav .level_1 > li:nth-child(2) > a .small_hover_dot,
.visible_bag header .mod_customnav .level_1 > li.last > a .small_hover_dot{background-position: center bottom;}

@media only screen and (min-width: 901px){
    header li.jump_link > a > .small_hover_dot{background-position: left bottom !important;}
}

header .level_1 > li.active > a .small_hover_dot,
header .level_1 > li.active > span .small_hover_dot,
header .level_1 > li.trail > a .small_hover_dot,
header .level_1 > li.trail > span .small_hover_dot,
.visible_search header .mod_customnav .level_1 > li.first > a .small_hover_dot,
.visible_login header .mod_customnav .level_1 > li:nth-child(2) > a .small_hover_dot,
.visible_bag header .mod_customnav .level_1 > li.last > a .small_hover_dot{
	-webkit-transition: -webkit-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	-ms-transition: -ms-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	-o-transition: -o-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	-moz-transition: -moz-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	transition: transform 462ms cubic-bezier(.36,1.01,.32,1.12);
   	opacity: 1;
	-webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

/* no-touch only (Hover-Animation)! */
.no-touchevents header .level_1 > li > a:hover .small_hover_dot{
   	opacity: 1 !important;
	-webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

/* DROPDOWNS */

header .dropdowns > div{
	display: block;
	overflow: hidden;
	/* PREPARE ANIMATION */
	will-change: auto;
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
   	/* SPEED & TIMING */
   -webkit-transition: -webkit-transform 324ms cubic-bezier(.645,.045,.355,1);
   -moz-transition: -moz-transform 324ms cubic-bezier(.645,.045,.355,1);
   -o-transition: -o-transform 324ms cubic-bezier(.645,.045,.355,1);
   transition: transform 324ms cubic-bezier(.645,.045,.355,1);
	/* VALUES TO ANIMATE */
   -webkit-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
   -ms-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
	transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
}

header .dropdowns > div:after{
	content: "";
	width: 200%;
	height: 8px;
	display: block;
	left: 0;
	bottom: -8px;
	position: absolute;
	background: #FEFEFE;
	border-top: 1px solid rgba(0,0,0,0.2);
}

header .dropdowns > div.will_change{will-change: transform;}

.visible_search header .dropdowns > .mod_form,
.visible_login header .dropdowns > .mod_login,
.visible_bag header .dropdowns > .mod_iso_cart{
	-webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
 	box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
}

#header .dropdowns > div > form,
#header .dropdowns > div > div{
	/* PREPARE ANIMATION */
	will-change: auto;
	-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    transition-property: transform, opacity;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
	/* SPEED & TIMING */
   	-ms-transition: -ms-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
   	-o-transition: -o-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
   	-moz-transition: -moz-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
   	-webkit-transition: -webkit-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
	transition: transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
	/* VALUES TO ANIMATE */
   	opacity: 0;
   	-webkit-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
   	-moz-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
   	-ms-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
   	-o-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
	transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
}

#header .dropdowns > div.will_change > form,
#header .dropdowns > div.will_change > .inner{will-change: transform, opacity;}

.visible_search #header .mod_form > form,
.visible_login #header .mod_login > div,
.visible_bag #header .mod_iso_cart > div,
.visible_bag #header .mod_iso_cart > form{
	opacity: 1;
	-webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.cart_notification{
	color: #FFFFFF;
	top: 0;
	right: 0;
  	left: 0;
	position: fixed;
	z-index: 2001;
	padding: 40px 0 16px;
	margin: -24px 0 0;
	display: block;
	text-align: center;
  	overflow: hidden;
	-webkit-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-moz-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-ms-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-o-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	background: rgb(103,154,52);
}

.cart_notification.active_notification{
	-webkit-transform: translateY(0);
  	-moz-transform: translateY(0);
  	-ms-transform: translateY(0);
  	-o-transform: translateY(0);
  	transform: translateY(0);
}

/**
 * ------------------------------------------
 * Responsive
 * ------------------------------------------
 */

/* ADAPT NAVIGATION */

@media only screen and (max-width: 1000px){

	header nav,
	header #nav ul.level_2,
    header .logo_container figure{padding: 0 12px;}

    .art_no,
    .alphabet{padding: 0 8px;}

    header li > a,
    header li > span,
    header .logo_container a,
	header .shop_navigation .mod_customnav .mod_form{padding: 0 12px;}

	header .dropdowns > div{padding: 32px 24px 40px;}

    header .mod_iso_cart > form{
       padding: 0 60px 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

	header .dropdowns .product_list .product{width: 48%;}

	header .dropdowns .product_list .product_0{display: none;}

    header .shop_navigation .mod_customnav .mod_form .formbody > div:first-child,
    header .shop_navigation .mod_customnav .mod_form .formbody > div.first{padding: 0 12px 0 0;}

}

@media only screen and (min-width: 901px){

	header #nav ul.level_2{
		display: none !important;
	}

	header.blognavigation #nav .magazin_links ul.level_2{
		display: block !important;
	}

}

@media only screen and (max-width: 900px){
	/*
	.level_2 a[href="katalog.html"]{display: none !important;}
	*/
}

/* SWITCH TO MOBILE NAVIGATION */

@media only screen and (max-width: 860px){

	.no-touchevents header{position: relative;}

    header nav,
	header #nav ul.level_2,
    .art_no,
    .alphabet{padding: 0;}

	header li > a,
	header li > span,
	header .logo_container a,
	header .toggle_nav_container a{padding: 0 16px;}

	header .logo_container{
        padding: 0;
        position: relative;
        border-bottom: 1px solid #D4D4D4;
    }

    header .logo_container a{
        height: 79px;
        text-align: center;
    	display: block;
	}

	header .logo_container img{margin: 8px 0 0 0;}

    header .shop_navigation{
        height: 60px;
        background: #E3E3E3;
        position: inherit;
    }

    header .shop_navigation:before{
		content: "";
		width: 100%;
		height: 60px;
		background: #E3E3E3;
		top: 80px;
		left: 0;
		position: absolute;
		z-index: 98;
	}

	header .shop_navigation .toggle_nav_container{
		padding: 0 8px;
        display: block;
        float: left;
		background: #E3E3E3;
		position: relative;
		z-index: 101;
    }

    header .shop_navigation .toggle_nav_container a{
		height: 60px;
		line-height: 60px;
	}

	header .shop_navigation .toggle_nav_container a:before{
		content: "";
		width: 8px;
		height: 8px;
		display: block;
		margin: 25px 16px 25px 0;
		float: left;
        background: url(../ui/sprite_navigation.svg) no-repeat;
   	    background-position: top right;
	}

	header .shop_navigation .toggle_nav_container.actv a:before{background-position: bottom right;}

	header .shop_navigation .mod_customnav{
		top: 80px;
		z-index: 99;
	}

    header .shop_navigation .mod_customnav .mod_form{display: none;}

    header .shop_navigation .mod_customnav ul li:first-child,
    header .shop_navigation .mod_customnav ul li.first{
		float: left;
		opacity: 1;
	}

    header .shop_navigation .mod_customnav ul li:first-child a,
    header .shop_navigation .mod_customnav ul li.first a,
    header .shop_navigation .mod_customnav ul li a{
        height: 60px;
        line-height: 60px;
    }

    header .shop_navigation .mod_customnav ul li:last-child span:last-child{margin: 0 8px 0 4px;}

    header .shop_navigation nav a .small_hover_dot{display: none;}

    header .dropdowns > div{
		padding: 92px 24px 40px;;
		display: none;
		border-bottom: none;
		top: 0;
		position: relative;
	   -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	   -moz-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	   -ms-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	   -o-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
		transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	}

	.visible_search header .dropdowns > .mod_form,
	.visible_login header .dropdowns > .mod_login,
	.visible_bag header .dropdowns > .mod_iso_cart{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
    	box-shadow: none;
	}

	header .dropdowns > div:after{display: none;}
    #header .dropdowns > div > form,
    #header .dropdowns > div > div{
        /* PREPARE ANIMATION */
        will-change: auto;
        /* SPEED & TIMING */
        -ms-transition: -ms-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        -o-transition: -o-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        -moz-transition: -moz-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        -webkit-transition: -webkit-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        transition: transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        /* VALUES TO ANIMATE */
        opacity: 0;
        -webkit-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        -moz-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        -ms-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        -o-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
    }

    header .dropdowns input[value="Suchen"]{
        float: right;
        margin: 12px 0 0;
    }

    #header .dropdowns > div.will_change > form,
    #header .dropdowns > div.will_change > .inner{will-change: transform, opacity;}

    .visible_search #header .mod_form > form,
    .visible_login #header .mod_login > div,
    .visible_bag #header .mod_iso_cart > div{
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    header .dropdowns .login_modal{
		float: none;
		width: 100%;
		padding: 0;
		border-right: none;
	}

	header .dropdowns .register_modal{
		float: none;
		width: 100%;
		padding: 0;
	}

    header .dropdowns .register_modal{padding: 32px 0 0;}

    header .mod_iso_cart form{padding: 0;}

	header .mod_iso_cart .cart_item{
		height: auto;
        min-height: 135px;
        border: none;
	}

	header .mod_iso_cart .cart_item .quantity{padding: 0 16px 60px 0;}

	header .mod_iso_cart .cart_item .info{
        line-height: 30px;
        padding: 15px 0 32px 0;
    }

    header .mod_iso_cart .cart_item .info > div:first-child,
    header .mod_iso_cart .cart_item .info > div.first{font-weight: bold;}

	header .mod_iso_cart .cart_item .info > div:first-child,
	header .mod_iso_cart .cart_item .info > div.first,
	header .mod_iso_cart .cart_item .info > div:last-child{
		display: block;
		float: none;
	}

	header .mod_iso_cart .cart_item .info .remove_item{
		right: auto;
    	left: -76px;
    	top: 60px;
	}

    header .mod_iso_cart .sum_up_cart{border-top: 1px solid #999999;}

    header .dropdowns .product_list{
		width: 100%;
		margin: 0;
	}

	header .dropdowns .product_list .product{
		float: none;
		width: 100%;
		margin: 0;
	}

    header #nav{
        display: none;
        height: auto;
		position: relative;
		border-bottom: 8px solid #E3E3E3;
    }

	#nav:before,
    #nav:after{display: none;}

    header #nav li{float: none;}

    header #nav ul.level_1 li > a,
    header #nav ul.level_2 li > span{
        border-top: 1px solid #D4D4D4;
        height: 59px;
        line-height: 59px;
    }

    header #nav a .small_hover_dot,
    header #nav ul.level_2 span .small_hover_dot{
        background: url(../ui/sprite_navigation.svg) no-repeat;
   	    background-position: top left;
        width: 8px;
   	    height: 8px;
   	    display: block;
		position: relative;
        float: left;
        margin: 25px 16px 25px 8px;
		/* reset hover-stuff */
		left: 0;
		top: 0;
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
    }

	header #nav ul.level_2{
		top: 0;
		position: relative;
    	z-index: inherit;
		display: none;
	}

	header #nav a[href="katalog.html"] + ul.level_2 .small_hover_dot{
		display: none !important;
	}

    header #nav ul.level_2 span .small_hover_dot,
    header #nav ul.level_2 a .small_hover_dot{
   	    background-position: top left;
        margin: 25px 16px 25px 32px;
    }

	header #nav li.submenu > a .small_hover_dot{background-position: top center;}

    header #nav li.submenu > a span:nth-child(2):after{
        content: "";
        background: url(../ui/sprite_navigation.svg) no-repeat;
   	    background-position: top right;
        width: 8px;
        height: 8px;
        display: block;
        margin: 25px;
        text-align: center;
        top: 0;
        right: 0;
        position: absolute;
        z-index: 8;
    }

	header #nav li.submenu > a.trail span:nth-child(2):after,
	header #nav li.submenu > a.active span:nth-child(2):after,
	header #nav li.submenu > a.actv span:nth-child(2):after{background-position: bottom right;}

    header #nav li.submenu > a:after{
        content: "";
        background: #F0F0F0;
        width: 60px;
        height: 60px;
        display: block;
        top: 0;
        right: 0;
        position: absolute;
    }

	header #nav li.submenu:nth-child(2) > a .small_hover_dot{background-position:top left;}

	header #nav li.submenu:nth-child(2) > a:after{display:none;}

	header #nav li.submenu:nth-child(2) > a span:nth-child(2):after{display:none;}

	header #nav li.submenu:nth-child(2) ul.level_2{display: none !important;}

	header #nav ul.level_2 li{background: #F0F0F0;}

}

/* ADAPT NAVIGATION */

@media only screen and (max-width: 650px){

    header .dropdowns .login_modal .mobile_only{
		padding: 24px 0 0;
		display: inline-block;
	}

    header .dropdowns .register_modal{display: none;}

    header .dropdowns .personal_modal{
		float: none;
        text-align: center;
		width: 100%;
		padding: 0;
	}

    header .dropdowns .personal_modal > div{float: none;}

	header .dropdowns .account_navigation_modal{
		float: none;
        text-align: center;
		width: 100%;
		padding: 0;
		border-left: none;
	}

    header .dropdowns .account_navigation_modal li{display: inline-block;}

    header .dropdowns .account_navigation_modal input{margin:0 auto;}

    header .dropdowns .mod_iso_cart .empty_cart .product_list{display: none;}
    header .dropdowns .mod_iso_cart .empty_cart .mobile_only{display: block;}

    header .logo_container a{margin: 0 auto;}
}

/* ADAPT NAVIGATION */

@media only screen and (max-width: 500px){

    header .shop_navigation .toggle_nav_container {padding: 0;}

    header .toggle_nav_container a{padding-right: 40px;}

    header .shop_navigation .mod_customnav ul{
        height: 60px;
        overflow: hidden;
    }

    header .shop_navigation .mod_customnav ul li{
        width: 60px;
        overflow: hidden;
		position: relative;
    }

    header .shop_navigation .mod_customnav ul li:last-child{width: auto;}

    header .shop_navigation .mod_customnav ul li:last-child a{display: inline-block;}

    header .shop_navigation .mod_customnav ul li:last-child span{
        float: left;
		height: 60px;
        top: 0;
		position: relative;
    }

    header .shop_navigation .mod_customnav ul li:last-child span:first-child,
    header .shop_navigation .mod_customnav ul li:last-child span.first{height: 0;}

    header .shop_navigation .mod_customnav ul li:last-child span:nth-child(2){
        width: 60px;
        overflow: hidden;
    }

    header .shop_navigation .mod_customnav ul li.last{background: #99CC66;}

    header .shop_navigation .mod_customnav ul li:first-child a:after,
    header .shop_navigation .mod_customnav ul li.first a:after,
	header .shop_navigation .mod_customnav ul li:nth-child(2) a:after,
	header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after{
		content: "";
		text-align: center;
		width: 60px;
		height: 60px;
		display: block;
        background: #99CC66 url(../ui/sprite_mobile_icons.svg) no-repeat;
		top: 0;
		left: 0;
		position: absolute;
	}

    header .shop_navigation pre{display:none;}

    .visible_search header .shop_navigation .mod_customnav ul li:first-child a:after,
    .visible_search header .shop_navigation .mod_customnav ul li.first a:after,
	.visible_login header .shop_navigation .mod_customnav ul li:nth-child(2) a:after,
	.visible_bag header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after{background: #D4D4D4 url(../ui/sprite_mobile_icons.svg) no-repeat}

    .visible_bag header .shop_navigation .mod_customnav ul li.last{background: #D4D4D4;}

    header .shop_navigation .mod_customnav ul li a{padding: 0;}

    .visible_search header .shop_navigation .mod_customnav ul li:first-child a:after,
    .visible_search header .shop_navigation .mod_customnav ul li.first a:after,
    header .shop_navigation .mod_customnav ul li:first-child a:after,
    header .shop_navigation .mod_customnav ul li.first a:after{background-position: top left;}

	.visible_login header .shop_navigation .mod_customnav ul li:nth-child(2) a:after,
	header .shop_navigation .mod_customnav ul li:nth-child(2) a:after{background-position: top center;}

    .visible_bag header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after,
	header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after{background-position: top right;}

    header .shop_navigation .mod_customnav ul li:last-child span:last-child{
        font-size: 20px;
        color: #FFFFFF;
        -moz-font-feature-settings: "onum=0, tnum=0, zero=0, kern=0, liga=0";
        -moz-font-feature-settings: "onum" 0, "tnum" 0, "zero" 0, "kern" 0, "liga" 0;
        -webkit-font-feature-settings: "onum" 0, "tnum" 0, "zero" 0, "kern" 0, "liga" 0;
        font-feature-settings: "onum" 0, "tnum" 0, "zero" 0, "kern" 0, "liga" 0;
        line-height: 61px;
        margin: 0 16px 0 -8px;
    }

    header .dropdowns > div{padding: 84px 16px 32px;}

	header #nav a .small_hover_dot{margin: 25px 16px 25px 0;}

    header #nav ul.level_2 a .small_hover_dot{margin: 25px 16px 25px 24px;}

}

/* ADAPT NAVIGATION */

@media only screen and (max-width: 324px){

	header .logo_container{
		padding-bottom: 60px;
	}

    header .shop_navigation{
		height: 60px;
		background: #99CC66;
        text-align: center;
	}

    header .shop_navigation:before{background: #99CC66;}

    header .shop_navigation .toggle_nav_container{
        width: 100%;
        height: 60px;
		text-align: center;
    }

	header .shop_navigation .toggle_nav_container a{padding-right: 0;}

    header .shop_navigation .toggle_nav_container a:before{
		top: 50%;
		left: 50%;
		position: absolute;
		margin: -4px 0 0 -58px;
	}

    header .shop_navigation .mod_customnav{width: 100%;}

    header .shop_navigation .mod_customnav ul.level_1{display: inline-block;}

    header .dropdowns > div{padding: 24px 16px 32px;}

}

/* BIG-SCREEN-NAVIGATION */

@media only screen and (min-width: 1625px){

    header nav,
	header #nav ul.level_2,
    .art_no,
    .alphabet{
		padding: 0 32px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

    #nav{
		width: 100%;
		display: inline-block;
    	top: 0;
    	position: absolute;
		background: transparent;
	}

	header .shop_navigation{
    	height: 88px;
		background: #FEFEFE;
	}

	header .logo_container{
		left: 50%;
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	header .logo_container img{
		margin: 0;
		padding: 24px 0 26px;
	}

	header .shop_navigation .mod_customnav .mod_form{display: none;}

    header .shop_navigation .mod_customnav ul li:first-child,
    header .shop_navigation .mod_customnav ul li.first{
		float: left;
		text-align: left;
		opacity: 1;
	}

	header .shop_navigation .mod_customnav ul li:first-child a,
	header .shop_navigation .mod_customnav ul li.first a{
		height: 88px;
		line-height: 88px;
		display: block;
	}

	header .dropdowns > div{
		top: 89px;
		padding: 56px 48px 64px;
	}

	header .mod_form .search_input input{
		padding-right: 108px;
	}

	header .mod_form .submit_container{
		display: inline-block;
		top: 0;
		right: 0;
		position: absolute;
	}

	header .mod_form .submit_container input{
		margin: 0;
		height: 48px;
		line-height: 48px;
		border-radius: 0;
	}

}