div.map {
    height     : 330px;
    min-height : 330px;
//  width      : calc(100% + 30px);
    width      : 100%;
    padding    : 0;
    margin     : 0;
    position   : relative;
    z-index    : 100;
//  margin     : -15px;
}
div.map > div:nth-child(2) > div:first-child{
    width      : 100%;
    height     : 100%;
}
div.olFramedCloudPopupContent {
    hyphens    : auto;
    font-size  : 64%;
}

div.osmmap_link {
    position : relative;
    top : -13px;
    right:-10px;
}
div.dsgvo {
    height : 100%;
    min-height : 330px;
    width : 100%;
    background-image: url(/portal/4/images/openstreetmap_soft.jpg);
    padding : 0;
    z-index : 99;
    position : absolute;
    left : 0;
    top : 0;
}
div.osm {
    max-width : 120px;
    font-size: 10px;
    font-style: italic;
    margin-bottom: 20px;
    margin-top:2px;
    text-align : right;
}
div.map p.marker {
    color : #000;
    padding : 0;
    margin : 0;
    font-family:Verdana, Arial, Sans-Serif;
    font-size : 10px !important;
}
.olControlLayerSwitcher {
    font-family : Verdana, Arial, Sans-Serif !important;
    font-size : 11px !important;
}
.olControlLayerSwitcher .layersDiv {
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    margin-left : -35px !important;
    background-color: #eee !important;
    border-radius : 4px !important;
    border : solid 1px #abc !important;
    box-shadow : 2px 2px 4px #000 !important;
    color : #000;
    letter-spacing : 1px;
}
.olControlLayerSwitcher .layersDiv input[type="radio"] {
    margin-right : 10px;
    position     : relative;
    top          : -3px;
}
div.errorMessage {
    width : 100%;
    height : 100%;
    background-color : #ffe0e0;
    color : #400000;
    padding : 1em;
}
div.dsgvo h2 {
    color : #404040;
    font-size: 16px;
    font-family : Verdana, Arial, Sans-Serif;
    font-weight : bold;
    line-height : 1.2em;
    margin-top : 0px;
    margin-bottom : 0;
}