@import url("./webfonts.css");

body{
	font-family:'myfont_book', sans-serif;
	font-weight:normal;
	font-size:13px;
	line-height:21px;
	min-width: 1152px;
}
strong,b{
	font-weight:normal;
	font-family: 'myfont_bold', sans-serif;
}
table{
	width:100%;
}
th{
	font-family:'myfont_book', sans-serif;
	font-weight:normal;
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin:0;
}
h1{
	font-family:'myfont_light', sans-serif;
	font-size:22px;
	line-height:28px;
	margin-bottom: 4px !important;
}
h2{
	font-family:'myfont_light', sans-serif;
	font-size:22px;
	line-height:28px;
	margin-bottom: 4px !important;
}
h3{
	font-family:'myfont_bold', sans-serif;
	font-size:13px;
	line-height:23px;
}
h4{
	font-family:'myfont_bold', sans-serif;
	font-size:13px;
	line-height:23px;
}
h5{
	font-family: 'myfont_bold', sans-serif;
	font-size:13px;
	line-height:23px;
	text-transform:uppercase;
	color:hsla(0, 50%, 40%, 1);
}

.productInfo h3{
	font-family: 'myfont_bold', sans-serif;
	font-size: 13px;
	line-height: 23px;
	clear: both;
}

nav ul, header ul, footer ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
p{
	margin:0;
}
hr{
	clear:both;
	margin: 34px 0;
	border: 0;
	height: 1px;
	background: #dbdbdb;
}
hr.productDetailSubline {
	margin: 5px 0;
}

.productInfoAdditionalText1,
.productInfoAdditionalText2 {
	margin-bottom: 5px;
}
input, textarea, a.button{
	display:block;
	border:1px solid #dbdbdb;
	border-radius:4px;
	padding: 4px 8px 4px 8px;
	margin-bottom:16px;
	font-family:'myfont_light';
	font-size:14px;
	line-height:22px;
}
a.button{
	display:inline-block;
}
button{
	padding:0;
}
h1 a{
	font-size:13px;
	font-family:'myfont_book';
}
select{
	padding: 4px 8px 4px 8px;	
	margin-bottom:10px;
	font-family:'myfont_light';
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], textarea, select{
	width: 100%;
	box-sizing: border-box;
}
.formInputGroup{
	margin-bottom:10px;
}
input[type="number"]{
	-moz-appearance:textfield;
}
input[type=button], input[type=submit], a.button{
	color:#fff;
	border:0;
	border-radius:4px;
	padding: 5px 16px;
	font-family:'myfont_light';
	text-decoration: none;
	letter-spacing:0.05em;
	text-transform:uppercase;
	-webkit-transition:background 1s;
	transition: background 1s;
	background: #A92434; /* ie9 does not get hsla nor gradient */
	background: -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover {
	color:#fff;
	-webkit-transition:background 0.5s;
	transition: background 0.5s;
	background: #00ff00; /* ie9 does not get hsla nor gradient */
	background: -webkit-linear-gradient(top, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
	background: linear-gradient(to bottom, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
}
input[type=button].small, input[type=submit].small, a.button.small{
	letter-spacing:0;
	padding: 3px 14px;
}
input[type=checkbox],input[type=radio]{
	display: none;
}
input[type=checkbox]+label, input[type=radio]+label{
	position:relative;
	display: block;
	margin:6px 0;
	padding-left:24px;
	cursor:pointer;
	-webkit-transition:color 0.5s;
	transition: color 0.5s;
}
input[type=checkbox]+label:hover, input[type=radio]+label:hover{
	color:hsla(353, 65%, 50%, 1);
	-webkit-transition:color 0.25s;
	transition: color 0.25s;
}
input[type=checkbox]+label:before, input[type=radio]+label:before{
	content:"";
	display:inline-block;
	position:absolute;
	left: 0px;
	top: 1px;
	border-radius:4px;
	border:1px solid #dbdbdb;
	width:16px;
	height:16px;
}
input[type=checkbox]:checked+label:before, input[type=radio]:checked+label:before{
	content:"";
	display:inline-block;
	border:0px solid hsla(0, 50%, 40%, 1);
	background: url("../img/icons.svg") #A92434; /* ie9 does not get hsla nor gradient */
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background-position: -39px -522px;
	width:18px;
	height:18px;
}
input[type=radio]+label:before{
	border-radius:18px;
}
input[type=radio]:checked+label:before{
	background-position: -39px -540px;
}
fieldset{
	border:0;
	margin:0;
	padding:0;
	margin-bottom: 40px;
	clear:both;
}
a{
	color:hsla(0, 50%, 40%, 1);
	-webkit-transition:color 0.5s;
	transition: color 0.5s;
}
a:hover{
	color:hsla(353, 65%, 50%, 1);
	-webkit-transition:color 0.25s;
	transition: color 0.25s;
}
figure{
	margin:0;
}

@media only screen and (min-width : 1200px) {
	body{
		/*background-color:#dfdfdf;*/
		/*background-image: url("../img/bg.jpg");*/
		/*background-size: cover;*/
		/*background-attachment: fixed;*/
		/*background-repeat: no-repeat;*/
	}
	/* start-boxed
	body #mainMenu{
		border-radius:4px;
		width:1170px;
	}
	end-boxed */
}

header{
	
}
#metaMenu{

}
#metaMenu ul{
	display:inline-block;
	margin-bottom:4px;
}
#metaMenu ul:nth-of-type(even){
	float:right;
	margin-right:0;
}
#metaMenu ul li{
	display:inline-block;
	padding-right:10px;
}
#metaMenu ul li:last-child{
	padding-right:0;
}
#metaMenu ul li a{
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#metaMenu ul li a.active{
	font-family:'myfont_bold';
}
#metaMenu .productSearchAutocomplete li{
	display:block;
}
#header.scrolling #metaMenu{
	
}

