#Googlemap {
    height:600px;
}
.InDeinerNaehe {
     width:400px;
}
.FindeDeinChillis {
     width:400px;
 }
.pfeillocation {
    width:10px;
    vertical-align:baseline;
    transform: rotate(180deg);
}
.gm-style {
	padding:0px !important;
}
.gm-style-iw button img {
    display: none !important;
}
.gm-style-iw button::after {
    content:'X';
    color:white;
    font-size: 90%;
    position: relative;
    top: -2px;
    left: 2px; 
}
.gm-style .gm-style-iw-c {
    color:white;
    background-color:black;
    padding:0px;
    border:none;
}
.gm-style-iw-d {
    overflow:hidden !important;
}
.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%);
    box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
}    
@media only screen and (max-width: 900px) {
.InDeinerNaehe {
     width:300px;
}
.FindeDeinChillis {
     width:300px;
 }
 #DistanceResults {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
#DistanceResults .col {
    min-width:300px;
}    
 .location-info {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 2px dotted rgb(228,50,48);
 }
}