
.content .bildbox5 {
	background-color: #FFF;
	/*background-color: pink;*/
	width: 100%;
	width: 916px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: 0px;
 	 margin-left: -14px;
 	 
} 
.content .bildbox5 .bildclip {
	position:relative;
	z-index:300;
	/*background-color: #dfdfdf;*/
	height: 214px;
	width: 214px;
	/*
	height: 31%;
	width: 25%;
	*/
	overflow: hidden;
	float: left;
	margin-bottom: 14px;
	margin-left: 14px;

	/*border:solid 1px red;*/
}
.content .bildbox5 .bh {
	margin: 0px;
	height: auto;
	width: 214px;
	/*width: 100%;*/
	position: relative;
	top: -30px;
}
.content .bildbox5 .bq {
	margin: 0px;
	width: auto;
	height: 214px;
	/*height: 100%;*/
	position: relative;
	left: -30px;
	left: -20%;
}
.content .bildbox5 .bq2 {
	margin: 0px;
	width: 214px;
	height: 214px;
	position: relative;
	left: 0px;
	top: 0px;
}
.content .kat4 .bildclip{
	height: 214px;
	height: 254px;
	/*border-top:solid 4px red;*/


}

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


.content .bildbox5 a {
    font-size: 12px;
    line-height: 16px;
}
.content .bildbox5 span {
	background-color: rgba(0,0,0,0.4);
	background-color: rgba(0,0,0,1);
	position:absolute;
	z-index:500;
	bottom:0px;
	left: 0px;
	width: 100%;
   padding:2px 5px;
    display: block;
    font-size: 14px;
    line-height: 16px;
    color:#FFF;
    
}
.content .bildbox5 span {
	height:60px;
		background-color: rgba(255,255,255,1);
		/*position:relative;*/
		bottom:-5px;
		color:#000;
		color:#333;
}
.content .kat4 .bildclip{
	/*border:solid 1px red;*/
    height: 274px;
}
.content .kat4 span {
	height:60px;
	/*bottom:-40px;*/
}
/*
.content .kat4 img {
	margin-bottom:60px;
}
.content .kat4 .bq2 {
    margin-bottom:60px;
}
*/
/* Desktop XLarge 
@media only screen and (min-width: 1536px) and (max-width: 3000px) {

	.content .bildbox5 { width: 1368px; background-color: gold; background-color: #FFF; }


}
*/


/* Desktop large 
@media only screen and (min-width: 1280px) and (max-width: 1535px) {

	.content .bildbox5 {width: 1140px; }

	
}

*/




/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	.content .bildbox5 { background-color: #FFF; width: auto; width: 694px; margin-right: 0px;}
	.content .bildbox5 .bildclip { width: 214px; height: 214px; }
	.content .bildbox5 .bh { width: 214px; top: -33px;}
	.content .bildbox5 .bq { height: 214px; left: -33px;}
	.content .bildbox5 .bq2 { height: 214px; width: 214px;}
	.content .kat4 .bildclip{ /*border:solid 1px blue;*/  height: 274px; }

	/**/
}

/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	
	.content .bildbox5 { background-color: #FFF; width: auto; width: 458px; margin-right: 0px;}
	.content .bildbox5 .bildclip { width: 214px; height: 214px; }
	.content .bildbox5 .bh { width: 214px; top: -33px;}
	.content .bildbox5 .bq { height: 214px; left: -33px;}
	.content .bildbox5 .bq2 { height: 214px; width: 214px;}
	.content .kat4 .bildclip{ /*border:solid 1px green;*/  height: 274px; }
	
/**/
}

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

/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 660px) and (orientation: landscape) {	
	/*
	#hg { background-color: #FFF; width: 100%;}
	#menu, #inhalt, #header, #footer, #nav3, #aktuell {display:none;}
	.content #rechts { margin-top: 0px;width: 100%;}
	.content{ min-height: 100px;width: 100%;}
	.galti {background-color: #red;margin-left:10px;margin-top:0px;float:left;}
	.galti h2{margin-top:0px;}
	.scrollbox2 {
		background-color: #FFF;
		margin-left: 0px;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		height: auto;
	}
	.content .bildbox5  {
		margin-left: 0px;
		width: 20000px;
		height: 310px;
	}
	.content .bildbox5 .bildclip {
		
		width: auto;
		height: 310px;
		overflow: none;
		float: left;
		margin-bottom: 5px;
		margin-left: 5px;
		margin-right: 0px;
	}
		
	.content .bildbox5 .bq, .content .bildbox5 .bh {
		 position: static;
		margin-top: 0px;
		margin-bottom: 0px;
		width: auto;
		height: 310px;
	}
	
*/
	
}

/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) and (orientation:portrait) {	
	.content .bildbox5 { background-color: #FFF;  margin-left: 0px; margin-right: 0px; width: 100%;}

	.content .bildbox5 .bildclip {
		background-color: #FFF; 
		height: auto;
		width: 100%;
		overflow: none;
		float: left;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.content .bildbox5 .bq, .content .bildbox5 .bh, .content .bildbox5 .bq2 {
		 position: static;
		margin-top: 0px;
		margin-bottom: 5px;
		width: 100%;
		height: auto;
	}
	.galti {margin-left:0px;}
	.content .bildclip span, .bildclip div {
		display:block;
		padding:0px 0px 10px 0px;
	}
}
