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

/* ////   iPad Landscape  //// */
@media
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)
{  

.flexbox 						{ display:block !important; position:relative !important; float:left !important; width:100% !important; padding:0px 0px 0px 0px !important; margin:0px !important; }
.flexitem 						{ display:block !important; float:left !important; position:relative !important; }
.flexitem.product 				{ width:30% !important; margin:1.5% !important; padding:0px !important; height:450px !important; }
.flexitem.product img 			{ max-height:320px !important; max-width:400px !important; }
.flexitem.product > div 		{ position:absolute !important; bottom:24px; display:block; min-width:2px !important; max-width:2048px !important}
.flexitem.product > div p 		{ display:block; position:relative; float:left; text-align:left; width: 50%;}
.flexitem.product > div span 	{ display:block; position:relative; float:left; text-align:left; width: 35%;}
/* Fünf Bilder pro reihe */
.flexbox.images 				{ height:240px !important; }
.flexitem.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.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 		 			{ background-color: rgba(239,239,239,0.9); }
main .container.open div#seemore 		 	{ 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 { display:none; width:0px !important; height:0px !important; padding:0px !important; overflow:hidden !important; }
/* SVG FIX */
.svg { background-image:url(pic/logo.png) !important;}
/* CENTER - FIX */
div.tausendvierundzwanzig { width:100% !important; max-width:none !important; text-align:center !important;}
/* BG-SVG FIX */
span.shopPrice > a {background-position:left !important; background-image: url(pic/tasche-01.png) !important; background-size:30px; display:block !important; }

.flexitem.product 			{ height:320px !important;  }
.flexitem.product img 		{ max-height:200px !important; max-width:300px !important; }


.flexbox.images 			{ height:70px !important; }
.flexitem.image 			{ height:50px !important; margin: 8px 1% 2px 1% !important; max-width:8% !important; } 
	
div.flexitem.image img 		{ height:51px !important; 
							  max-height:52px !important; 
							  min-height:50px !important; }
	
	

}





@media
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)
{   
.flexitem.product 			{ width:690px !important; margin:0px !important; padding:0px !important; height:800px !important; background-color: rgba(233,233,233,1.00);}
.flexitem.product img 		{ max-height:670px !important; max-width:450px !important; min-width:320px !important; margin-top:8px;}
.flexitem.product > div 	{ width:76% !important; margin-left:12% !important; }
.flexitem.product > div p 	{ font-size:140% ;}


.flexbox.images 			{ height:90px !important; }
.flexitem.image 			{ height:50px !important; margin: 8px 1% 2px 1% !important; max-width:8% !important; } 
	
div.flexitem.image img 		{ height:51px !important; 
							  max-height:52px !important; 
							  min-height:50px !important; }


}