/***
* Datei:           schiebe-red-20.css
* Internetsite:    https://realmath.de
* Sprache:         Cascading Style Sheets
* Autor:           Andreas Meier
* Datum:           2024-02-05
* Letzte Änderung: 2024-02-11

***/



/* roter 20px Schieber */
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background: none;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: rgb(245,0,0);
  border-radius: 30px;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: rgb(245,0,0);
  border-radius: 30px;
  border: none;
}

/* roter 20px Schieber ende */