/*  content-view  */
.content-view.ng-enter {
	position: relative;
	z-index: 50000;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s;
  -moz-transition: opacity 0.25s ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s;
  transition: opacity 0.25s ease-in-out 0.25s;

  opacity: 0;
}
.content-view.ng-enter.ng-enter-active {
  opacity: 1;
}
.content-view.ng-leave {
	position: relative;
	z-index: 50000;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;

  opacity: 1;
}
.content-view.ng-leave.ng-leave-active {
  opacity: 0;
}


/*  content-article  */


.content-article.detailed .info{		
	height: auto;		
	overflow: visible;
}
.content-article.detailed .fotos{		
	height: auto;
}
.content-article.detailed .video{		
	display: block;
}
.content-article.detailed.ng-animate .video{		
	display: none;
}
.content-article .fotoVideo{		
	position: relative;
}
.content-article .video{		
	position: absolute;
	top: 43px;
	z-index: 141;
}
.content-article .col img{
	transition: all 0.25s ease-in-out;
	width: 0;
	min-width: 0px;
	opacity: 1;
}
.content-article .col img.thumbnail{
	padding: 10px 28px 15px 0;
	cursor: pointer;
}
.content-article.detailed .col img{
	width: 37.5%;
	min-width: 300px;
	padding: 6px 28px 15px 0;
	cursor: pointer;
}
.content-article.detailed .col img.thumbnail{
	width: 500px;
	padding: 10px 28px 15px 0;
	z-index: 140;
}
.content-article.detailed .col img.fotoVideo{
	width: 640px;
	padding: 10px 28px 15px 0;
	z-index: 140;
}
.content-article .col .fotos img{
	width: 75px;
	height: auto;
	min-width: 0;
	padding: 0;
	border: 1px solid transparent;
	margin: 0 9px 9px 0;
	cursor: pointer;
	
	-webkit-filter: grayscale(100%);
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	
}
.content-article .col .fotos img:hover,
.content-article .col .fotos img.active{	
	border: 1px solid #ffffff;
	margin: 0 9px 9px 0;
	
	-webkit-filter: grayscale(0);
	filter: none; /* Firefox 3.5+ */
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	filter: grayscale(0);
}
.content-article.konzert.detailed .col.c-mid,
.content-article.konzert.detailedTwo .col.c-mid{
	top: 32px;
}
.content-article.party.detailed .col.c-mid,
.content-article.party.detailedTwo .col.c-mid{
	top: 0;
}
.content-article.detailed,
.content-article.detailedTwo{
	cursor: default;
	height: auto;
}
.content-article.detailed p.info,
.content-article.detailedTwo p.info{
	height: auto !important;	
}
.content-article.detailed .details,
.content-article.detailedTwo .details,
.content-article.detailed .details h3,
.content-article.detailedTwo .details h3,
.content .content-article .details div{
	display: block;
}


.content .content-article.detailed div.details,
.content .content-article.detailedTwo div.details,
.content-article.detailed [class*="fontawesome-"].details,
.content-article.detailed [class*="zocial-"].details,
.content-article.detailed [class*="myspace"].details,
.content-article.detailedTwo [class*="fontawesome-"].details,
.content-article.detailedTwo [class*="zocial-"].details,
.content-article.detailedTwo [class*="myspace"].details{
	display: inline;
}
.content-article.detailed .mehr,
.content-article.detailedTwo .mehr,
.content-article.ng-animate .mehr{
	display: none;
}
.content-article.detailed .close,
.content-article.detailedTwo .close{
	display: inline;
}
/*  LOGO  */
.logo.top-add{
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
	top: 33%;

}
.logo.top,
.logo.top-add.top-add-active{
	top: 20px;
}
@media all and (max-height:800px) {
	.logo.top,
	.logo.top-add.top-add-active{
		top: 2px;
	}
}

.logo.mid-add{
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
	top: 20px;

}
.logo.mid,
.logo.mid-add.mid-add-active{
	top: 33%;
}

/*
.content-article.detailed-add{
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out;
  height: 140px;
}
.content-article.detailed,
.content-article.detailed-add.detailed-add-active{
  height: 500px;
}

*/
.background.mid,
.background.mid-from-right,
.background.mid-from-left,
.background.mid-from-right-add.mid-from-right-add-active,
.background.mid-from-left-add.mid-from-left-add-active{
	left: -50%;
}

.background.mid-from-right-add{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
	left: -100%;
}
.background.mid-from-left-add{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
	left: 0;
}
.background.left-from-mid-add,
.background.right-from-mid-add{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
	left: -50%;
}

.background.left-from-right-add{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;  
  
	left: -100%;
}
.background.left-from-right,
.background.left-from-mid,
.background.left-from-right-add.left-from-right-add-active,
.background.left-from-mid-add.left-from-mid-add-active{  
	left: 0;
}
.background.right-from-left-add{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
	left: 0;
}
.background.right-from-left,
.background.right-from-mid,
.background.right-from-left-add.right-from-left-add-active,
.background.right-from-mid-add.right-from-mid-add-active{
	left: -100%;
}