/*---------- DARSTELLUNG - BILDER - <div> ---------------*/
.indicators, .controls {display:none;}
.images {
    width: 100%;
	overflow:hidden;
}

.images-img {
   padding: 0;
   margin: 0;
}

.images .imageEntry{
	float: left;
	width: 24.8%;
	height: auto;
	margin: 0.1%;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.2);
 }

.image-td{overflow: hidden;}
.image-td img{max-width: 100%;}

@media (max-width: 1024px) {
.images .imageEntry{
	float: left;
	width: 33.0%;
	height: auto;
	margin: 0.1%
 }
}

@media (max-width: 768px) {
.images .imageEntry{
	float: left;
	width: 48.0%;
	height: auto;
	margin: 1.0%
 }
}

@media (max-width: 480px) {
.images .imageEntry{
	float: left;
	width: 98.0%;
	height: auto;
	margin: 1.0%
 }
}
 
.images .imageEntry .image-thumb{
	width: 100%;
	height: 100%;
 }

.images .imageEntry p{
	padding: 10px 5px 0px 5px;
 }


.image-link a {
    width: 100%;
	background: green;
}

.imageEntry{float: left; }
.i/mage-item{float: left;}

.caption p{
	padding: 5px;
	border: 1px solid rgba(0,0, 0, 0.1)
	}

.caption-black{
	background: rgba(0,0, 0, 0.3);
	}

.caption-black p{
	color: white;
	margin: 0;
	}

.caption-white{
	background: rgba(0,0, 0, 0.3);
}

.caption-white p{
	color: white;
	margin: 0;
	}



/*---------- DARSTELLUNG - BILDER - Galerie ------ ---------*/
.image-gallery{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	b/order: 1px solid green;
	text-align:center;
	padding: 0;

}

.image-gallery-item img{
	width: 100%;
	float: left;
	padding: 0;
	opacity: 0.8;
}

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

.image-gallery-item{
	float: left;
	margin: 0.2%;
	text-align:center;
	padding: 0;
	border: 1px solid #ccc;
	overflow: hidden;
}

@media(min-width:1280px) { 
.image-gallery-item{
	width: 19.60%;
}

}
@media(max-width:1024px) { 
.image-gallery-item{
		width: 32.8%;
	}
}
@media(max-width:768px) { 
	.image-gallery-item{
		width: 49.6%;
	}
}
@media(max-width:640px) { 
	.image-gallery-item{
		width: 99.6%;
	}
}

.image-gallery-item-caption{
	float: left;
	font-size: 0.85em;
	width: 100%;
	p/adding: 5px;
	b/order: 1px solid #ccc;
	m/argin-bottom: 5px;
}


/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen and (min-width: 375px) and (max-width: 385px){
	.image-gallery-item{
		width: 49.6%;
	}
}
/* All Smartphones in portrait ----------- */
@media only screen and (max-width : 479px) {
	.image-gallery-item{
		width: 49.6%;
	}
}
/* Android 240 X 320 ----------- */
@media only screen and (max-width: 241px){
	.image-gallery-item{
		width: 49.6%;
	}
}

@media screen and (device-aspect-ratio: 40/71) { /* Mobilgerät Iphone */
	.image-gallery-item{
		width: 99.80%;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.image-gallery-item{
		width: 49.0%;
	}
	
	}


/* Schatten */

.schatten:before, 
.schatten:after {
   z/-index: -1;
   position: absolute;
   content: "";
   width: 50%;
   max-width: 500px;
   top: 90%;
   bottom: 50px;
   left: 20px;   
   background: rgba(0,0,0,0.0);
   -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.5);
   -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.5);
   box-shadow: 0 15px 10px rgba(0,0,0,0.5);
   -webkit-transform: rotate(-2deg);
   -moz-transform: rotate(-2deg);
   -o-transform: rotate(-2deg);
   -ms-transform: rotate(-2deg);
   transform: rotate(-2deg);
}
.schatten:after {
   -webkit-transform: rotate(2deg);
   -moz-transform: rotate(2deg);
   -o-transform: rotate(2deg);
   -ms-transform: rotate(2deg);
   transform: rotate(2deg);
   right: 20px;
   left: auto;
}

    
/* Modal */
.image-td img, .image-img, .image-item img, .imageEntry img, .image-gallery-item img, .youtube-player img, .news-teaser-right img{
	opacity: 0.8;
}



/* Spezial Hover für Bilder mit Scale */

.imgtxt-left img:hover, .imgtxt-right img:hover, .imgtxt-column-left-image img:hover, .imgtxt-column-right-image img:hover, .image-td img:hover {
	opacity: 1.0;
	}


.image-item img:hover, .imageEntry img:hover, .image-gallery-item img:hover{
	opacity: 1.0;
	} 
	
.news-teaser-right img:hover{
	opacity: 1.0;
	} 
 */