.foto-modal {
  display:none;
  position: fixed;
  z-index: 1000;
  padding: 0px 0px 0px 0px;
  left: 0%;
  top: 0;
  width: 100%;
  height:100vh;
  background-color: var(--menu-hintergrund);
}

.foto-modal img.slide {
    display: none;
}

.foto-modal img {
    max-width: 100%;
    max-height:100vh;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto; 
  
}

.fotoinfo,
.icons,
.icons a
 {
    color:white;
    position:fixed;
    font-size: 1.5em;
    font-weight: bold;
    z-index: 100;
}
.fotoinfo {
    z-index:99;
}


.foto-modal .icons:hover
 {
  color: #999;
  cursor: pointer;
}


.foto-modal .close {  
  top: 0px;
  right: 25px; 
}  

 .bildlink {  
  top: 0px;
  left: 25px; 
}  


.foto-modal .infoicon { 
  bottom: 0em;
  right: 25px; 

}

.foto-modal .next {
    right:25px;
    top: 50%;
}

.foto-modal .previous {
    left:25px;
    top: 50%;
}

.gps {
    right: 25px;
    bottom:1em;    
}

.fotoinfo {  
    bottom:0px;
    right:0px;
    display:none;
    font-size:small;    
}









#foto {
  position:fixed;
  width:100%;
  height:100vh;
}



.sichtbar {
    display:block;
}

#karte {
    position:fixed;
    width:50%;
    height:50%;
    background-color:black;
    top:0px;
    left:0px;
    z-index:1001;
    
    visibility: hidden;
}