body, html {
	margin: 0;
	padding: 0;
}

body {
	background: #2145a1;
}

h2 {
	padding: 20px 20px 0 30px; color: #fff;
}
.m-20 {
	margin:20px;
}
.p-20 {
	padding:20px;
}
.panel { 
	margin: 20px; 
	padding: 10px;
	background: #2145a1;
}	
.audio-panel { 
	border:none !important;
}

.list-group-item.active {
	background-color: #aa1a18;
	border-color: #aa1a18;
}

#playlist,audio {
	width:100%;
}
.active a {
	color:#fff;
	text-decoration:none;
}
.active a::before {
	content: "Aktueller Sound: ";
	text-decoration:none;
	color: #FFD700;
}
ul{list-style:none; margin:0px; padding:20px;}
li{margin:0px; padding:0px;}
li, a{transition:all 0.5s;}
.list-group-item.active a{ text-decoration:none; color:#fff;}
a{display:block; position:relative; width:100%;}
li a{display:block; text-decoration:none;}
li:hover{background-color:#333;}
li a:hover{text-decoration:none; color: #fff;}
a{color:#8d8d8d; text-decoration:none;}
.last{display:none;}