@charset "utf-8";
/* CSS Document */


/* MODERNIZR FIXES !!!!!!!!!!!!!!! --> erst wenn Javascript diese Aktiviert  */

/* FLEXBOX */

.flexbox-fix 					{ display:block !important; position:relative !important; float:left !important; width:100% !important; padding:0px 0px 0px 0px !important; margin:0px !important; }
.flexitem-fix 					{ display:block !important; float:left !important; position:relative !important; }
/* DREI PROD pro REIHE */
.flexitem-fix.product 			{ width:30% !important; margin:1.5% !important; padding:0px !important; height:450px !important; }
.flexitem-fix.product img 		{ max-height:320px !important; max-width:400px !important; }
.flexitem-fix.product > div 	{ position:absolute; bottom:24px; }
.flexitem-fix.product > div p 		{ display:block; position:relative; float:left; text-align:left; width: 50%;}
.flexitem-fix.product > div span 	{ display:block; position:relative; float:left; text-align:left; width: 35%;}
/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:240px !important; }
.flexitem-fix.image 			{ width:18% !important; position:relative !important; height:180px !important; margin: 30px 1% 30px 1% !important; 
								  padding:0px !important; text-align:center !important; overflow:hidden !important; background-color:rgba(14,14,14,1.00);} 
.flexitem-fix.image img 		{ height:180px !important; width:auto !important; max-height:180px !important; min-height:180px !important; min-width:10px !important; max-width:300px !important;  }

/* SEE.MORE action auf HOME */
main .container #seemore.flexfix 			{ background-color: rgba(239,239,239,0.9); }
main .container.open div#seemore.flexfix 	{ background-image: url(pic/simpleloading.gif); 
								   			  background-position:center; 
								   			  background-repeat:no-repeat;
											  background-color:rgba(255,255,255,1); 
								   			  opacity:1;
											  border-top:1px solid rgba(189,189,189,1.00);
											  overflow:hidden; 
											  color:rgba(255,255,255,0.00) !important }			   
main .container.open.endheight div#seemore.flexfix { display:none; width:0px !important; height:0px !important; padding:0px !important; overflow:hidden !important; }
/* SVG FIX */
.svg.imagefix { background-image:url(pic/logo.png) !important;}

/* CENTER - FIX */
div.tausendvierundzwanzig.centerfix { width:100% !important; max-width:none !important; text-align:center !important;}
/* BG-SVG FIX */
span.shopPrice.bgfix > a {background-position:left !important; background-image: url(pic/tasche-01.png) !important; background-size:30px; display:block !important; }



@media only screen and (max-width: 1280px) {  /* ab hier geht auch der Slider nicht mehr */

.flexitem-fix.product 			{ height:400px !important; }
.flexitem-fix.product img 		{ max-height:280px !important; max-width:360px !important; }

/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:220px !important; }
.flexitem-fix.image 			{ height:160px !important; margin: 30px 1% 30px 1% !important; } 
.flexitem-fix.image img 		{ height:160px !important; 
								  max-height:160px !important; 
								  min-height:160px !important; }


}

@media only screen and (max-width: 1190px) { 
.flexitem-fix.product 			{ height:380px !important; }
.flexitem-fix.product img 		{ max-height:250px !important; max-width:330px !important; }

/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:160px !important; }
.flexitem-fix.image 			{ height:120px !important; margin: 20px 1% 20px 1% !important; } 
.flexitem-fix.image img 		{ height:120px !important; 
								  max-height:120px !important; 
								  min-height:120px !important; }


}

@media only screen and (max-width: 1040px) { 
.flexitem-fix.product 			{ height:320px !important;  }
.flexitem-fix.product img 		{ max-height:200px !important; max-width:300px !important; }


/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:140px !important; }
.flexitem-fix.image 			{ height:100px !important; margin: 20px 1% 20px 1% !important; } 
.flexitem-fix.image img 		{ height:100px !important; 
								  max-height:100px !important; 
								  min-height:100px !important; }

}

@media only screen and (max-width: 975px) { 
.flexitem-fix.product 			{ height:290px !important; }
.flexitem-fix.product img 		{ max-height:170px !important; max-width:250px !important; }


/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:120px !important; }
.flexitem-fix.image 			{ height:80px !important; margin: 20px 1% 20px 1% !important; } 
.flexitem-fix.image img 		{ height:80px !important; 
								  max-height:80px !important; 
								  min-height:80px !important; }
}

@media only screen and (max-width: 820px) { 
.flexitem-fix.product 			{ height:240px !important; }
.flexitem-fix.product img 		{ max-height:140px !important; max-width:200px !important; }
.flexitem-fix.product > div 	{ position:absolute; bottom:12px; } 
}

@media only screen and (max-width: 765px) { 
.flexitem-fix.product 			{ width:97% !important; margin:1.5% !important; padding:0px !important; height:450px !important; background-color: rgba(233,233,233,1.00);}
.flexitem-fix.product img 		{ max-height:320px !important; max-width:490px !important; min-width:120px !important; margin-top:8px;}
.flexitem-fix.product > div p 	{ font-size:140% ;}



/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:105px !important; }
.flexitem-fix.image 			{ height:75px !important; margin: 15px 1% 15px 1% !important; } 
.flexitem-fix.image img 		{ height:75px !important; 
								  max-height:75px !important; 
								  min-height:75px !important; }
}

@media only screen and (max-width: 540px) { 
.flexitem-fix.product 			{ height:400px !important; }
.flexitem-fix.product img 		{ max-height:280px !important; max-width:450px !important; min-width:80px !important;}
.flexitem-fix.product > div p 	{ font-size:140%;}

/* Fünf Bilder pro reihe */
.flexbox-fix.images 			{ height:80px !important; }
.flexitem-fix.image 			{ height:50px !important; margin: 15px 1% 15px 1% !important; } 
.flexitem-fix.image img 		{ height:50px !important; 
								  max-height:50px !important; 
								  min-height:50px !important; }
}


@media only screen and (max-width: 480px) { 
.flexitem-fix.product 			{ height:380px !important; }
.flexitem-fix.product img 		{ max-height:240px !important; max-width:290px !important; min-width:80px !important; margin-top:16px;}
.flexitem-fix.product > div 	{ width:86% !important; margin-left:7% !important; }
.flexitem-fix.product > div p 	{ font-size:120%;}
}