body {
font-family: "Open Sans", Arial, sans-serif !important;
background: linear-gradient(
        135deg,
        #00C6FF 0%,   /* Hellblau */
        #8A77D8 50%,  /* Violett */
        #FF0FB9 100%  /* Pink */
    );
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

color:#FFF;
}

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

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


.player-container {
  background-color: #fff8f4 !important;
  color: #222 !important;
}

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

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

.song {
	background-color:#e8fbff !important;
	color: #222 !important;
	
}

#play-pause-button {
    border: 2px solid #E1005A !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: #E1005A;
  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: #E1005A; /* 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: #E1005A;
  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: #E1005A;
  cursor: pointer;
}
input[type="range"]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  height: 8px;
}
input[type="range"]::-ms-fill-lower {
  background: #E1005A;
  border-radius: 5px;
}
input[type="range"]::-ms-fill-upper {
  background: #ccc;
  border-radius: 5px;
}

.displayname {
	font-weight:600;
}