


.kacheln {
	background-color: #FFF;
	width: auto;
	width:840px;
	/**/
	margin: 50px auto;

	
	
}
.kachelnXX .bildclipbox {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	line-height: 18px;
	height: 290px;
	width: 260px;
	float: left;

	-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 {
	font-family: "Old Standard TT",serif;
	font-size: 22px;
	line-height: 35px;
	height: 290px;
	width: 260px;
	float: left;
	margin: 15px;	
	border-bottom: solid 2px;
	padding-bottom: 5px;




}
.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;
}
.kacheln .bildclipbox:hover p{

	color:#990020;
}
.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:300px;}
	.kacheln .bildclipbox { height: 340px; width: 300px;  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 .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;}

}




/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	


}

/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {


/*.kachelnXX .bh { width: 154px; top: -30px;}
.kachelnXX .bq { height: 154px; left: -30px;}
.kachelnXX .bq2 { height: 154px; width: 154px;}
.kachelnXX .bildclip { height: 154px; width: 154px; }

	.kacheln .bildclipbox { height: 165px; width: 130px; }
	.kacheln .bildclip { height: 130px; width: 130px; }
	.kacheln .bh { width: 130px; top: -30px;}
	.kacheln .bq { height: 130px; left: -30px;}
	.kacheln .bq2 { height: 130px; width: 130px;}
*/
}

/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) {	
	
	
	
}



