.mainproducts {
	background: #d9d9d9;
	text-align: center;
	
	
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}


.grey {
	background: #d9d9d9;
}
.blue {
	background: #025493;
}


.flexcontainerproducts {
	background: #d9d9d9;
	display: -ms-flexbox;
	display: flex;
    max-width: 100%;
    padding: 0rem;
	justify-content: center;
	-ms-flex-direction: row;
	flex-direction: row;
/* row, row-reverse, column, column-reverse */
	flex-wrap: wrap;
/* nowrap, wrap, wrap-reverse */
	flex-flow: row wrap;	 
  }
  
 .mainproductslist {
	display: -ms-flexbox;
	display: flex;
    max-width: 100%;
    padding: 0rem;
	justify-content: center;
	-ms-flex-direction: row;
	flex-direction: row;
/* row, row-reverse, column, column-reverse */
	flex-wrap: nowrap;
/* nowrap, wrap, wrap-reverse */
	flex-flow: row wrap;
	padding: 6px;
	color: #fff;
} 


.productslist {
	background: #025493;
	text-align: center;	
	flex: 0 1 300px;
	padding: .6em;
	border: 1px solid #fff;
		 
  }
  
.productslist:nth-of-type(1) {
border-bottom: none;
  }


.productslist3row {
	text-align: center;	
	flex: 0 1 300px;
	padding: .6em;
	border: 1px solid #fff;	 
  }
.productslist3row:nth-of-type(1) {
border-bottom: none;
  }

.productslist3row:nth-of-type(2) {
border-bottom: none;
  }

@media screen and (min-width:612px) {
	.productslist:nth-of-type(1) {
		border-bottom: 1px solid #fff;
		border-right: none;
  		}
	.productslist3row:nth-of-type(1) {
		border-bottom: 1px solid #fff;
		border-right: none;
  		}
	.productslist3row:nth-of-type(2) {
		border-bottom: 1px solid #fff;
  		}
	.productslist3row:nth-of-type(3) {
		border-top: none;
  		}

}
@media screen and (min-width:912px) {
	.productslist3row:nth-of-type(2) {
		border-right: none;
  		}
	.productslist3row:nth-of-type(3) {
		border-top: 1px solid #fff;
  		}

}





.abstand {
	padding-bottom: 20px;
    }


  
.productslistheader {
	font-weight: 800;
  }
  
  
  
.flexcontainerproducts .pro_header {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #8d9fc8;
	text-decoration: none;
	margin: 1.2rem;
	text-align: center;
	flex: 0 1 250px;
	}
	
	
.pro_header h4 {
		font-weight: 300;
	    margin-bottom: 0px;
}	
	
.pro_header p {
	    font-size: .6em;
	    margin-top: 0px;
}
.pro_header:hover {
		color: #00a6e4;
}
	
.active p {
		color: #025493;	
	    font-weight: 600;
}
.active h4 {
		color: #025493;
	    font-weight: 600;
}
	
	
.flexcontainerproducts .thumb { 
    background: #fff;
	border: 1px solid #000;
	text-decoration:none;
	border-radius:2px;
	height: 250px;
	width: 250px;
	padding: 0rem; 
    margin: 1.2rem;
	padding-top: 0em;

	flex: 0 1 250px;
	/* 0%, */
	padding: 10px;
  }
 	


.thumb p {
	font-size: .8em;
	color: #025493;
	margin-top: 0px;
	margin-bottom: 0px;

	}


.thumb h3 {
	margin-top: 0px;
	margin-bottom: 0px;

	text-transform: uppercase;
	font-size: .8em;
	color: #025493;
}


.thumb div {
	color: #00a6e3;
	font-size: .8em;
	text-decoration: none;

}


.thumb:hover {
	background-color: #00a6e3;
}
.thumb:hover p {
	color: #fff;
}
.thumb:hover h3 {
	color: #fff;
}
.thumb:hover div {
	color: #fff;
}



.pfeil_links {
	position: absolute;
	left: 4px;
	top: 50%;
	background-image: url(../images/arrow_left.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 30px;
	}

.pfeil_rechts {
	position: absolute;
	right: 4px;
	top: 50%;
	background-image: url(../images/arrow_right.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 30px;
	}
	
.pr_head {
	font-size: 1em;
	padding-bottom: 1em;
	}		
main article div div{
	background-image: url(../images/arrow_right.svg);
	background-position: 9px center;
	background-repeat: no-repeat;
	background-size: 70% 70%;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	}
.flexcontainerproducts article:hover { 
	background-color: #2aafea;
  } 
	
		
.test4 {
	height: 100%;
	width: 100%;
	}
.test4 div {
	
	}	
.pro_head {
	text-transform: uppercase;
	text-decoration:none;
	font-size: 1.4em;
	font-weight: 500;
	color: #fff; 
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	}
	
	
	
	
	
	
	









	
.containereinzelansicht {
	
	}	
	
.einzelansichtbild {
	border: 1px solid #C00;
	height: 600px;
	width: 150px;
	background-image: url(../images/Effervescent_Tablets_Mockup_1B_368_1476.png);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	position: absolute;
	top: -100px;
	left: 20%;
	z-index:3;
	}	
	
.einzelansichttext {
	border: 1px solid #C00;
	}