/* Filter */
ul.filterList {font-size: 1em;list-style-type: none;padding-left: 0;margin: 0;}
li.filterList {
  height: 2.3em;
  display: inline-flex;
  color: teal;
  padding: 5px 10px;
  margin: 2px 5px;
  border: 1px solid rgb(176, 176, 176);
  font-weight: 300;
  border-radius: 15px;
  background: #fff;
}
li.filterList:hover {cursor: pointer;border: 1px solid teal;}
li.filterList.active {color: #fff;background: teal;}
i.far{font-size:20px;}
i.fas{font-size:20px;}
.fa-wheelchair#tealWc:hover{color: teal;}
.fa-wheelchair#tealWc.active{color:white}
.fa-wheelchair#tealWc.active:hover{color:white}
.fa-star#tealBew:hover{color: teal;}
.fa-star#tealBew.active{color:white}
.fa-star#tealBew.active:hover{color:white}
.fa-money-bill-alt#tealPrivat:hover{color: teal;}
.fa-money-bill-alt#tealPrivat.active{color:white}
.fa-money-bill-alt#tealPrivat.active:hover{color:white}

.fa-dot-circle#tealUk:hover{color: teal;}
.fa-dot-circle#tealUk.active{color:white}
.fa-dot-circle#tealUk.active:hover{color:white}

/* Filter an der Seite */
.headlineMobileFilter{font-size: 14px;line-height: 20px;}
.filterElement{font-weight: 400;font-size: 14px;line-height: 20px;border-bottom: 1px solid #eeeeef; padding: 1.5em 0em;}
.filterWrapper{position: sticky;top: 1em;padding-top:6em;height: 100vh;overflow-y: scroll;scrollbar-width: none; /* Firefox */-ms-overflow-style: none;  /* IE 10+ */}
.filterWrapper::-webkit-scrollbar {width: 0px;background: transparent; /* Chrome/Safari/Webkit */}
.sideFilter{max-width: 250px;}

.custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:teal;border-color: teal;}
.custom-switch .active .custom-control-input:checked~.custom-control-label::before{background-color:teal;border-color: teal;}
.custom-control-label:hover{cursor: pointer;}
span#countFilter{width: 25px;font-size: 16px;}
div.dropdown-menu{transform: translate3d(5px, 35px, 0px)!important;}
div.dropdown-menu.show{position: absolute;top: 0px;left:0px;border-radius: 1em;padding: 0px;width: 250px;z-index: 1000000;}
.dropdown-item{padding: 1rem 1.25rem;border-radius: 1em;cursor: pointer;}
.dropdown-item.active, .dropdown-item:active{background: teal;}
.dropdown-toggle {
  border: none;
  margin: 5px 0px;
  cursor: pointer;
  width: 30px;
  color: gray;
  background-color: white;
}
.features_block {
  position: static !important;
}
.dropdown-toggle:focus {outline: none;}
a.btn.dropdown-toggle:hover {color: black;}
li.dropdown-element {padding: 5px 10px;}
li.dropdown-element>a {color: black;padding: 0px 10px;margin-top:5px;text-decoration: none;}
li.dropdown-element:hover {background-color: lightgray;}
.hoverZul:hover{background-color: #efefef;padding-right: 10px;border-radius:5px;}
.cbzu {margin: 0px 10px;}

/* Range slider */
.custom-range::-webkit-slider-thumb {background: teal;}
.custom-range::-moz-range-thumb {background: teal;}
.custom-range::-ms-thumb {background: teal;}

/* sich drehender ladespinner */
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 16px solid #eee;
  border-radius: 50%;
  border-top: 16px solid teal;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  z-index: 10;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media only screen and (max-device-width: 767px) {
  div.dropdown-menu.auchprivat.show{left:-6em !important}
  div.dropdown-menu.bzugang.show{left:-6em !important}
  .loader{left:35%}
}
@media only screen and (min-device-width: 1200px) {
  .hoverZul:hover{padding-right: 0px;}
}