/* Shop-Filter: Von-bis-Regler mit Balkengrafik (histogramSlider.js). Optik wie der fruehere bootstrap-slider:
   5px-Leiste, Auswahl #647686, runde 30px-Griffe mit grauem Rand, Balken #0079BA / #DBE0E2. */
.range_slider { padding-bottom: 19px; } /* Abstand Leiste -> Eingabefelder wie bisher */
.histogram-bins { overflow: hidden; }
.histogram-bin { position: relative; float: left; }
.histogram-bins .bin { position: relative; margin-right: 1px; }
.histogram-bins .in-range { z-index: 1; }
.histogram-bins .out-of-range { z-index: 0; }
.bin-color { background-color: #DBE0E2; }
.bin-color-selected { background-color: #0079BA; }

.histogram-range.noUi-target {
  height: 5px;
  border: 0;
  border-radius: 4px;
  background: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.histogram-range .noUi-connect {
  background: #647686;
  border-radius: 4px;
}
.histogram-range.noUi-horizontal .noUi-handle {
  width: 30px;
  height: 30px;
  top: -15px;
  right: -13px;
  border: 2px solid grey;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
}
.histogram-range .noUi-handle::before,
.histogram-range .noUi-handle::after {
  display: none;
}