.cursor {cursor:pointer;
  -webkit-touch-callout: none; 
  -webkit-user-select: none; 
  -khtml-user-select: none;   
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

/* Diaschau (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #333333;
}

/* Diaschau Content */
.mySlides {
  position: relative;
    top:0;
  display: none;
  border: none;
        margin-left:6.6em;
        height:62%; }
}


@media (max-width:40.5em) {
    .mySlides {
        height:36.8em; max-height:78%; }
}

/* The Close Button */
.close {
    position: fixed;
    top: 0; 
    left:0.2em;
    color: #ffffff;
    opacity: 0.7;
    font-size: 3em;
    font-weight: bold;
}

/* Next button */
.next {
    position: fixed;
  top: 0.3em;
    left:1.35em;
  color: #ffffff; opacity: 0.7;
  font-weight: bold;
  font-size: 2.3em;
  user-select: none;
  -webkit-user-select: none;
}

.close:hover, .next:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.7;
}