/* Slideshow container */
.slideshow-container {
  
  width: 100%;
  position: relative;
  margin: auto;

  user-select: none; /* Verhindert die Auswahl des Inhalts */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -ms-user-select: none; /* Internet Explorer/Edge */
  
  aspect-ratio: 15 / 9;
  
}

.slideshow-container img {

    outline: none;
    outline-width: 1px;
    outline-color: black;


}

/* Hide the images by default */
.mySlides {
  display: none;
  
}

/* Next & previous buttons */
.prev, .next {
  font-family: 'SuisePfeil';
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -20px;
  
  line-height: 0.5;
  padding-top: 9px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  font-size: 70px;

  border-radius: 0 0 0 0;
  user-select: none;
  background-color: rgba(255, 255, 255, 0.8);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 0 0 0 0;
  
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    
    text-decoration: none;
}

.active {
  background-color: #717171;
}