.map_wrapper { position: relative; width: 100%; background-image: url('../img/premap.jpg'); 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: 20px auto 0 auto; color: #fff; border: 1px solid #181f22; color: #181f22; cursor: pointer; }
.map_wrapper .premap_wrapper #iframe_laden:hover { border-color: #1a4b7e; color: #1a4b7e; }
.map_wrapper.loaded { background: none; }
.map_wrapper.loaded .overlay { background: none; }
.map_wrapper.loaded .premap_wrapper { display: none; }

.map, iframe { display: block; width: 100%!important; height: 500px; border: none; }
iframe.big_map { height: 600px; }
.map { height: 450px; 
/*
-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.1111 0.1111 0.1111 0 0 0.1111 0.1111 0.1111 0 0 0.1111 0.1111 0.1111 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.1111 0.1111 0.1111 0 0 0.1111 0.1111 0.1111 0 0 0.1111 0.1111 0.1111 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
*/
}

@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; }
}