.slide, .slide2, .slide3, .slide4 {
  display:none;
}

.slideshowcontainer {
  max-width:70%;
  position: relative;
  margin: auto;
}

.slideshowcontainer img {
  vertical-align: middle;
  padding-left:5%;
  width: 100%;
  padding-right: 5%;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 0;
  height:100%;
  width: 5%;
  margin: 0;
  margin: auto;
  color: white;
  font-weight: bold;
  font-size: calc(5px + 1vw);
  transition: 1s ease;
  border-radius: 3px 0 0 3px;
  background-color: black;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 0 3px 3px 0;
}

.prev:hover, .next:hover {
  background-color: gray;
}

.prev p, .next p {
  position: absolute;
  top:50%;
  left:50%;
  margin-top: calc(-2.5px - 0.5vw);
  margin-left: -20%;
}
.slidetext {
  color: black;
  font-size: calc(10px + 0.5vw);
  padding: 10px 10px;
  margin-left:5%;
  margin-right: 5%;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center;
  border-width: 0px 0.2vw 0.2vw 0.2vw;
  border-style: solid;
  border-color: black;
  justify-content: center;
  align-items: center;
}

.slideseitenzahl {
  color: black;
  background-color: white;
  font-size: calc(10px + 0.5vw);
  padding: 5px 10px;
  position: absolute;
  top: 5px;
  margin-left: calc(5% + 5px);
  border-radius: 5px;
}
.slideseitenzahl_trans {
  color: black;
  font-size: calc(10px + 0.5vw);
  padding: 5px 10px;
  position: absolute;
  top: 5px;
  margin-left: 5%;
  border-radius: 5px;
}