#header{
	position:absolute;
	z-index:80;
	left:0;
	right:0;
	width: 1104px;
	height: 126px;
	margin:auto;
	padding: 0 24px;
	background:#fff;
	opacity:1;
	top: -70px;
	margin-top:70px;
}
/* start-boxed
#header{
	box-shadow: 0px -1px 5px 0px hsla(0, 0%, 0%, 0.2);
}
end-boxed */
#header:after{
	position:fixed;
	top:inherit;
	content:"";
	z-index:10;
	left:0;
	width:100%;
	height: 68px;
	background:rgba(255,255,255,0.97);
	display:none;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
#header.scrolling{
	position:fixed;
	/*overflow:hidden;*/
	height: 74px;
	background:none;
	top:-6px;
	margin-top:0px;
	-webkit-transition:top 1s ease;
	transition: top 1s ease;
	box-shadow: none;
}
/* laesst die overflowing buttons beim scrollen verschwinden. */
#header.scrolling .account > a:nth-child(3){
	display: none;	
}
#header.scrolling .account > a:nth-child(4){
	display: none;	
}
#header.scrolling .basket > a:nth-child(4){
	display: none;
}
/*#header.scrolling .search #metaMenu ul:first-child {
	display: none;
}*/
#header.scrolling .search #metaMenu ul {
	display: none;
}
#header.scrolling:after{
	display:block;
}
#header.scrolling .logo{
	height: 47px;
	top: 13px;
	background:url("../img/logo_small.svg") no-repeat center;
	background-size: contain;
}
#header.scrolling .logo img{
	display:none;
}
#header.scrolling .search{
	top: 13px;
}
#header.scrolling .basket, #header.scrolling .account{
	top: 16px;
}
#header .logo{
	position: absolute;
	z-index: 50;
	height: 100px;
	top: 12px;
	width: 198px;
}
#header .logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.noShopLogo{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
#header .logo img{
	position:absolute;
	max-width:100%;
	max-height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
}
#header .search{
	position:absolute;
	z-index: 50;
	left:298px;	
	width: 244px;
	top:30px;
}
#header .search input[type=search], #header .search input[type=text]{ /* type=text beacause of ie9 */
	display:inline-block;
	margin-top:6px;
	margin-bottom: 6px;
	width:208px;
}
#header .search input[type=submit]{
	float:right;
	display:inline-block;
	margin-top:6px;
	margin-bottom: 6px;
	color:rgba(255,255,255,0);
	background: url("../img/icons.svg") #A92434; /* ie9 does not get hsla nor gradient */
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background-position: -32px -288px;
	width:32px;
	height:32px;
}
#header .search input[type=submit]:hover{
	background: url("../img/icons.svg") #00ff00; /* ie9 does not get hsla nor gradient */
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
	background-position: -32px -288px;
}
#header .basket{
	position:absolute;
	z-index: 50;
	width: 174px;
	left:642px;
	top:30px;
}
#header .basket a{
	font-size:12px;
}
#header .basket>a:first-child{
	display:block;
	font-size:14px;
	position:relative;
	padding-left:20px;
	color:hsla(0, 50%, 40%, 1);
	text-decoration:none;
	text-transform:uppercase;
}
#header .basket>a:first-child:hover {
	color:hsla(353, 65%, 50%, 1);
	-webkit-transition:color 0.25s;
	transition: color 0.25s;
}
#header .basket>a:first-child:before{
	content: "";
	display: block;
	position: absolute;
	top: -9px;
	left: -9px;
	width: 32px;
	height: 32px;
	background-image: url("../img/icons.svg");
	background-position: -64px -94px;
}
#header .basket>a:first-child:hover:before {
	fill:hsla(353, 65%, 50%, 1);
	-webkit-transition:color 0.25s;
	transition: color 0.25s;
}
#header .basket>span:nth-child(2){
	display:block;
	float:left;
}
#header.scrolling .basket>span:nth-child(2){
	margin-bottom:20px;
}

#header .basket>span:nth-child(3){
	display:block;
	float:right;
}
#header .basket>a:nth-child(4){
	clear:both;
	display:block;
}

#header .account{
	position:absolute;
	z-index: 50;
	width:198px;
	left: 932px;
	top:30px;
}
#header .account a{
	font-size:12px;
}
#header .account>a:first-child{
	display:block;
	font-size:14px;
	position: relative;
	padding-left:18px;
	color:hsla(0, 50%, 40%, 1);
	text-decoration:none;
	text-transform:uppercase;
}
#header .account>a:first-child:hover {
	color:hsla(353, 65%, 50%, 1);
	-webkit-transition:color 0.25s;
	transition: color 0.25s;
}
#header .account>a:first-child:before{
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: -11px;
	width: 32px;
	height: 32px;
	background-image: url("../img/icons.svg");
	background-position: -64px -158px;
}
#header .account>span{
	display:block;
}
#header.scrolling .account>span{
	margin-bottom:20px;
}

