.mein-element {
  height:50px;
  width:50px;
  background:silver;
  border-radius: 25%;
  position: absolute;
  animation-name:meine-animation;
  animation-duration:4s;
  animation-iteration-count:infinite;
}

@keyframes meine-animation {
  0%, 100% {
    background-color:red;
    top:100px;
    left:50px;
  }

  25% {
    background-color:gold;
    top:100px;
    left:100px;
  }

  50% {
    background-color:lime;
    top:150px;
    left:100px;
  }

  75% {
    background-color: blue;
    top:150px;
    left:50px;
  }
}

.mein-element:nth-of-type(2) {
  animation-delay:1s;
  animation-fill-mode:backwards;
}

.mein-element:nth-of-type(3) {
  animation-delay:2s;
  animation-fill-mode:backwards;
}

.mein-element:nth-of-type(4) {
  animation-delay:3s;
  animation-fill-mode:backwards;
}