/*scroll animation*/

.scrollMoveUnten{
	opacity: 0;
	top: 100px;
	position: relative;
}

.scrollMoveUntenAni{
	animation-name: scrollMoveUntenAni;
  	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes scrollMoveUntenAni {
  from {opacity: 0;
  top: 100px;}
  to {opacity: 1;
  top: 0px;}
}




.fadeIn{
	opacity: 0;
}

.fadeInAni{
	animation-name: fadeInAni;
  	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes fadeInAni {
  from {opacity: 0;}
  to {opacity: 1;}
}



.scrollPop{
opacity: 0;
scale: 0;
}

.scrollPopAni{
	animation: scrollPopAni 1s forwards;
}

@keyframes scrollPopAni {
  0% {opacity: 0; scale: 0;}
50% {opacity: 1; scale: 1.1;}
  100% {opacity: 1; scale: 1;}
}


.hidden{
	visibility: hidden;
}



/*scroll ani*/
.boxScroll{
	opacity: 0;
}

.aniScroll{
	animation-name: example;
  animation-duration: 2s;
  position: relative;
  opacity: 1;
}

@keyframes example {
	from {top: 300px;
	opacity: 0;}
	to {top: 0px;
	opacity: 1;}
}


/*erschein animation*/
.boxZeig{
	opacity: 0;
}

.boxZAni{
	animation-name: bza;
  animation-duration: 4s;
  opacity: 1;
}

@keyframes bza {
	from {opacity: 0;}
	to {opacity: 1;}
}