body{
    font-family:'Droid Sans', sans-serif;
    background-color: #000;
    margin:0;
    height:100%;
    width:100%;
    z-index:1;
}
#jumper{
    background-image:url(../img/top.png);
    background-color:#000000a6;
    border-radius:100%;
    background-size:contain;
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    margin:0 auto;
    text-align:center;
    position:fixed;
    bottom:10%;
    top:90%;
    left:90%;
    z-index:5000;
    display:none;
}
@media screen and (max-width:680px){
    #jumper{
        left:85%;
    }
}
#stripes{
    height:100%;
    width:100%;
    float:left;
    background:url(../img/stripes.png) repeat;
    position: fixed;
    z-index:0;
}
#background{
    background-image:url(../img/Stabbed_In_Dreams-Save_Me-Guy.jpg);
    opacity: 0.5;
    -webkit-background-size:cover;
    -moz-background-size:cover;
 
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top;
    position:fixed;
    margin:0;
    height:100%;
    width:100%;
    z-index:-300;
}
menu{
    margin-top:10px;
    padding:0;
}
#impressumBack{
    background-color:#262523;
    height:100%;
    width:100%;
}
button{
    border:none;
    outline:none;
}
.darkness{
    background-color:none;
    opacity:0.5;
    box-shadow:#000 0 0 100px 100px inset;
    height:100%;
    width:100%;
    margin:0;
    position:fixed;
    z-index:-200;
}

li{
    margin:2%;
    display:inline;
    color:#fff;
    text-shadow:1px 2px 2px #333;
}
@media screen and (max-width:480px){
    li{
        padding-top:3%;
        display:inline;
        text-align:center;
    }
}
a:link{
    color:#fff;
    text-decoration:none;
}
a:visited{
    color:#fff;
    text-decoration:none;
}
a:hover{
    color:#fff;
    text-decoration:none;
}
a:active{
    color:#fff;
    text-decoration:none;
}
#header{
    margin-top:0px;
    height:auto;
    width:100%;
    background-color:transparent;
    padding-top:0px;
    z-index:900;
    position:relative;
}

#logo{
    width:70%;
	max-width: 800px;
    padding-top: 10%;
    margin: 0 auto;
    height:auto;
    text-align: center;
    color:#fff;
    font-size: 15pt;
	float:none;
}
@media screen and (max-width:480px){
    #logo{
        width:80%;
        margin-left:10%;
        margin-top:10%;
	float:left;
    }
}
#streamIcons{
    width:23.4%;
}
@media screen and (max-width:480px){
    #streamIcons{
        width:23.4%;
    }
}
#downButton{
    width:100%;
    float:left;
    margin-top:5%;
    display: none;
}
.downButton{
    background-image:url(../img/down.png);
    background-color:#000000a6;
    border-radius:100%;
    background-size:contain;
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    margin:0 auto;
    text-align:center;
    position:relative;
    bottom:10%;
    top:90%;
}
#calImg{
    margin:0 auto;
    width:35px;
    padding-bottom:5px;
}
.gigsItems{
    width:100%;
    margin-left:0%;
    height:auto;
    color:#fff;
    background-color:transparent;
    float:left;
    text-align:center;
}
#gigs{
  background-color:transparent;
    width:70%;
    margin-left:15%;
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:50px;
    margin-top:70px;
    top:0px;
    height:auto;
    float:left;
    border-radius:25px;
    text-shadow: 0 0 10px black;
}
@media screen and (max-width:480px){
    #gigs{
        padding-top:10px;
		width:90%;
		margin-left:5%;
    }
}
@media screen and (max-width:480px){
    .gigsItems{
        width:100%;
        margin-left:0%;
        margin-top:0%;
    }
}
#content{
    position: relative;
    height:auto;
}
.musicPlayer{
    opacity:10;
    height:auto; /* 50% */
    width:70%;
    margin-left:15%;
    margin-bottom:50px;
    margin-top:0px;
    z-index:1000;
    text-align:center;
    float:left;
    color:#fff;
    font-weight:700;
    font-size:15pt;
    position:relative;
}
@media screen and (max-width:480px){
    .musicPlayer{
        height:auto; /* 50% */
        width:90%;
        margin-left:5%;
        margin-left:5%;
        margin-bottom:50px;
    }
}
.videoPlayer{
    opacity:10;
    height:70%;
    width:100%;
    margin-left:0%;
    margin-top:50px;
    z-index:1000;
    text-align:center;
    float:left;
    color:#fff;
    font-weight:700;
    font-size:15pt;
    position:relative;
}
@media screen and (max-width:480px){
    .videoPlayer{
        height:50%;
    }
}
#newsBack{
    padding-top:20px;
    padding-bottom:30px;
    background-color:transparent;
    float:left;
    width:100%;
    height:auto;
}
#news{
    margin-left:15%;
    margin-right:15%;
    width:70%;
    color:#f5f5f5;
    font-size:25pt;
    height:auto;
    padding-bottom:5%;
    background-color:none;
    text-align:center;
    float:left;}

