.bildbox5 {
	background-color: #FFc;
	/*
	width: 100%;
	width: 102%;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: 40px;
  	margin-left: -10px;
  	margin-left: -2%;
  	*/
  	
 	width: 70%;
	margin-left: 32%;	 	
  	
  	
  	
  	
} 
.bildbox5 .bildclip {
	position: relative;
	background-color: #dfdfdf;

	width: 31.3333%;
	width: 23%;
	
	width: 160px;
	width: 147px;
	
	overflow: hidden;
	float: left;
	margin-bottom: 1%;
	margin-left: 1%;
}
.bildbox5 .quadrat {
	position: relative;
	margin: 0px;
	height: auto;
	width: 100%;
	z-index:1;
	opacity: 0.2;
/*display:none;*/
}

.bildbox5 .bh {/*Hochformat*/
	
	margin: 0px;
	height: auto;
	width: 100%;
	position:absolute;
	z-index:100;
	top: -30px;
	top: -25%;
	left:0px;
}
.bildbox5 .bq { /*Querformat*/
	margin: 0px;
	width: auto;
	height: 100%;
	position:absolute;
	z-index:100;
	top: 0px;
	left: -30px;
	left: -25%;
}
.bildbox5 .bq2 { /*Quadrat*/
	margin: 0px;
	width: 160px;
	height: 160px;
	
		width: auto;
	height: 100%;
	position:absolute;
	z-index:100;
	left: 0px;
	top: 0px;
}
.bildbox5 h2 {
	width: 100%;
	padding-top:30px;
	padding-left: 10px;
/*border:solid 1px red;*/
	clear:left;

}
.bildbox5 h2:first-child {
	width: 100%;
	padding-top:0px;
	padding-left: 10px;
/*border:solid 1px red;*/
	clear:left;

}





.galti {margin-left:2%;}
.galti h2 {clear:none;}


/* Desktop XLarge */
@media only screen and (min-width: 1536px) and (max-width: 3000px) {
	.bildbox5 { background-color: #FFF;}

}



/* Desktop large */
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
	
	.bildbox5 { background-color: #FFF;}

	
}






/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.bildbox5 { background-color: #ccF; width: auto; margin-right: 0px;}


}

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

.bildbox5 { background-color: #cFF;  margin-left: 0px; margin-right: 0px;}

}

/* 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;}*/
	#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;
	}
	.bildbox5  {
		margin-left: 0px;
		width: 20000px;
		height: 310px;
	}
	.bildbox5 .bildclip {
		
		width: auto;
		height: 310px;
		overflow: none;
		float: left;
		margin-bottom: 5px;
		margin-left: 5px;
		margin-right: 0px;
	}
		
	.bildbox5 .bq, .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) {	
	.bildbox5 { background-color: #cFF;  margin-left: 0px; margin-right: 0px; width: 100%;}
	
	.bildbox5 .quadrat { display:none; }
	.bildbox5 .bildclip {
		background-color: #FFF;
		height: auto;
		width: 100%;
		overflow: none;
		float: left;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.bildbox5 .bq, .bildbox5 .bh, .bildbox5 .bq2 {
		 position: static;
		margin-top: 0px;
		margin-bottom: 5px;
		width: 100%;
		height: auto;
	}
	.galti {margin-left:0px;}
	.bildclip span, .bildclip div {
		display:block;
		padding:10px 10px 10px 10px;
	}
}