/* CSS Document */

.flex-container {
	display: -webkit-flex;
	display: flex;
	width: auto;
	height: 100%;
	justify-content: center;
	margin-top:0%;
	padding-right: 40px;
	padding-left: 40px;
	justify-content: space-around;
	flex-wrap: wrap;
	padding-top: 4%;
}
.flex-container a:hover{
 opacity: 0.7;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
.flex-item {
	background-color: #F6F6F6;
	width:280px;
	height: 220px;
	min-width:160px;
	align-items: center;
	border: 4px solid #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;

}
.box1 {
	position: relative;
	background-image:url(../images/Startseite/box1.jpg)
	}
 .box2 {
	 position: relative;
	background-image:url(../images/Startseite/waterfall-224027.jpg)
	}
 .box3 {
	 position: relative;
	background-image:url(../images/Startseite/box3.jpg)
	}
   .box1 span, .box2 span, .box3 span {
	background-color: silver;
	background-color: hsla(0,0%,100%,0.7);
    position: absolute;
	bottom: 0px;
	width: 100%;
	line-height: 2em;
	height: 20%;
	font-size: 1.2em;
	color: #585858;
	vertical-align: middle;
	padding-top: 4px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing: 0.2em;
	text-align: center;
	
	}
.banner p .abstand {
	padding-left: 2%;
}
 
/* Tabletts */
@media only screen and (max-width: 920px) {
.flex-container {
	display: -webkit-flex;
    flex-direction: column;
	align-items: center;
justify-content: center;
padding-right: 0px;
	padding-left: 0px;
}
.flex-item  {
margin-bottom:20px;
}
.box1 {
	background-image:url(../images/Startseite/box1.jpg)
	}
 .box2 {
	background-image:url(../images/Startseite/waterfall-224027.jpg)
	}
 .box3 {
	background-image:url(../images/Startseite/box3.jpg)
	}
 }
 @media only screen and (max-width: 720px) {
.flex-container {
	display: -webkit-flex;
    flex-direction: column;
	align-items: center;
justify-content: center;
padding-right: 0px;
	padding-left: 0px;
}
.flex-item {
	
}

 }