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


.flex-container {
  align:center;
   width:96%;
   max-width:980px;
   height:auto;
   margin:2.25em auto;
   padding:0em;	
   z-index:-2;
   position: relative;
  display: flex;
  flex-wrap: wrap; /* Standardwert = nowrap */

}

.flex-item {
  flex-basis: 22.5%;
  flex-grow: 1;
  flex-shrink: 1;
/*background:#e1efef;*/
margin: 0.1% 0.2% 0.0% 0.2%;

}
@media screen and (max-width:850px) {
	
.flex-item {
  flex-basis: 30%;
  flex-grow: 1;
  flex-shrink: 1;
margin: 0.15 0.3 0.0 0.3;
}

}
@media screen and (max-width:600px) {
	
.flex-item {
  flex-basis: 45%;
  flex-grow: 1;
  flex-shrink: 1;
margin: 0.25% 0.5% 0.0% 0.5%;
}

}