#poster-ishq {min-width:100%; height:99.0%; opacity:1; background:url(../video/poster-ishq.jpg) no-repeat; background-size:cover;position: absolute;z-index: 10;opacity: 1.0;							-webkit-transition: all 1856ms ease 200ms;-moz-transition: all 1856ms ease 200ms; -o-transition:all 1856ms ease 200ms; -ms-transition:all 1856ms ease 200ms;transition:all 1856ms ease 200ms;}
#v0:hover #poster-ishq {opacity: 0.0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;}

#poster-enemy-of-the-good { min-width:100%; height:99.0%; opacity:1; background:url(../video/poster-enemy-of-the-good.jpg) no-repeat; background-size:cover;position: absolute;z-index: 10;opacity: 1.0;	-webkit-transition: all 1856ms ease 200ms;-moz-transition: all 1856ms ease 200ms; -o-transition:all 1856ms ease 200ms; -ms-transition:all 1856ms ease 200ms;transition:all 1856ms ease 200ms;}
#v1:hover #poster-enemy-of-the-good { opacity: 0.0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;}

#poster-partner-in-crime {min-width:100%; height:99.0%; opacity:1; background:url(../video/poster-partner-in-crime.jpg) no-repeat; background-size:cover;position: absolute;z-index: 10;opacity: 1.0;	-webkit-transition: all 1856ms ease 200ms;-moz-transition: all 1856ms ease 200ms; -o-transition:all 1856ms ease 200ms; -ms-transition:all 1856ms ease 200ms;transition:all 1856ms ease 200ms;}
#v2:hover #poster-partner-in-crime { opacity: 0.0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;}

#poster-diakonie {min-width:100%; height:99%; opacity:1; background:url(../video/poster-diakonie.jpg) no-repeat; background-size:cover;position: absolute;z-index: 10;opacity: 1.0;						-webkit-transition: all 1856ms ease 200ms;-moz-transition: all 1856ms ease 200ms; -o-transition:all 1856ms ease 200ms; -ms-transition:all 1856ms ease 200ms;transition:all 1856ms ease 200ms;}
#v3:hover #poster-diakonie {opacity: 0.0; -webkit-transition: all 300ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;}

#poster-visions {min-width:100%; height:99%; opacity:1; background:url(../video/poster-visions.jpg) no-repeat; background-size:cover;position: absolute;z-index: 10;opacity: 1.0;						-webkit-transition: all 1856ms ease 200ms;-moz-transition: all 1856ms ease 200ms; -o-transition:all 1856ms ease 200ms; -ms-transition:all 1856ms ease 200ms;transition:all 1856ms ease 200ms;}
#v4:hover #poster-visions {opacity: 0.0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;}

#poster-wanda {min-width:100%; height:99%; opacity:1; background:url(../video/poster-wanda.jpg) no-repeat; background-size:cover;position: absolute;z-index: 10;opacity: 1.0;							-webkit-transition: all 1856ms ease 200ms;-moz-transition: all 1856ms ease 200ms; -o-transition:all 1856ms ease 200ms; -ms-transition:all 1856ms ease 200ms;transition:all 1856ms ease 200ms;}
#v5:hover #poster-wanda {opacity: 0.0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;}





.video-hover-play {
position:relative; z-index:9998 !important;}

.video-hover-play:hover {
position:relative; z-index:10001 !important;}


