/*---------- ISOTOPE FÜR RECHTE UND LINKE SPALTE ---------------*/




@media only screen and (max-width : 1024px){
}


/*---------- DARSTELLUNG - BILDER - <div> ---------------*/
.images {
	m/argin-top: 20px;
    width: 100%;
	overflow:hidden;
}

#slider .container_fluid .images {
	margin-top: 0px;
}

#slider_full_width{
   
    
}

 






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

.images .imageEntry{
	float: left;
	width: 24.8%;
	height: auto;
  	margin: 1px 0.1% 1px 0.1%;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.2);
	b/ackground: rgba(255,255,255,0.4);
 }
 
 
.right-container .images .imageEntry, .left-container .images .imageEntry{
	width: 49.0%;
   	margin: 1px 0.5% 1px 0.5%;
}

@media (max-width: 1024px) {
}


@media (max-width: 768px) {
.images .imageEntry{
	float: left;
	width: 32.6%;
	height: auto;
	m/argin: 0.2%
 }

.right-container .images .imageEntry, .left-container .images .imageEntry{
	width: 32.2%;
   	margin: 1px 0.5% 1px 0.5%;
}

}

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

.images .imageEntry p, .isotope-images .isotope-image-item p{
	font-size: 0.90em;
	padding: 3px 5px 3px 5px;
	margin: 0;
 }


.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;
	}

.image-caption{
	float: left;
	border-bottom: 1px solid rgba(0,0,0,0.0);
	padding: 5px;
	font-size: 0.85em;
	}

.image-caption-info{
	display: inline-block;
	min-height: 250px;
	}

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

/*---------- DARSTELLUNG - BILDER ------ ---------*/
.i/mage-wrapper{float: left;width: auto;margin-left:5px;}

/*---------- 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: 1.0;
}

.image-gallery-item img:hover{
	o/pacity: 0.8;
}

.image-gallery-item{
	float: left;
	margin: 0.2%;
	text-align:center;
	padding: 0;
	border: 1px solid #ccc;
	overflow: hidden;
}
.image-gallery-item-caption p{ padding: 5px; w/hite-space:nowrap; 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);
   clear:both;
}
.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;
   clear:both;
}

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

.image-td img, .image-img, .image-item img, .imageEntry img, .image-gallery-item img, .youtube-player img, .news-teaser-right img,
.iso-image-gallery-item img, .isotope-image-item img{
 transition:0.6s all ease-in-out;
}

.imgtxt-left img:hover, .imgtxt-right img:hover, .imgtxt-column-left-image img:hover, .imgtxt-column-right-image img:hover, .image-td img:hover {
   -webkit-transform: 	translateY(10px) scale(1.3);
   -moz-transform: 		translateY(10px) scale(1.3);
   -o-transform: 		translateY(10px) scale(1.3);
   -ms-transform: 		translateY(10px) scale(1.3);
	transform:			translateY(10px) scale(1.3);
	filter:brightness(0.9);
  	cursor:pointer;
	}


.image-item img:hover, .imageEntry img:hover, .image-gallery-item img:hover, .iso-image-gallery-item img:hover, .isotope-image-item img:hover{
   -webkit-transform: 	translateY(10px) scale(1.3);
   -moz-transform: 		translateY(10px) scale(1.3);
   -o-transform: 		translateY(10px) scale(1.3);
   -ms-transform: 		translateY(10px) scale(1.3);
	transform:			translateY(10px) scale(1.3);
	filter:brightness(0.9);
  	cursor:pointer;
	} 
	
.n/ews-teaser-right img:hover{
   -webkit-transform: 	translateY(2px) scale(1.05);
   -moz-transform: 		translateY(2px) scale(1.05);
   -o-transform: 		translateY(2px) scale(1.05);
   -ms-transform: 		translateY(2px) scale(1.05);
	transform:			translateY(2px) scale(1.05);
	filter:brightness(0.9);
  	cursor:pointer;
	} 

/* Bild-Schatten ------------------------------------------------*/
.schatten:before, 
.schatten:after {
   z-index: -1;
   position: absolute;
   content: "";
   width: 50%;
   max-width: 500px;
   top: 80%;
   bottom: 14px;
   left: 19px;   
   background: rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
   box-shadow: 0 15px 10px rgba(0,0,0,0.4);
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   transform: rotate(-3deg);
}
.schatten:after {
   -webkit-transform: rotate(3deg);
   -moz-transform: rotate(3deg);
   -o-transform: rotate(3deg);
   -ms-transform: rotate(3deg);
   transform: rotate(3deg);
   right: 19px;
   left: auto;
}

.rahmen {
	background: white;
    padding: 5px 5px 5px 5px;   
    border: 1px solid rgba(0,0,0,0.4);
	}

.artikel-hg .schatten:before, 
.artikel-hg .schatten:after {
   width: 50%;
   max-width: 500px;
   top: 80%;
   bottom: 40px;
   left: 34px;   
}

.artikel-hg .schatten:after {
   right: 34px;
   left: auto;
}

/* One Image ----------------------------------------------------------------------------------- */
.one-image 		{ border: 1px solid rgba(0,0,0,0.2); padding: 5px; background: white;overflow: hidden;}
.one-image img	{ f/loat: left; width: 100%;height: 100%; }
.one-image 	p	{ font-size: 1.0em; padding: 3px 3px 0px 3px; margin: 0;}
/* verhindern Anzeige Indicator & Controls in Standard-Template images.tmpl bzw. formatiert diese */
.indicators, .controls{
	display:none;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	bo/rder-top: 1px solid black;
	}
	
.indicators li, .controls a{
	display: inline-block;
	padding: 5px 10px 5px 10px;
	border: 1px solid grey;
	border-radius: 6px;
	}