body {
font-family: "Open Sans", Arial, sans-serif !important;
background: #13001c;
}

.player-container {
  background: linear-gradient(180deg, #C7C1F8 0%, #BAB6F6 40%, #ABA8F4 100%);
  color: #333;
}  

.home-button {
  color: #b60b9b !important;
}

.station-link.globe {
 color: #b60b9b !important;
}


.current-show, .current-song {
    border-bottom: 2px solid #b60b9b !important;
}

.song-history .song .song-time {
    background-color: #b60b9b !important;
	color: #FFF !important;
}

.song {
	background-color:#d6cefe !important;
	color: #b60b9b !important;
	
}


#play-pause-button {
	border: 2px solid #777 !important;
	background-color: #CCC !important;
	color: #b60b9b !important;
}

/* Grundstyle */
input[type="range"] {
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  appearance: none;
  width: 100px;
  height: 8px;
  background: #a0d3e0;
  border-radius: 5px;
  outline: none;
}

/* Webkit (Chrome, Safari, neuer Edge) */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #888888; /* oder deine gewünschte Farbe */
  cursor: pointer;
  margin-top: -6px; /* anpassen je nach Höhe */
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #888888;
  cursor: pointer;
}

/* Firefox Track */
input[type="range"]::-moz-range-track {
  background: #ccc;
  height: 8px;
  border-radius: 5px;
}

/* IE/Edge Legacy (falls relevant) */
input[type="range"]::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #888888;
  cursor: pointer;
}
input[type="range"]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  height: 8px;
}
input[type="range"]::-ms-fill-lower {
  background: #a0d3e0;
  border-radius: 5px;
}
input[type="range"]::-ms-fill-upper {
  background: #ccc;
  border-radius: 5px;
}
.displayname {
	font-weight:500;
}