/*@media only screen and (max-width: 600px) {*/
/*    header {*/
/*        display: none !important;*/
/*    }*/
/*}*/

@keyframes markerBounce {
    0%   { transform: translateY(0); }
    20%  { transform: translateY(-20px); }
    40%  { transform: translateY(0); }
    60%  { transform: translateY(-10px); }
    80%  { transform: translateY(0); }
    100% { transform: translateY(0); }
}

.animated-marker {
    animation: markerBounce 0.6s ease-out;
}

#storelocator-block {
    /*max-width: 100vw !important;*/
    /*overflow-x: hidden !important;*/
}


#map-wrapper {
  position: relative;
  /* 16/9 Aspect Ratio */
  width: 100%;
  padding-top: calc(100% * (817/768));
}

@media only screen and (min-width: 1024px) { /* $breakpoint-medium */
	#map-wrapper {
  		padding-top: calc(100% * (442/1024));
	}
}

@media only screen and (min-width: 1260px) { /* $breakpoint-large */
	#map-wrapper {
  		padding-top: calc(100% * (515/1260));
	}
}

#map-wrapper #map-container {
  position: absolute;
  z-index: 0;
  top: 2px;
  left: 0;
  bottom: 0;
  right: 0;
	/*height: 917px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*width: calc(100vw - 3rem - 1px);*/
    /*width: 100%;*/
    /*object-fit: cover;*/
}

#storelocator-map {
    width: 100%;
    height: 100%;
}

#storelocator-search-wrapper {

}

#storelocator-distance-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 16px 28px;
    background-color: #fffd;
}

.distance-description {
    font-size: 16px;
}

#storelocator-zoom-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 8px;
    margin-right: 8px;
}

#storelocator-search {
    width: 100%;
    /*border: thin solid black;*/
}

#storelocator-search:focus {
    outline: none;
}

#storelocator-search-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin: 8px;
}


#storelocator-search-btn {
    padding: 5px;
    position: absolute;
    top: 0;
    right: -5px;
    z-index: 5;
}


#storelocator-search-btn:hover {
    cursor: pointer;
}


.storelocator-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #4D433F;
    border-radius: 25px;
    border: 1px solid #8A8A8A;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 1px #828282;
    border: 0px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 50px;
    background: #4D433F;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #4D433F;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #4D433F;
    border-radius: 25px;
    border: 1px solid #8A8A8A;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 1px #828282;
    border: 0px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 50px;
    background: #4D433F;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #4D433F;
    border: 1px solid #8A8A8A;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-fill-upper {
    background: #4D433F;
    border: 1px solid #8A8A8A;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 1px #828282;
    border: 0px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 50px;
    background: #4D433F;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #4D433F;
}

input[type=range]:focus::-ms-fill-upper {
    background: #4D433F;
}

.arrow-container {
    position: absolute;
    bottom: 40px;
    right: -12px;
    width: 12px;
    height: 24px;
    transform: translateY(-50%);
    overflow: hidden;
}

.arrow-container:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 3px;
    width: 16px;
    height: 16px;
    background-color: white;
    transform: translateY(-50%) rotate(45deg);
    box-shadow: 0 0 2px #0003;
    border: thin solid #4D433F;
}

.gm-style-iw-c {
    overflow: visible !important;
    border-radius: 0 !important;
    border: thin solid #4D433F;
    width: 340px !important;
    overflow-x: hidden;
    padding: 16px 0 0 16px !important;
}

.gm-style-iw-t:after {
    display: none !important;
}

.gm-style-iw-d {
    overflow-x: hidden !important;
}

.iw-container {
    display: flex;
    flex-direction: column;
}

.iw-title {
    font-weight: bold;
}

.iw-link {
    font-weight: bold;
    font-size: 16px;
    display: block;
	color: #4d433f;
}

.iw-link:hover {
	color: #e74900;
}

.iw-link-text {
    padding-left: 12px;
}

.iw-text-element {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0;
}

.iw-link-container {
    margin-top: 16px;
}

.iw-link-inner-container {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.iw-filler {
    flex: 1 1 100%;
}

.bm-border-btn-kupfer {
    border: thin solid #9C4F3E;
    color: #9C4F3E;
    fill: #9C4F3E;
    transition: all .3s ease-out;
}

.bm-border-btn-kupfer:hover {
    border: thin solid #803F42;
    color: #803F42;
    fill: #803F42;
}

.bm-border-kuerbis {
    border: thin solid #9C4F3E !important;
}

.bm-dealer-watchlist-btn {
	border: 1px solid #8f837e;
	margin-right: 8px !important;
	cursor: pointer;
    padding: 4px 12px 4px 2px !important;
}

@media only screen and (max-width: 600px) {
	.bm-dealer-btn-logo {
    	flex-direction: column-reverse;
		justify-content: right;
		align-items: flex-end;
	}
	.bm-store-result-logo {
		margin-bottom: 8px !important;
	}
	.bm-dealer-watchlist-btn {
		width: 100%;
		max-width: 106px;
		padding-right: 12px !important;
		margin-right: 0 !important;
	}
}