#mosaikBox {
	font-family: 'Roboto Condensed', sans-serif;
	max-width:1815px;
	margin:0 auto 0;
}

#mosaikCol1 ,#mosaikCol2 ,#mosaikCol3  {
	width:33.33333%;
	float:left;
}

#mosaikBox .imgBox {
	border:25px solid #fff;
	display:block;
	position:relative;
}

#mosaikBox .imgBox img {
	width:100%;
	height:auto;
	display:block;
}


#mosaikBox .imgBox .mosaikTextBox {
	position:absolute;
	background-color:rgba(201,151,0,0.6);
	width:50%;
	height:100%;
	top:0;
	left:0;
	transition:.3s;
}

#mosaikBox .imgBox:hover .mosaikTextBox {
	background-color:rgba(201,151,0,1);
}

#mosaikBox .imgBox .mosaikTextBox titel {
	font-size:23pt;
	line-height:40px;
	padding:20px 20px 10px 20px;
	display:block;
	text-align:right;
	font-weight:bold;
	color:#fff;
}

#mosaikBox .imgBox .mosaikTextBox text {
	font-size:13pt;
	line-height:22px;
	font-weight:bold;
	padding:5px 20px 0 20px;
	display:block;
	text-align:right;
	color:#fff;
}


/* RESPONSIVE */
@media  only screen and (max-width: 1160px) {
	#mosaikCol1 ,#mosaikCol2 ,#mosaikCol3  {
		width:50%;
	}
	#mosaikCol3  {
		width:100%;
	}
	#mosaikCol3  .imgBox {
		box-sizing: border-box;
		width:50%;
		float:left;

	}
}


@media  only screen and (max-width: 768px) {
	#mosaikCol1 ,#mosaikCol2 ,#mosaikCol3  {
		width:100%;
	}
	#mosaikCol3  {
		width:100%;
	}
	#mosaikCol3  .imgBox {
		width:100%;
	}
	.imgBox {
		max-height:320px;
		overflow:hidden;
	}
	.imgBox.big img {
	margin-top:-50%;
		}
}