/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
    display:none !important;
} 


  #v0 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .4s ease-out .0s; opacity:1.0;}
  #v0:hover  {display: inline-block;transform:scale(1.1) translate(1.8vw, 1vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v0:focus {display:  inline-block;transform:scale(1.8) translate(15vw, 4vh); transition: all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v1 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .4s ease-out .0s; opacity:1.0;}
  #v1:hover  {display: inline-block;transform:scale(1.1) translate(0vw, 1vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v1:focus {display:  inline-block;transform:scale(1.8) translate(0vw, 4vh); transition:  all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v2 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .4s ease-out .0s; opacity:1.0;}
  #v2:hover  {display: inline-block;transform:scale(1.1) translate(-1.8vw, 1vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v2:focus {display:  inline-block;transform:scale(1.8) translate(-15vw, 4vh); transition:all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v3 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .4s ease-out .0s; opacity:1.0;}
  #v3:hover  {display: inline-block;transform:scale(1.1) translate(1.8vw, -1vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v3:focus {display:  inline-block;transform:scale(1.8) translate(15vw, -9vh); transition: all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v4 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .4s ease-out .0s; opacity:1.0;}
  #v4:hover  {display: inline-block;transform:scale(1.1) translate(0vw, -1vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v4:focus {display:  inline-block;transform:scale(1.8) translate(0vw, -9vh);  transition: all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v5 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .4s ease-out .0s; opacity:1.0;}
  #v5:hover  {display: inline-block;transform:scale(1.1) translate(-1.8vw, -1vh); transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v5:focus {display:  inline-block;transform:scale(1.8) translate(-15vw, -9vh);transition: all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}





.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.sr-next {width:3vw; height:50px; background:red; position:absolute; top:40vh; left:auto; right:3vw; background:url("../img/arrow-next.png") no-repeat; background-size:contain; background-position:center center;}
.sr-back {width:3vw; height:50px; background:red; position:absolute; top:40vh; left:3vw; right:auto; background:url("../img/arrow-back.png") no-repeat; background-size:contain; background-position:center center;}


.mtop20vh {margin-top:20vh !important;}

#loading{    
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
	height:auto;
	top:49%;
	text-align:center;
}
#loading img{    
    margin: 0 auto;
    max-width: 40px;

}
	
 
@media only screen and (max-width: 768px) {
	.video-hover-play {
		 width:100%; display:inline-block;  position:relative; z-index:100; margin:0; padding:0;
	}



  #v0 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .3s ease-out .0s; opacity:1.0;}
  #v0:hover  {display: inline-block;transform:scale(1.0) translate(0vw, 0vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v0:focus {display:  inline-block;transform:scale(1.0) translate(0vw, 0vh); transition: all .4s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v1 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .3s ease-out .0s; opacity:1.0;}
  #v1:hover  {display: inline-block;transform:scale(1.0) translate(0vw, 0vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v1:focus {display:  inline-block;transform:scale(1.0) translate(0vw, 0vh); transition:  all .5s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v2 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .3s ease-out .0s; opacity:1.0;}
  #v2:hover  {display: inline-block;transform:scale(1.0) translate(-0vw, 0vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v2:focus {display:  inline-block;transform:scale(1.8) translate(-0vw, 0vh); transition:all .6s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v3 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .3s ease-out .0s; opacity:1.0;}
  #v3:hover  {display: inline-block;transform:scale(1.0) translate(0vw, -0vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v3:focus {display:  inline-block;transform:scale(1.0) translate(0vw, -0vh); transition: all .7s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v4 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .3s ease-out .0s; opacity:1.0;}
  #v4:hover  {display: inline-block;transform:scale(1.0) translate(0vw, -0vh); 	transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v4:focus {display:  inline-block;transform:scale(1.0) translate(0vw, -0vh);  transition: all .8s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

  #v5 		 {display: inline-block;transform:scale(1.0) translate(0, 0); 		transition: all .3s ease-out .0s; opacity:1.0;}
  #v5:hover  {display: inline-block;transform:scale(1.0) translate(-0vw, -0vh); transition: all .5s cubic-bezier(.72,.35,.23,1.24);}
  #v5:focus {display:  inline-block;transform:scale(1.0) translate(-0vw, -0vh);transition: all .9s cubic-bezier(.25,.02,.02,1.34); opacity:0.0;}

	
}











/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	margin-top:0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin:-4px 0px 0% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF SIX  */
.span_6_of_6 {	width: 100%;}
.span_5_of_6 {  	width: 83.33%;}
.span_4_of_6 {  	width: 66.66%;}
.span_3_of_6 {  	width: 50%;}
.span_2_of_6 {  	width: 33.33%;}
.span_1_of_6 {  	width: 16.66%;}

.blur {
  -webkit-filter: blur(0px);
  -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
}

.blur:hover {
  -webkit-filter: blur(1px);
  -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
	.col {  margin: 0% 0 0% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; min-width: 100%; }
}