#header .account>a:nth-child(3){
	display:block;
	float:left;
}
#header .account>a:nth-child(4){
	display:block;
    float: left;
    margin-left: 40px;
}

#mainMenu, #accountMenu{
	position: relative;
	z-index: 60;
	margin:auto;
	margin-top: 126px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	background: #B22119; /* ie9 does not get hsla nor gradient */
	background: -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
}
#mainMenu ul, #accountMenu ul{
	margin:auto;
	padding:10px 24px;
	width:1105px;
}
#mainMenu ul li, #accountMenu ul li{
	display:inline-block;
	padding-right:50px;
	padding-top:4px;
}
#mainMenu ul li a, #accountMenu ul li a{
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:0.0769em;
	text-decoration:none;
	font-family:'myfont_light';
	text-shadow:0px 1px 1px rgba(0,0,0,0.9);
}
#mainMenu ul li a:hover, #accountMenu ul li a:hover{
	color:#fff;
}
/*
header:after{
	content:"";
	position:absolute;
	top:126px;
	height:50px;
	width:100%;
	left:0;
	right:0;
	margin: auto;
	background: linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	z-index:5;
}
body.boxed header:after{
	width: 1152px;
}
*/

main{
	position:relative;
	display:table;
	width: 1104px;
	min-height:400px;
	padding:26px 24px;
	padding-bottom:100px;
	margin:0 auto;
	background:#fff;
}
/* start-boxed
main{
	box-shadow: 0px 1px 5px 0px hsla(0, 0%, 0%, 0.2);
}
end-boxed */

main>div{
	display:table-cell;
	vertical-align:top;
	width:198px;
}
nav.subMenu ul li, nav.categoryMenu ul li, nav.filterMenu ul li{
	border-top:1px solid #dbdbdb;
}
nav.subMenu ul li:last-child, nav.categoryMenu ul li:last-child, nav.filterMenu ul li:last-child{
	border-bottom:1px solid #dbdbdb;
}
nav.subMenu ul li a, nav.categoryMenu ul li a, nav.filterMenu ul li a,
nav.subMenu ul li span, nav.categoryMenu ul li span, nav.filterMenu ul li span {
	cursor:pointer;
	position:relative;
	display:block;
	padding: 12px;
	font-family:'myfont_light';
	font-size:15px;
	color:#000;
	text-decoration:none;
}
nav.subMenu ul li a:hover, nav.categoryMenu ul li a:hover, nav.filterMenu ul li a:hover{
	color:hsla(0, 50%, 40%, 1)
}
nav.categoryMenu ul li span:hover, nav.filterMenu ul li span:hover{
	color:hsla(353, 65%, 50%, 1);
}
nav.categoryMenu ul li.hasCategories>a:before,
nav.filterMenu ul li span:before,
nav.categoryAccordeonMenu ul li.hasCategories>span:before{
	position: absolute;
	top: 42%;
	right: 0px;
	content: "";
	width: 32px;
	height: 9px;
	background: url("../img/icons.svg");
	background-position: -3px -332px;
}
nav.subMenu ul li span, nav.filterMenu ul li span.disabled, nav.filterMenu ul li span.disabled:hover {
	color:#ccc;
	cursor:auto;
}
nav.filterMenu ul li span.disabled:before{
	opacity:0.25;
}
nav.categoryMenu ul li a{
	padding-right: 36px;
	word-break:break-word;
}
nav.categoryMenu ul li ul li a{
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-size:14px;
}
nav.categoryMenu ul li ul li ul li a{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size:13px;
}
nav.categoryMenu ul li ul li ul li ul li a{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 10px;
	font-size:12px;
}
nav.categoryMenu ul li ul {
	margin-bottom:46px;
	margin-left: 0.8em;
}
nav.categoryMenu ul li ul li ul {
	margin-bottom:32px;
}
nav.categoryMenu ul li ul li ul li ul{
	border-top:1px solid #dbdbdb;
	padding-top:4px;
	margin-bottom:16px;
}
nav.categoryMenu ul li ul li ul li ul li{
	border-top:0;
}
nav.categoryMenu ul li ul li ul li ul li:last-child{
	border-bottom:0;
}
nav.filterMenu ul li ul li{
	padding-left:12px;
	border:0;
}
nav.filterMenu ul li ul li label{
	word-break:break-all;
}
nav.filterMenu ul li ul{
	overflow: auto;
    max-height: 206px;
}
nav.filterMenu ul li input{
	width: 100%;
	margin:12px 0;
}
nav.filterMenu ul li ul li:first-child {
    margin-top: 16px;
}
nav.filterMenu ul li span+ul li:first-child {
	 margin-top: 0;
}
nav.filterMenu ul li ul li:last-child{
	border-bottom:0;
	margin-bottom: 16px;
}
nav.subMenu, nav.filterMenu, nav.categoryMenu, nav.categoryAccordeonMenu{
	margin-bottom:45px;
	min-height:45px;
}

main>section{
	display:table-cell;
	vertical-align:top;
	padding:0 36px;
}
main>aside{
	display:table-cell;
	vertical-align:top;
	width:198px;
}
main>aside article{
	clear:both;
	border-top:1px solid #dbdbdb;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size:12px;
	line-height:18px;
}
main>aside>article ul{
	padding-left: 15px;
}

