#innercontentwrp 		{ float:none; width:auto;  padding:0px}

div#sidebar-left { margin: 0 0 0 0; }
#sidebar-left h4 {
	margin: 0 0 0 0;
	border-bottom:none;
	width: 80%;
	padding: 12px 5%;
	background: #96b3b4;
	color: #fef5e0;
}

div#prd-content		{ float:right; width:100%; max-width:1250px; margin:0 0 0 0;position:relative; }
  div#product-wrapper		{ float:right; width:80%;position:relative;margin:0 0 30px 0;  padding:0; }

div#products { 
		float:right;
		width:100%;
		margin:0 0 0 0;
		padding:20px 0;
		box-sizing:border-box;}


	#products UL LI h4 { background:#fff; margin:0 0 0 10px; padding:50px 20px; }

/*--------------------------------------------------------------------------------------------------------------*/
/* Artikel Listenformatierung */
/* Produktliste */


/* Button nach oben */

			.nav_btn {
		 		width: 27px; 
		 		height: 26px;
		 		border:0px none;
		 		vertical-align:middle}


/* -------------------------------------------------------------------------------------------------------------*/

/*OL.articles { overflow:hidden;list-style-type:none;padding:0 0 20px 0 ;margin-right: -15px;
margin-left: -15px; background:none; }*/
OL.articles {
	list-style-type: none;
	padding: 0 0 20px 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: left;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
	
/*-------------------------------------------------------------------------------------------------------------*/
/* -- Artikel Klasse darf nicht umbenannt werden, wegen Microformaten -- */
	/*LI.product {
		 float:left;
		 height:auto; overflow:hidden; position:relative;
		 margin:0 0;
		 box-sizing:border-box;
		 padding: 0 15px;
		 text-align:left;
		 min-height:410px;}*/
		 LI.product {
	float: left;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 1% 4rem;
	box-sizing: border-box;
	padding: 0 0;
	text-align: left;
	width: 23%;
	/* flex-basis: calc(25% - 2rem); */
	/* -webkit-flex-basis: calc(25% - 2rem); */
}
	

	LI.product:HOVER {  }

	span.newproduct {position:absolute; top:5px; left:0px;  z-index:100; width:50px; height:30px; line-height:30px; background:#96b3b4; color:#fff; text-align:center}

		div.article_img	{
			 float:left;
			 width:100%;
			 margin:0 0 10px;
			 overflow:hidden;
			 border:1px solid #ececec;
			 background:#fff;
			 	}
				
				
			div.article_img .photo { box-sizing: border-box;
			width:100%; /*height:0; padding-bottom:80%; background-repeat:no-repeat!important; background-position:center!important;*/}
			.article_img IMG {  position:relative; left:0px; border:0px none; margin:0;  width:100%;   }
	


/* Artikeldarstellung */


	div.art_desc_cont { position:relative; width:100%; float:left; clear:both; margin:0 0;}

		H3.product-name {
			width: 100%;
			overflow: hidden;
			font-size: 1em;
			max-height:48px;
			overflow:hidden;
			font-weight: 300;
			padding: 0;
			color: #e0e0e0;
			font-family: 'Source Sans Pro', sans-serif;	}
			
			.product-name A {color: #555; font-weight:400;}
			a:hover span.fn {}		

			
		div.price_cont { font-weight:700;}
		div.price_cont i {
	float: right;
	color: #818181;
	text-align: right;
	margin: 0 0 0;
	font-size: 1.5em;
	transition: all ease .3s;}
	div.price_cont a:hover i {	color:#96b3b4}
	
			.price_cont span.strike { color: #c0c0c0; text-decoration:line-through; font-size:0.8em;font-weight: 300;/* display:block;width: 100%;*/ }		
			.price_cont small  { font-size:10px; color:#555 }
				
			span.price, 	
			span.price_ad {
					
					font-weight:400;
					font-size: 1.1em;}

		
			span.pred {color:#582612}
			
			div.zusatz {
				float:left;
				width:120px;
				height:50px;
				color:#808080;
				font-size:10px;
				position:relative;top:10px;
				font-style:italic}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/

	.page-items {
		 float:left;
		 text-align:left; 
		 overflow:hidden;
		 position:relative;
		 background:none;

		 line-height:50px;
		 margin:10px 0 0;}
	
	
	.page-items select, .product-sort select, .page-items option {	}


	div#sortwrp { float:right;  position:relative; margin:10px 0 0 10px; }
	div#selpageitems { float:right; position:relative;  margin:10px 0 0 20px; }
	span#sortval { margin:0 220px 0 0; line-height:50px; } 
	span#bgselsort, span#bgselpitems {  border:1px solid #ececec; background:#fff; color:#818181; border-radius:5px;height:50px; line-height:50px;width:180px;  padding:0 15px; display:block;
	position:relative;
	top: 0;
	right: 0;
	float:right;}
	span#bgselsort{ position:absolute}
	
	select#selsort, select#selpitems { position:absolute; background:/* url('../images/dropdown.jpg')  250px 0px no-repeat*/ none; cursor:pointer;  z-index:2;height:50px; line-height:50px;width:210px;  padding:0 15px; top:0; right:0;
	opacity: 0;filter: alpha(opacity = 0); background:#fff; border:none; }
	#sortwrp::before,
	#selpageitems::before {content: "\F078";font: normal normal normal 16px/1 FontAwesome; position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#ececec; color:#fff; padding:5px; border-radius:50%;
	display: block;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease; z-index:1}
	#sortwrp:hover::before,
	#selpageitems:hover::before {background:#96b3b4; color:#fff}
	#selsort option, #selpitems option { padding:0 15px;font-size:0.9em; background:#fff; }

	.totop	 {float:left; margin-top:15px; margin-left:10px}

	#content_hl {	float:left; margin:10px 0 20px;  width:100%; border-bottom:2px solid #ececec; padding:0 0 20px 0; font-size:0.9em;	}
	#content_hl_center { float:left;width:100%;	}

	#content_bl {float:left;width:100%;	}
	#content_bl_center {float:left;width:100%;}




 /*-- Kategoriebeschreibung --*/


	#cat-image	{ float:right;  width:100%; text-align:right; overflow:hidden; margin:0 0 0 0;}
	#cat-image img	{ }

 	div#cat-l {
  			float:left;
  			width:230px;
  			background:; 
  			margin-bottom:20px }

	#cat-l IMG {
			margin-left:20px;
			margin-bottom:15px  }

			
	H2.cat-headline, H2.cat-headline2, #cat-description H2 {}
	H2.cat-headline2	{ color:#fef2d8; background:#96b3b4;font-size:1.4em; margin:0 0 0 0; padding:10px 30px;}
	.cat-headline SPAN { font-weight:normal; }

	#cat-wrapper 	{ float:right; clear:both; position:relative; margin:15px 0 0 0; padding:0 0 0 0;}
	#cat-description H3 { margin:25px 0 15px}
	#cat-description p { margin:10px 0}

	#cat-description {
		 float:left;		 
		 padding: 20px 0;
		 margin:0 0 0 0;}

span.mobileFilter { display:none; }
		 
@media screen and (max-width:1200px) {
	.articles LI.product {margin: 0 2% 3rem;width: 29.333%;}
}

@media screen and (max-width:800px) {
	H2.cat-headline2 { position:relative;}
	span.mobileFilter { display:block; position: absolute; top:8px; right:10px;}
	span.mobileFilter.activeFilter { color:#705D39; }	
	div#sidebar-left  { display:none; }
}
@media screen and (max-width:650px) {	
	div#selpageitems { display:none }	
	#content_hl { padding:0 !important; margin:0 }
	div#sortwrp, div#selpageitems { display:none }
}
@media screen and (max-width:568px) {
.articles LI.product {margin: 0 2% 2rem;width: 46%;}
}