#newsItem{
    background-color:transparent;
    color:#f5f5f5;
    width:100%;
    font-size:11pt;
    border-bottom:1px solid #F0EDE8;
}

#social{
    margin-left:15%;
    margin-right:15%;
    width:70%;
    color:#f5f5f5;
    font-size:25pt;
    height:auto;
    padding-bottom:5%;
    background-color:none;
    text-align:center;
    float:left;}
#ig{
    height:auto;
    width:100%;
    padding-bottom:20px;
    background-color:#262523;
    float:left;
}
.ig-inner{
    margin-top:50px;
    width:70%;
    margin-left:15%;
    text-align:center;
    color:#f5f5f5;
}
#glymph{
    margin-right:10px;
}
#footerLeft{
    width:70%;
    position: relative;
    height:auto;
    margin-left:15%;
    margin-right:15%;
    padding-top:50px;
    padding-bottom:30px;
    background-color:none;
    color:#fff;
    text-align: center;
}
#footerBorder{
    width:0.1%;
    height:100px;
    background-color:#fff;
    float:left;
    display:none;
}
.footerRightInnerText{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	padding-bottom:15px;
	padding-top:15px;
	margin-top:0px;
	margin-bottom:50px;
    height:auto;
    text-shadow: 0 0 10px black;
}
@media screen and (max-width:480px){
    .footerRightInnerText{
        padding-top:10px;
			width:90%;
		margin-left:5%;
		margin-right:5%;
    }
}
.footerRightInner{
    width:70%;
    height:auto;
    margin-left:15%;
    margin-right:15%;
    padding-top:0%;
    text-align: center;
    z-index:1000;
	border-radius:25px;
		background-color:#00000054;
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

}

@media screen and (max-width:1024px){
    .footerRightInner{
        background-color:#00000054;
		 padding-top:10px;
		width:90%;
		margin-left:5%;
		margin-right:5%;
    }
}

#footerRight{
   width:100%;
    height:auto;
    position: relative;
    float:left;
    margin-right:0;
    color:#fff;
    z-index:900;
}

@media screen and (max-width:1024px){
    #footerRight{
        width:100%;
        height:auto;
        margin-left:0%;
        margin-right:0%;
        padding-bottom:0px;
        clear:both;
        float:left;
        color:#fff;
    }
}

@media screen and (max-width:480px){
    #footerLeft{
        width:80%;
        height:800px;
        margin-left:10%;
        margin-right:10%;
        padding-bottom:20px;
        clear:both;
        background-color:#262523;
        color:#fff;
    }
}

@media screen and (max-width:480px){
    #footerBorder{
        margin-top:20px;
        margin-bottom:20px;
        height:0.2%;
        width:80%;
        margin-left:10%;
    }
}
#socialMedia{
    width:100%;
    height:auto;
    padding-top:0px;
    bottom:0;
    background-color:#262523;
    float:left;
}
.socialMediaInner{
    margin-top:10px;
    text-align:center;
    width:100%;
    height:auto;
}
#footerBottom{
    width:100%;
    text-align:center;
    height:auto;
    float:left;
    padding-top:50px;
    padding-bottom:50px;
    background-color:#262523;
}
@media screen and (max-width:480px){
    #footerBottom{
        text-align:center;
    }
}
#footer{
    padding-top:0px;
    padding-bottom:0px;
    height:auto;
    width:100%;
    /*background-color:#262523;*/
    position:relative;
    bottom:0;
    float:left;
}
footer{
    width:auto;
    height:auto;
    bottom:0;
    /*background-color:#262523;*/
}