/* VIEWPORT ANIMATIONEN (s. Files viewport_animation.js und anination_zuweisen.js)*/

/* die Abhandulung der Animationen INNERHALB DES VIEWPORTS, wird im viewport.js definiert*/

/* Die Klassenzuweisung für die Animationen (Animations-Starpunkte-Klassen) kann direkt in den entspr. div, img, p, etc. angebracht werden, oder über js. wie hier im: zuweisung_animation.js (bessere Möglichkeiten)*/


/* STARTPUNKTE DER ANIMATIONEN */

/*Animations rechts nach links */
.bewegung_rechts {
  transition: all 400ms;
    /* x, y pos */
    transform: translate(50px,0px);
  opacity: 0;
}


/*Animations oben nach unten */
.oben_nach_unten {
  transition: all 400ms;
    /* x, y pos */
    transform: translate(0px, 80px);
  opacity: 0;
}


/*Animations skalieren (x-achse mitte nach aussen) */
.skalieren {
  transition: all 400ms;
  transform: scale(0.5, 1); /* x, y*/
  opacity: 0;
}


/* ZIELPUNKT ALLER ANIMATIONEN (Diese Klasse wird im JS aufgerufen)*/
.zielpunkt {
  transform: translate(0px,0px);
  transform: scale(1, 1); /* x, y*/
  opacity: 1;
}

/* ENDE viwport animation */