main>aside article:last-child{
	border-bottom:1px solid #dbdbdb;
}
main>aside h2{
	font-size: 16px;
	line-height: 22px;
	font-family: 'myfont_light', sans-serif;
}
main>aside h3{
	font-size: 16px;
	line-height: 22px;
	font-family: 'myfont_light', sans-serif;
}
main>aside h4{
	font-size:12px;
	line-height: 18px;
}
main h1, main h2{
	margin-bottom: 0.7em;
}
main p{
	margin-bottom: 1em;
}
main img{
	width:100%;
	margin-top: 0em;
	margin-bottom: 1em;
}
main table.table, main table.tableLines{
	margin-bottom: 40px;
}
main table.tableLines td, main table.tableLines th{
	border: 1px solid #dbdbdb;
	padding: 10px;
}
main table.table th, main table.tableLines th{
	font-family:'myfont_bold', sans-serif;
}

footer{
	margin:auto;
	font-size:12px;
	line-height:18px;
	padding:24px 0;
	color:#555;
	background: #dbdbdb; /* ie9 does not get hsla nor gradient */
	background:-webkit-linear-gradient(top, hsla(0, 0%, 93%, 1) , hsla(0, 0%, 97%, 1));
	background:linear-gradient(to bottom, hsla(0, 0%, 93%, 1) , hsla(0, 0%, 97%, 1));
	box-shadow: inset 0px 11px 5px -10px hsla(0, 0%, 0%, 0.2);
}
/* start-boxed
footer{
	box-shadow: 0px 1px 5px 0px hsla(0, 0%, 0%, 0.2);
}
end-boxed */
footer>div{
	width: 1104px;
	padding: 0 24px;
	margin:auto;
	display:table;
}
footer>div>div{
	display:table-cell;
	vertical-align:top;
}
footer>div>div:nth-child(1){
	width: 232px;
}
footer>div>div:nth-child(2){
	width: 232px;
}
footer>div>div:nth-child(3){
	padding-right:66px;
}
footer>div>div:nth-child(4){
	position:relative;
	width:198px;
}
footer>div>div:nth-child(4) img{
	width:100%;
}
footer span.footerCopyright{
	position:absolute;
	bottom:0;
}
footer>div>div>ul{
	float:left;
	width:33%;
	margin-bottom:18px;
}
footer>div>div>ul:nth-child(3){
	padding-right:0;
}
footer>div>div>ul:nth-child(4){
	clear:both;
	margin-bottom:0;
}
footer>div>div>ul:nth-child(5){
	margin-bottom:0;
}
footer>div>div>ul:nth-child(6){
	margin-bottom:0;
	padding-right:0;
}
footer ul a{
	color:#555;
	text-decoration:none;
}
footer a.footerFacebook{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	border-radius: 4px;
	opacity:0.7;
	background: url("../img/icons.svg") 0px -480px;
}
footer a.footerTwitter{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	border-radius: 4px;
	opacity:0.7;
	background: url("../img/icons.svg") 0px -416px;
}
footer a.footerInstagram{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	border-radius: 4px;
	opacity:0.7;
	background: url("../img/icons.svg") 0px -679px;
}
footer a.footerGooglePlus{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	opacity:0.7;
	border-radius: 4px;
	background: url("../img/icons.svg") 0px -448px;
}
footer a.footerVivino{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	opacity:0.7;
	border-radius: 4px;
	background: url("../img/icons.svg") 0px -576px;
}
footer a.footerLinkedin{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	opacity:0.7;
	border-radius: 4px;
	background: url("../img/icons.svg") 0px -711px;
}
footer a.footerYoutube{
	display:inline-block;
	font-size:0;
	margin-top:21px;
	margin-right:8px;
	width:32px;
	height:32px;
	opacity:0.7;
	border-radius: 4px;
	background: url("../img/icons.svg") 0px -647px;
}
/* start-boxed
footer{
	width:1152px;
}
end-boxed */
.twoColumn{
	width:calc(50% - 12px);
	margin-left:0;
	margin-right:12px;
	float:left;
	clear:none;
}
.twoColumn+.twoColumn{
	margin-right:0;	
	margin-left:12px;
}
.twoColumnContainer_50-50, .twoColumnContainer_30-70, .twoColumnContainer_70-30{
	overflow:auto;
}
.twoColumnContainer_30-70 .twoColumn{
	width:calc(30% - 12px);
}
.twoColumnContainer_30-70 .twoColumn+.twoColumn{
	width:calc(70% - 12px);
}
.twoColumnContainer_70-30 .twoColumn{
	width:calc(70% - 12px);
}
.twoColumnContainer_70-30 .twoColumn+.twoColumn{
	width:calc(30% - 12px);
}
.productList{
	padding:0;
}
.productList li{
	display:block;
	float:left;
	width:305px; /* should be 306 but iPad does not get it right */
	margin-bottom:48px;
}
.productList li:nth-child(odd){
	margin-right: 22px;
}

.productList li.full-width-product {
	float: none !important;
	width: 100% !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #7d7d7d;
}

/*display product full length */
li.full-width-product .productInfo:after {
	content: '';
	display: table;
	clear: both;
}

li.full-width-product .productInfoTitle {
	float: left;
	width: 66%;
}

li.full-width-product .productInfo .productInfoBlock {
	position: relative !important;
	float: right;
}

