/* Zweck:                                      */
/* Die Formatierung der Übersichtsseite.       */

/* Image-Slider ist nocht nicht aktiviert, weil er noch nicht wirklich so funktioniert wie gewünscht. */

.imageSlider { overflow: hidden; }
.imageSlider figure img { width: 20%; float: left; }

.imageSlider figure
{ 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}

@keyframes slidy
{
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}