#map_canvas {
    background: lightgrey none repeat scroll 0 0;
    z-index: 1;
    width: 100%;
    margin: 0 auto 1em auto;
}

#map_canvas.gross {
    height: 480px;
    width: 100%;
}


#map_canvas.klein {
    height: 240px;
    width: 100%;
}


#map_canvas .leaflet-tooltip {
    white-space: normal !important;
    min-width: 9em;
}


#map_canvas .image_marker {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}

#map_canvas .image_marker span {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    border: #000000 1px solid;
}


.openstreet_abfrage {
    text-align: center;
    width: 50vw;

    background: lightgrey none repeat scroll 0 0;
    z-index: 1;
    border: thin solid #70798A;
    font-size: 16px;
}

.openstreet_abfrage > h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

#karte_aktivieren {
    background-color: #7a7b6d;
    color: #ffffff;
    border-color: #7a7b6d;
    padding: 0.3em;
    font-size: 16px;
    margin-bottom: 1em;
}

/*@todo icons mit klasse für Abstand erweitern*/
.icon_default {
    width: 1.12rem;
    height: 1.12rem;
    vertical-align: middle;
}