.productList article{
	display:table;
	position:relative;
	width:100%;	
}
.productList article figure{
	height:236px;
	display:table-cell;
	vertical-align:top;
	width:90px;
	padding-right:6px;
	text-align:center;
}
.productList article figure img{
	width:auto;
	max-width: 90px;
	max-height: 236px;
	margin-bottom:0;
}
.productList article section{
	vertical-align:top;
	display:table-cell;
}

.productListHeader{
	height: 32px;
	margin-top: 12px;
	margin-bottom: 40px;
	border-bottom:1px solid #dbdbdb;
}
.productListHeader h2{
	font-size:14px;
	display:inline-block;
}
.productListHeader>div:first-child{
	font-family:'myfont_light';
	float:left;
}
.productListHeader>div:last-child{
	float:right;
}

.productListSorter, .productFilterStatus, .productSearchAutocomplete{
	position: relative;
}
.productFilterStatus, .productSearchAutocomplete {
    position: relative;
}
.productListSorter:hover ul, .productFilterStatus:hover ul{
	display:block;
	max-height:400px;
	-webkit-transition:max-height 1s, opacity 0.5s;
	transition: max-height 1s, opacity 0.5s;
	opacity:1;
}
.productListSorter>div, .productFilterStatus>div{
	position: relative;
	padding-right:24px;
	text-transform:uppercase;
	cursor:pointer;
	z-index:20;
	color:hsla(0, 50%, 40%, 1);
}
.productListSorter>div:after,
.productFilterStatus>div:after{
	position:absolute;
	top:-13px;
	right:-6px;
	content: "";
	width: 32px;
	height: 32px;
	background:url("../img/icons.svg");
	background-position: -64px -312px;
}
.productListSorter ul, .productFilterStatus ul, .productSearchAutocomplete ul{
	max-height:0px;
	opacity:0;
	overflow:hidden;
	position: absolute;
	width: 220px;
	padding: 0;
	padding-top: 32px;
	top: -20px;
	right: -8px;
	list-style-type:none;
	z-index:10;
	background:#f7f7f7;
	border-radius:4px;
	box-shadow:0px 2px 10px rgba(0,0,0,0.2);
	-webkit-transition:max-height 1s, opacity 1.5s;
	transition: max-height 1s, opacity 1.5s;
}
.productSearchAutocomplete ul{
	max-height:none;
	overflow:visible;
	opacity:1;
	top:40px;
	width:100%;
	left:0;
	padding-top:0;
	z-index:20;
}
form.productSearchAutocomplete ul{
	width: calc(100% - 36px);
}
.productSearchAutocomplete ul:before {
	content: " ";
	position: absolute;
	top:-12px;
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #f7f7f7;
	margin:auto;
	left:0;
	right:0;
}
.productSearchAutocomplete ul li:first-child a{
	border-top:0;
}
.productListSorter ul li a, .productFilterStatus ul li a, .productSearchAutocomplete ul li a{
	display:block;
	padding:6px 10px !important;
	font-family:'myfont_light';	
	font-size:13px !important;
	color:inherit;
	text-decoration:none;
	border-top:1px solid #dbdbdb;
}
.productListSorter ul li a:hover, .productFilterStatus ul li a:hover, .productSearchAutocomplete ul li a:hover{
	background:#ffffff;
}
.productFilterStatus{
	display: block;
    padding: 12px 12px 12px 12px;
    border-top: 1px solid #dbdbdb;
}
main .productSearchAutocomplete{
	padding-top: 15px;
    border-top: 1px solid #dbdbdb;
}
.productFilterStatus>div{
	padding-left: 4px;
}
.productFilterStatus>div.inactive{
	color:#dbdbdb;
}
.productFilterStatus>div.inactive:after{
	background:none;
}
.productFilterStatus ul{
	width:calc(100% - 12px);
	left: 6px;
	top: -6px;
	padding-bottom:0 !important;
	overflow:hidden !important;
}
.productFilterStatus ul li, .productSearchAutocomplete ul li{
	padding: 0 !important;
}
.productFilterStatus ul li a{
	position: relative;
	font-size:13px;
	line-height:23px;
}
.productFilterStatus ul li a:after{
	display: block;
	position: absolute;
	right: -1px;
	top: 2px;
	content: "";
	width: 32px;
	height: 32px;
	font-size:13px;
	background: url("../img/icons.svg");
	background-position: 0px -224px;
}
.productFilterStatus ul li:last-child{
	margin-bottom:0 !important;
}
.productFilterStatus ul li:last-child a:after{
	background-position: -64px -224px;
}
.productFilterStatus ul li:last-child a{
	color:hsla(0, 50%, 40%, 1);
}
.productInfo{
	
}
.productInfo .productFlags{
	font-family: 'myfont_bold';
	text-transform:uppercase;
	color:hsla(0, 50%, 40%, 1);
}
.productInfo h2 a{
	color:inherit;
	text-decoration:none;
}
.productInfo h3 a{
	color:inherit;
	text-decoration:none;
}
.productInfo .productSize{
	padding-top:24px;
	float:left;
	font-family: 'myfont_light';
	font-size:20px;
}
.productInfo .productPrice{
	font-family: 'myfont_light';
	font-size:20px;
	line-height:23px;
	text-align:right;
}
.productInfo .productPriceInstead{
	font-family: 'myfont_light';
	font-size:13px;
}
.productInfo .productPriceSale{
	color:hsla(0, 50%, 40%, 1);
}
.productInfo .productPriceCurrency{
	font-size:14px;
}
.productInfo .productPriceHint{
	font-size:12px;
}
.productInfo .productInfoBlock{
	position: absolute;
	bottom:0;
	width:100%;
	min-width:180px;
	max-width:200px;
}
.productInfo .productInfoBlock input[type=submit]{
	float:right;
}
.productInfo form{
	position:relative;
	height:32px;
	margin-top: 8px;
	z-index: 3;
}
.productInfo input[type=number], .productInfo input[type=text] { /* type=text beacause of ie9 */
	width: 47px;
	text-align:center;
	float:left;
}
.productInfo form span{
	display:block;
	font-family: 'myfont_light';
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	float:left;
}
.productInfo .productTableDelete input[type=submit]{
	float:right;
}
.productInfo .submitMessage{
	display:none;
    text-transform: uppercase;
    z-index: 20;
    color: hsla(42, 44%, 54%, 1);
    background: white;
    position: absolute;
    padding-left: 21px;
    width: 85px;
    height: 32px;
    top: -5px;
    right: -7px;
    padding-top: 10px;
}

