.frame{
        width: 80vw;
        position: absolute;
        left: 20vw;
        top: 20px;
        justify-content: center;
    }
    .bild {
        max-height: 98vh;
        max-width: 100%;
    }
    .text {
        padding: 10px;
        font-size: x-large;
        font-family: sans-serif;
        color: #555;
    }
    .title {
 
        font-size: xxx-large;
        font-family: sans-serif;
        color: #555;
    }
    .navbar {
        position: fixed;
        background-color: darkgoldenrod;
        height: 110%;
        width: 180px;
        left: -10px;
        top: -10px;
        z-index: 5;
        text-decoration: underline;
    }
    
    .navtext {
        position: absolute;
        color: whitesmoke;
        top: 50px;
        left: 20px;
        overflow: scroll;
    }
    #impressum { 
        position: relative;
        top: 100px;
    }
.navbar .text {
    color: #ddd;
}
    
    .popup {
        left: 20px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

/* The actual popup */
    .popup .popuptext {
        position: absolute;
        visibility: hidden;
        left:10vw;
        width: 80vw;
        max-height: 80vh;
        background-color: #555;
        color: #222222;
        text-align: left;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 5;
        overflow: scroll;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
    .infoblock {
        display: block;
        position: absolute;
        height: 98%;
    }
    
    #map{
        overflow: scroll;
    }
    #infotext {
margin: 10px;
        overflow: scroll;
        color: #ddd;
    }

    .mapimg{
        max-width: 95%;
        max-height: 95%;
        margin: 2.5%;
    }