.map_wrapper { position: relative; width: 100%; background-image: url('../img/premap.jpg'); background-image: url('../img/premap.webp'); background-position: center; background-size: cover; font-size: 90%; }
.map_wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.map_wrapper .premap_wrapper { position: absolute; top: 50px; left: 50%; width: 100%; max-width: 700px; margin-left: -350px; background: rgba(255,255,255,0.9); padding: 20px; text-align: center; z-index: 3; border: 3px solid #ddd; }
.map_wrapper .premap_wrapper #premap_check { width: auto; display: inline; margin-right: 5px; }
.map_wrapper .premap_wrapper #iframe_laden { width: 100px; line-height: 30px; margin: 10px auto 0 auto; color: #fff; border: 1px solid #181f22; color: #181f22; cursor: pointer;  }
.map_wrapper .premap_wrapper #iframe_laden:hover { border-color: #333; color: #333; }
.map_wrapper.loaded { background: none; }
.map_wrapper.loaded .overlay { background: none; }
.map_wrapper.loaded .premap_wrapper { display: none; }
.map_wrapper label { text-align: center; margin-top: 10px; }

.map, iframe { display: block; width: 100%!important; height: 500px; border: none; }
iframe.big_map { height: 600px; }
.map { height: 450px; 
}

@media screen and (max-width:950px) {
	.map { height: 350px; }
}

@media screen and (max-width:700px) {
    .map_wrapper .premap_wrapper { top: 20px; left: 0; margin-left: 0; width: 100%; border-radius: 0px; }
}

@media screen and (max-width:500px) {
    .map_wrapper { font-size: 80%; }
    .map_wrapper .premap_wrapper #iframe_laden { width: 100px; line-height: 27px; margin-top: 5px; }
}

@media screen and (max-width:400px) {
	.map { height: 250px; }
    .map_wrapper .premap_wrapper { line-height: 1em; padding: 10px; }
}