/* hier werden 3 Bilder überblendet */

.eotw-div {
  background: transparent;
  border-color: transparent;
}

#showintro {
  position: relative;
  margin: 0;
  background: none;
  border: none;
}

#showintro img {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 2em;
  z-index: 1;
  animation: wechseln 15s infinite;
}

#showintro img:last-of-type {
  position: relative;
}

@keyframes wechseln {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#showintro img:nth-of-type(1) {
  animation-delay: 0s;
  opacity: 0;
}

#showintro img:nth-of-type(2) {
  animation-delay: 5s;
  opacity: 0;
}

#showintro img:nth-of-type(3) {
  animation-delay: 10s;
  opacity: 0;
}