div.productListLoader{
	font-size:14px;
	padding-top:5px;
	height:66px;
	font-family: 'myfont_light';
	border-top:1px solid #dbdbdb;
	text-align:center;
	clear:both;
}
div.productListLoader a, div.productListLoader span{
	text-decoration:none;
	display:inline-block;
	padding:10px;
}
div.productListLoader button{
	border:none;
	background:none;
	display:inline-block;
	margin:10px;
	color:#A92434;
}
div.productListLoader button.loading, div.loading:before{
	content:"";
	width: 4px;
	height: 4px;
	position:absolute;
	left: 0;
    right: 0;
    margin: auto;
	margin-top: 15px;	
	padding: 10px;
	font-size: 0;
	border-radius:100px;
	border-style: solid;
	border-width: 3px;
	border-color: #fff hsla(0, 50%, 40%, 1);

	-webkit-animation: spin 1s cubic-bezier(0.50, 0.15, 0.50, 0.75) infinite;
	animation: spin 1s cubic-bezier(0.50, 0.15, 0.50, 0.75) infinite;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* iPad */
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

div.loading:before{
	margin-top: 160px;	
}
div.loading{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
    bottom: 0;
	margin: auto;
	background: rgba(255,255,255,0.75);
	z-index: 100;
}

.productDetail{
	display:table;
	width:100%;	
}
.productDetail figure{
	display:table-cell;
	vertical-align:top;
	width:176px;
	padding-right:16px;
	text-align:center;
}
.productDetail figure img{
	width:auto;
	max-width: 146px;
	max-height: 540px;
	margin-bottom:0;
}
.productDetail .productInfo{
	display:table-cell;
}
.productDetail .productInfo .productInfoBlock{
	position:static;
	margin-top:20px;
	margin-right: 20px;
	float: left;
}
.productDetail table{
	margin-top:22px;
	margin-bottom: 22px;
	font-size:12px;
}
.productDetail .additionalInfos {
	width: 49%;
	float: right;
	text-align: left;
	border: 1px solid hsla(0, 50%, 40%, 1);
	margin-top: 22px;
    margin-bottom: 22px;
    z-index: 5;
}
.productDetail .additionalInfos table {
	margin: 0;
}
.productDetail .additionalInfos table td {
	display: block;
    font-family: "myfont_bold";
    font-size: 12px;
    padding-right: 10px !important;
}
.productDetail .additionalInfos table td:nth-child(2) {
    font-size: 16px;
    color: hsla(0, 50%, 40%, 1);
}
.productDetail .additionalInfos table td:empty {
	display: none;
}
.productDetail .additionalInfos h3 {
	color: hsla(0, 50%, 40%, 1);
	font-size: 16px;
}
.productDetail table tr:nth-child(even){
	background:#f9f9f9;
}
.productDetail table tr:nth-child(odd){
	background:#ededed;
}
.productDetail table td{
	padding:4px 10px;
}
.productDetail table td:nth-child(odd){
	font-family:"myfont_bold";
	padding-right:28px;
}
.productDetailHeader{
	height:56px;
}
.productDetailHeader>a:first-child{
	position:relative;
	padding-left:26px;
	float:left;
}
.productDetailHeader>a:first-child:before{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 18px;
	height: 24px;
	background: url("../img/icons.svg");
	background-position: -35px -354px;
}
.productDetailNavigator{
	float:right;
}
.productDetailNavigator a{
	padding:0;
	font-size:0;
	position:relative;
	width:0px;
	height:22px;
	display: inline-block;
	vertical-align:top;
}

.productDetailNavigator a:first-child:before{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 18px;
	height: 24px;
	background: url("../img/icons.svg");
	background-position: -35px -354px;
}
.productDetailNavigator a:last-child:before{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 24px;
	background: url("../img/icons.svg");
	background-position: -33px -387px;
}
.productDetailNavigator span{
	display:inline-block;
	padding:0 10px;
	position:relative;
	top:4px;
}
form.addToWishlist{
	height:auto;
}
input.addToWishlistLink{
	display: inline-block;
	font-size: 12px;
	font-family: "myfont_book", sans-serif;
	color:hsla(0, 50%, 40%, 1);
	-webkit-transition:color 0.5s;
	transition: color 0.5s;
	background: url("../img/icons.svg");
	background-position: -72px -135px;
	text-transform:none;
	text-decoration:underline;
	letter-spacing:0;
	background-position: -69px -66px;
	padding:5px 0 0 25px;
	margin-bottom: 0;
}
input.addToWishlistLink:hover{
	color:hsla(353, 65%, 50%, 1);
	background: url("../img/icons.svg");
	background-position: -69px -66px;
}
.productPDFLink{
	display:inline-block;
	font-size: 12px;
}
.productPDFLink:before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 18px;
	position: relative;
	background: url("../img/icons.svg");
	background-position: -72px -135px;
	top: 3px;
}

