.map-container {
  position: relative;
}
.ce_dlh_googlemaps, .mod_dlh_googlemaps, .ce_openstreetmap, .no-cookie-maps {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 50%;
}
.ce_dlh_googlemaps .dlh_googlemap, .ce_dlh_googlemaps .no-cookie-map, .mod_dlh_googlemaps .dlh_googlemap, .mod_dlh_googlemaps .no-cookie-map, .ce_openstreetmap .dlh_googlemap, .ce_openstreetmap .no-cookie-map, .no-cookie-maps .dlh_googlemap, .no-cookie-maps .no-cookie-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 520px) {
  .ce_dlh_googlemaps, .mod_dlh_googlemaps, .ce_openstreetmap, .no-cookie-maps {
    padding-bottom: 80%;
  }
}
.ce_openstreetmap {
  position: relative;
}
.ce_openstreetmap .open-street-map-block {
  position: relative;
  padding-bottom: 50%;
}
@media screen and (max-width: 520px) {
  .ce_openstreetmap .open-street-map-block {
    padding-bottom: 80%;
  }
}
.ce_openstreetmap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-cookie-maps {
  background: #eee;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fwecodedesign%2Fweb%2Fwecodedesign.de%2Fpublic_html%2Fvendor%2Fvonheldenundgestalten%2Fcontao-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Fbasic-maps.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAAAA%3BAAAA%22%7D */