@charset "UTF-8";
/* CSS Document */

/* script #slide in. on scroll */
.module {
	width: 100%;
	position: relative;
	opacity: 0;  animation: zeige 0.8s ease forwards;

}
.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
	opacity:1
}
@keyframes zeige {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
   }
  100% {
    opacity: 1;
   }	
}

@keyframes come-in {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
	transform: translateY(150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }	
}

/*rechts*/

.element-rechts {
	width: 100%;
	position: relative;
	opacity: 0;
}
.come-in-rechts {
  transform: translateX(150px);
  animation: come-in-rechts 0.8s ease forwards;
  /*opacity:1*/	
}

@keyframes come-in-rechts {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
	transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }	
}



/*links*/

.element-links {
	width: 100%;
	position: relative;
	opacity: 0;
}
.come-in-links {
  transform: translateX(-150px);
  animation: come-in-links 0.8s ease forwards;
  /*opacity:1*/	
}

@keyframes come-in-links {
  /*to {
    transform: translateY(0);
	opacity:0.1
  }*/
0% {
    opacity: 0;
    /*transform: translateY(-100px);*/
	transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }	
}