.productTeaser{
	display:table;
	width:100%;	
}
.productTeaser figure{
	height:294px;
	display:table-cell;
	vertical-align:top;
	width:124px;
	padding-right:6px;
	text-align:center;
}
.productTeaser figure img{
	width:auto;
	max-width: 100px;
    max-height: 270px;
	margin-bottom:0;
}
.productTeaser .productInfo .productInfoBlock{
	position:relative;
	top: 20px;
}
.productTeaser .productInfo .productInfoBlock form{
	position:relative;
	top: -38px;
	left: 242px;
}
main>aside .productTeaser .productInfo:nth-child(2){
	float:left;
	width:122px;
	margin-top:11px;
}
main>aside .productTeaser figure{
	float:left;
	width:70px;
	height:190px;
	margin-top:11px;
	padding-right: 0;
	padding-left: 6px;
}
main>aside .productTeaser figure img{
	max-width:70px;
	max-height:190px;
}
main>aside .productTeaser .productInfo .productPrice {
    height: auto;
    text-align: left;
    font-size:16px;
}
main>aside .productTeaser .productInfo .productPriceCurrency {
    font-size: 12px;
}
	
.productTable th{
	font-size:12px;
	padding-bottom:4px;
}
.productTable th.productTableSize{
	text-align:center;
}
.productTable th.productTablePrice{
	text-align:right;
}
.productTable th.productTableTotal{
	text-align:right;
}
.productTable td{
	vertical-align: middle;
	padding-bottom:12px;
}
.productTable td.productTableLine{
	border-top:1px solid #dbdbdb;
}
.productTable td.productTableLineDouble{
	border-top:1px double #dbdbdb;
	padding-bottom:4px !important;
	border-bottom:1px double #dbdbdb;
}

.productTable td.productTableImage{
	width:36px;
	padding-right:12px;
}
.productTable td.productTableImage img{
	display: block;
	margin-bottom:0;
}
.productTable td.productTableInfo p a{
	color:#000;
	text-decoration:none;
}
.productTable td.productTableDelete{
	vertical-align: top;
}
.productTable td.productTableDelete input{
	font-size:0px;
	background: url("../img/icons.svg") #A92434; /* ie9 does not get hsla nor gradient */
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background-position: -32px -224px;
	width:32px;
	height:32px;
}

@media only screen and (max-width : 350px) {
	.productTable td.productTableAmount span{
		display:none;
	}
}

.productTable td.productTableAmount{
    min-width: 65px;
}
.productTable td.productTableSize{
	text-align:center;
	width:71px;
}
.productTable td.productTablePrice{
	text-align:right;
	width:72px;	
}
.productTable td.productTableTotal{
	text-align:right;
	width:90px;
}
.productTable td.productTableRowTotal{
	text-align:right;
}

.productTable form{
	height:auto;
}
.productTable input{
	margin-bottom:0;
}

.productTableOverview th.productTableAmount{
    text-align: right;
    padding-right: 32px;
}
.productTableOverview td.productTableAmount{
    text-align: right;
    padding-right: 32px;
	width:72px;	
}
.productTableOverview td.productTableImage {
	width:28px;
}

