.kacheln {
	background-color: #FFc;
	width:840px;
	margin: 50px auto;
	display: flex;
	align-items: center;
  	justify-content: center;
	
	
}


.kacheln .bildclipbox {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	height: 290px;
	width: 260px;
	float: left;
	margin: 15px;	
	/*border-bottom: solid 2px;*/
	padding-bottom: 5px;
}

	/*neu positionieren 21.2.18*/
.kacheln .bildclipbox {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	height: 290px;
	width: 260px;
	margin: 15px;	
	/*border-bottom: solid 2px;*/
	padding-bottom: 5px;
}
	/*neu positionieren end*/




.kachelnb .bildclipbox:hover {

-webkit-box-shadow: 0px 0px 5px 5px #CCC;
-moz-box-shadow: 0px 0px 5px 5px #CCC;
box-shadow: 0px 0px 5px 1px #CCC;
}
.kacheln .bildclipbox:hover {

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*#333 0.05em 0.05em 0.1em;*/


.kacheln .bildclipbox p{
	/*text-align:center;*/
	padding-top:10px;

}
.kacheln .bildclipbox:hover p{

	color:#77B73A;
}
.kacheln .bildclip {
	background-color: #FFc;
	height: 260px;
	width: 260px;
	overflow: hidden;
	margin-bottom: 5px;
}


.kacheln .bh {
	height: auto;
	width: 260px;
	position: relative;
	top: -45px;
	
}
.kacheln .bq {
	width: auto;
	height: 260px;
	position: relative;
	left: -45px;
}
.kacheln .bq2 {
	width: 260px;
	height: 260px;
	position: relative;
	left: 0px;
	top: 0px;



}
.galti {margin-left:10px;}
.galti h2 {clear:none;}

@media (min-width: 320px) {
	.kacheln { background-color: green;/**/ width:260px; 	}
	.kacheln .bildclipbox { height: 300px; width: 260px;  margin:5px; }
	.kacheln .bildclip { height: auto; width: 100%; margin:0px;}
	.kacheln .bq2 { width: 100%; height:auto; }
}
@media (min-width: 512px) {
	.kacheln { /*background-color: green;*/ width:480px;}
	.kacheln .bildclipbox { height: 190px; width: 150px;}
	.kacheln .bildclip { height: 150px; width: 150px; }
	.kacheln .bh { width: 150px; top: -30px;}
	.kacheln .bq { height: 150px; left: -30px;}
	.kacheln .bq2 { height: 150px; width: 150px;}

}
@media (min-width: 768px) {
	.kacheln { /*background-color: gold;*/ width:645px;}
	.kacheln .bildclipbox { height: 240px; width: 205px; }
	.kacheln .bildclip { height: 205px; width: 205px; }
	.kacheln .bh { width: 205px; top: -30px;}
	.kacheln .bq { height: 205px; left: -30px;}
	.kacheln .bq2 { height: 205px; width: 205px;}
}
@media (min-width: 992px) {
	.kacheln { /*background-color: red;*/ width:780px;}
	.kacheln .bildclipbox { height: 285px; width: 250px; }
	/*.kacheln .bildclipbox { width: 400px; background-color: red; }
	.kacheln .bildclipbox p {color: blue; }*/
	.kacheln .bildclip { height: 250px; width: 250px; }
	.kacheln .bh { width: 250px; top: -30px;}
	.kacheln .bq { height: 250px; left: -30px;}
	.kacheln .bq2 { height: 250px; width: 250px;}
}
@media (min-width: 1200px) {
	.kacheln { /*background-color: pink;*/ width:780px;}

}


/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) {	
	
	.kacheln {flex-direction: column;}

	
}