body{ padding: 8px;}
.logo{ text-align: left;
    float: left;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 8px;
      }
.title{
    margin-left: 86px;
}
    .hover{
        opacity: 0.3;
    }

    #svg2{ width: 300px;}

.cls-2{
}

.cls-3, .nameClick, .cls-4, .cls-5{
    cursor: pointer;
    background: transparent;
}


#karte{
    height: 550px;

}

.overlay{
    position: absolute;
    max-width: 250px;
    max-height: 250px;
}

.haendler{
    text-transform: uppercase;
    color: #c71444;
}

.closePanel{
    text-align: right;
    width: 100%;
    font-size: 10px;
    margin-top: 10px;

}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 780px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #karte{
        height: 100%;
        width: 100%;
    }
}

.legislativeText {
    margin-top: 25px;
    width: 100%;
    font-size: 0.8em;
}