.ordersTable th.productTableAmount{
    text-align: center;
}
.ordersTable td.productTableAmount{
    text-align: center;	
}
.simpleForm input[type=submit], .simpleForm a.button{
	margin-top:20px;
}
.simpleForm hr ~ input[type=submit], .simpleForm hr ~ a.button{
	margin-top:0;
}
.simpleForm .formDescription{
	font-size: 12px;
}
input.buttonNext, a.buttonNext{
	float:right;
	background: #A92434;
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background-position: right -608px;
    padding-right: 32px;
}
input.buttonNext:hover, a.buttonNext:hover{
	background: #00ff00;
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
	background-position: right -608px;
}
input.buttonBack, a.buttonBack{
	float:left;
	background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
	background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 40%, 1) , hsla(0, 50%, 40%, 1));
    background-position: left -608px;
    padding-left: 32px;
}
input.buttonBack:hover, a.buttonBack:hover{
	background: #00ff00;
    background: url("../img/icons.svg"), -webkit-linear-gradient(top, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
    background: url("../img/icons.svg"), linear-gradient(to bottom, hsla(0, 50%, 50%, 1) , hsla(0, 50%, 50%, 1));
	background-position: left -608px;
}
.simpleForm .g-recaptcha{
	margin-top: 21px;
	margin-bottom: 16px;
}
.simpleFormError {
    color: #ff0000;
    margin-bottom: 20px;
}
.simpleFormError a{
    color: #ff0000;
}
.simpleFormSuccess {
    color: #00aa00;
    margin-bottom: 20px;
}
.simpleForm input + div.simpleFormError, .simpleForm textarea + div.simpleFormError, .simpleForm div.g-recaptcha + div.simpleFormError {
    color: #ff0000;
    margin-bottom: 8px;
    position: relative;
    top: -8px;
}

.slider{
	margin-bottom:16px;
}
.slider .arrowLeft {
    width: 45px;
    height: 100%;
    position: absolute;
    left:0;
    z-index: 30;
    cursor: pointer;
    opacity: 0.3;
    -webkit-transition:left 0.1s ease-in;
    -webkit-transition: all 0.5s ease;
    transition: left 0.1s ease-in;
    transition: all 0.5s ease;
}
.slider .arrowLeft:before{
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    background-image: url("../img/icons.svg");
    background-position: -86px -840px;
    background-size: 1800px;
}
.slider .arrowRight{
	width: 45px;
    height: 100%;
    position: absolute;
    right:0;
    z-index: 30;
    cursor: pointer;
    opacity: 0.3;
    -webkit-transition:left 0.1s ease-in;
    -webkit-transition: all 0.5s ease;
    transition: left 0.1s ease-in;
    transition: all 0.5s ease;
}
.slider .arrowRight:before{
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    background-image: url("../img/icons.svg");
	background-position: -94px -917px;
    background-size: 1800px;
}
.slider .arrowLeft:hover,
.slider .arrowRight:hover {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.slider .slideLinkContainer{
	text-align: center;
	position: absolute;
	z-index: 200;
	bottom: 10px;
	margin: auto;
    left: 0;
    right: 0;
}
.slider .slideLink{
	display:inline-block;
	width:10px;
	height:10px;
	opacity:0.5;
	background:none;
	border:2px solid #fff;
	border-radius:14px;
	margin:0 2px;
	cursor: pointer;
}
.slider .slideLink.active, .slideLink:hover{
	background:#fff;
}
.slider img{
	margin:0;
}
.galleryList{
	list-style-type:none;
	padding:0;
}
.galleryList:after{
	content:"";
	display:block;
	clear:both;
}
.galleryList li{
	float:left;
	display:block;
	position:relative;
    width: calc(33.333% - 12px);
    margin-right: 18px;
    margin-bottom: 18px;
}
.galleryList li:nth-child(3n){
	margin-right:0;
}
.galleryList li img{
	display: block;
	margin-bottom:0;
}
article.dataList{
	display:table;
}
article.dataList img{
	margin:0;	
}
article.dataList>div:nth-child(1){
	display:table-cell;
    padding-right: 24px;
    vertical-align: top;
}
article.dataList>div:nth-child(2){
	display:table-cell;
	vertical-align: top;
	width:416px;
}

/** Trustedshops Reviews **/
.ts-rating-light.skyscraper_vertical{width:198px !important;height:330px !important}
.ts-rating-light.skyscraper_vertical .ts-wrapper{height:300px !important}
.ts-rating-light.skyscraper_vertical .ts-reviews .ts-reviews-list{width:163px !important; height:275px !important}
.ts-rating-light.skyscraper_vertical .ts-reviews .ts-reviews-list li{width:163px !important}


/*BLOG Zusatz - Begin*/


.blogContentWrapper>h3 {
	font-size: 16px;
}

.thinLine {
	border-top: 1px solid #cecece;
	height: 1px;
	clear: both;
		}

.blogArchivList li {
	list-style: none;
}

.blogArchivList li a {
	text-decoration: none;
}

.blogHead h2{
	float: left;
	max-width: 65%;
}

.blogHead h3 {
	float: right;
	color: #898989;
	font-size: 16px;
}

.blogHead p {
	clear: both;
}

.blogLeftContent {
	max-width: 300px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.blogLeftContentDetail {
	max-width: 240px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.blogLeftContent figcaption,
.blogDetailImage figcaption{
	font-style: italic;
}

.blogRightContent {
	float: right;
	width: calc(100% - 320px);
}
.blogRightContentDetail {
	float: right;
	width: calc(100% - 260px);
}

.blogContent .spacer {
	clear: both;
	height: 20px;
}

.blogContent a {
	display: block;
	float: none;
	text-decoration: none;
}

.blogContent .fb_iframe_widget {
	display: inline-block;
	position: relative;
}

.blogContent .fb_iframe_widget span {
	vertical-align: bottom;
	width: 59px;
	height: 40px;
	display: inline-block;
	position: relative;
	text-align: justify
}
/*BLOG Zusatz - End*/

/*video component*/
video, iframe {
	width: 100%;
}

.disabledSetting{
	opacity: 0.4;
}

/*Additional - Staffelpreise*/

.bulkPriceInfoBlock {
	text-align: right;
    display: inline-block;
    float: right;
    width: 40%;
    margin-top: 20px;
}

.bulkPriceInfoBlock > h3 {
	padding: 4px 10px;
}

.bulkPriceInfoBlock .bulkPrices {
	margin-top: 0;
	margin-bottom: 0;
}

/*.bulkPriceInfoBlock .bulkPrices:nth-child(odd) {
	background-color: #f9f9f9;
	padding: 4px 20px;
}

.bulkPriceInfoBlock .bulkPrices:nth-child(even) {
	background-color: #ededed;
	padding: 4px 20px;
}*/


.productDetail > div > div.productInfoBlock > div.productPrice {
	display: block;
    position: relative;
}


.productDetail > div > div.productInfoBlock > form {
	clear: inherit;
}


.productDetail > div > div.productInfoBlock::after {
	content: '';
    display: table;
    clear: both;
}

.productDetail .productInfo .bigMarginTop {
	margin-top: 100px;
}