body {
font-family: "Open Sans", Arial, sans-serif !important;
background-color:#310054;
color:#FFF;
}

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

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


.player-container {
  background-color: #573375;
}

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

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

.song {
	background-color:#16004c !important;
	
}

#play-pause-button {
    border: 2px solid #dc0095 !important;
	background-color: #e9e9ed !important;
	color: #000 !important;
}

/* Grundstyle */
input[type="range"] {
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  appearance: none;
  width: 100px;
  height: 8px;
  background: #dc0095;
  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: #dc0095; /* 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: #dc0095;
  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: #dc0095;
  cursor: pointer;
}
input[type="range"]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  height: 8px;
}
input[type="range"]::-ms-fill-lower {
  background: #dc0095;
  border-radius: 5px;
}
input[type="range"]::-ms-fill-upper {
  background: #ccc;
  border-radius: 5px;
}

.displayname {
	font-weight:600;
}