.slideshow {
  position: absolute;
  width: 750px;
  height: 500px;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 750px;
  height: 500px;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 42s;
          animation-duration: 42s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 6;
}
.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
          animation-name: kenburns-2;
  z-index: 5;
}
.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
          animation-name: kenburns-3;
  z-index: 4;
}
.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
          animation-name: kenburns-4;
  z-index: 3;
}
.slideshow-image:nth-child(5) {
  -webkit-animation-name: kenburns-5;
          animation-name: kenburns-5;
  z-index: 2;
}
.slideshow-image:nth-child(6) {
  -webkit-animation-name: kenburns-6;
          animation-name: kenburns-6;
  z-index: 1;
}
.thema{
	z-index: 10;
	position: absolute;
	left: 16px;
	top: 635px;
}

@media (max-width:768px){
	.thema{
		display: none;
	}
	.slideshow {
  width: 98%;
		height: 300px;
}
	.slideshow-image{
		width: 98%;
		height: 300px;
	}
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  18% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  93% {
    opacity: 0;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  96% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kenburns-1 {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  18% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  93% {
    opacity: 0;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  96% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-2 {
  15% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  16% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  33% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kenburns-2 {
  15% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  16% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  33% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-3 {
  30% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  31% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  48% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kenburns-3 {
  30% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  31% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  48% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-4 {
 45% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  46% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  68% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kenburns-4 {
 45% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  46% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  68% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-5 {
  60% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  61% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  78% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kenburns-5 {
  60% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  61% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  78% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-6 {
  75% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  76% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  93% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kenburns-6 {
  75% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  76% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  93% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}