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

.player-container {
  background-color: #006e8f !important;
  color: #FFF;
}  

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

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

  
.song {
background-color: #34a0a4 !important;
	 
 }
.current-show, .current-song {
    border-bottom: 2px solid #ff5050 !important;
}

.song-history .song .song-time {
    background-color: #ff5050 !important;
	color: white !important;
}

#play-pause-button {
    border: 4px solid #FFF !important;
	background-color: #ff5050 !important;
}


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

.displayname {
	font-weight:500;
}