#touch{
  position: absolute;
  visibility: visible;
  background: url("touch.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
  width: 16%;
  height: 11%;
  border-radius: 50%;
  left: 25%;
  top: 15%;
  background-color: yellow;
  background-position: center;
  z-index: 10;
}



#tempoSliderdiv{
	text-align: center;
}

/* Grundlegende Eigenschaften des Sliders */
#tempoSlider {
  width: 90%;
	height: 50px;
	border-radius: 25px;
	background: #ff7b00;
	cursor: pointer;
}

/* Anpassung für Chrome/Edge/Safari */
#tempoSlider::-webkit-slider-thumb {
  /* Fügen Sie hier Ihre benutzerdefinierten Stile hinzu */
  -webkit-appearance: none; /* Wichtig zum Überschreiben des Standard-Looks */
  height: 100px;
  width: 100px;
  border-radius: 25%;
  background: #007bff;
  cursor: pointer;
}

/* Anpassung für Firefox */
#tempoSlider::-moz-range-thumb {
  /* Fügen Sie hier Ihre benutzerdefinierten Stile hinzu */
  height: 100px;
  width: 100px;
  border-radius: 25%;
  background: #007bff;
  cursor: pointer;
}