/*---------- DARSTELLUNG - BILDER - <div> ------FEHLER DRIN ---------*/
.container{b/order: 1px solid #ff0;}

.images {
	b/order: 1px solid #ff0;
	padding-top: 25px;
	margin-bottom: 55px;
}

.image-thumb{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	opacity: 1.0;
}

.imageEntry {
	float: left;
	width: 23.00%;
	margin: 1%;
	padding: 1.0%;
	b/order: 1px solid #777;
	box-shadow: 2px 2px 5px 1px #ccc;
}


.i_caption {
	position: absolute;
	width: 100%;
	height: auto;
	padding: 10px 10px 10px 10px;
	bottom: 0px;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0.0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.imageEntry:hover .i_caption{
	opacity: 1.0;
}
.imageEntry:hover .image-thumb{
	opacity: 1.0;
}

.imageEntry:hover {
	z-index: 8000; 
	opacity: 1.50;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background: rgba(254, 209, 54, 1.0);
}



@media(max-width:1366px) { 
	  .imageEntry {
		width: 23.00%;
	  }
}


@media(max-width:768px) { 
	.imageEntry{
		width: 31.00%;
	}
	
}

@media(max-width:640px) { 
	.imageEntry{
		width: 48.00%;
	}

}

@media(max-width:400px) { 
	.imageEntry{
		width: 48.00%;
	}
	
}

.image-gallery{
	min-height: 450px;
	margin: 10px;
	padding: 10px;
	b/order: 1px solid #ff0;
	text-align:center;
	padding: 0;

}

.image-gallery-item img:hover{
	opacity: 1.0;
}

.image-gallery-item img{
	float: left;
	w/idth: 200px;
	width: 23.30%;
	float: left;
	margin: 10px;
	b/order: 1px solid #ff0;
	text-align:center;
	padding: 0;
	opacity: 0.6;
}


@media(max-width:1024px) { 
	.image-gallery-item img{
		width: 22.80%;
	}
}

@media(max-width:768px) { 
	.image-gallery-item img{
		width: 30.20%;
	}
}

@media(max-width:640px) { 
	.image-gallery-item img{
		width: 44.80%;
	}
}

@media(max-width:480px) { 
	.image-gallery-item img{
		width: 43.60%;
	}
}