*{margin:0;padding:0;font-family:sans-serif;}

			body{
				background:#222;
			}
			
			header,main{text-align:center;}
			
			header img{
				margin: 0 auto 10px auto;
			}

			button {
				box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.6);
				background-color:rgba(255,255,255,0.2);
				border:1px solid #000;
				display:inline-block;
				cursor:pointer;
				color:#ffffff;
				font-family:Arial;
				font-size:14px;
				font-weight:bold;
				padding:7px 12px;
				text-decoration:none;
				text-shadow:0px 1px 0px #5b8a3c;
			}	

			button.active {
				background-color:rgba(255,255,255,0.4);
			}				
			
			main{
				margin: 0 auto;
				width:600px;
				max-width:80%;
				position:relative;
			}

			main ul{
				width:100%;
				list-style:none;
				opacity: 1;
				transition: opacity 1s;
				top:10px;
				z-index:2;
			}
			
			main ul.invisible{
				opacity: 0;
			}			
			
			main ul li a{
				background:rgba(255,255,255,0.4);
				display:block;
				width: 100%;
				padding: 10px 0;
				margin: 5px 0;
				transition: all 1s;
				color:#fff;
				font-size:12px;
				text-decoration:none;
				box-shadow: 0px 0px 0px #000;
			}

			main ul li a:hover{
box-shadow: 5px 5px 10px #000;			
			}
			
			main ul li a.spotify{
				background:rgba(30,215,96,1);
				color:#000;				
			}	

			main ul li a.bluesky{
				background:#0f73ff;		
			}	
			main ul li a.threads{
				background:#000;		
			}	

			main ul li a.youtube{
				background:rgba(255,0,0,1);				
			}	

			main ul li a.twitch{
				background:rgba(100,65,164,1);			
			}	

			main ul li a.twitter{
				background:rgba(29,161,242,1);			
			}
			
			main ul li a.discord{
				background:#7289DA;			
			}	
			
			main ul li a.instagram{
				background:#C13584;			
			}	

			
			main ul li a.mastodon{
				background:#563ACC;			
			}	

			main ul li a.facebook{
				background:#3b5998;			
			}	

			main ul li a.linkedin{
				background:#0e76a8;			
			}		

			main ul li a.xing{
				background:#126567;			
			}

			main ul li a.github{
				background:#333;			
			}			
            main ul li a.gitlab{
				background:#fca326;			
			}	

			main ul li a.kickstarter{
				background:#2bde73;			
			}	

			main ul li a.tiktok{
				background:#000;			
			}			

			main ul li a.vidlii{
				background:#4981ff;			
			}	
			main ul li a.reddit{
				background:#FF5700;			
			}	

			main ul li a.new{
				background:yellow;
				color:#000;		
			}				
			
			
#merch {
    width: 80vw;
    max-width: 600px;
    /* height: 10vw; */
    margin: 0 auto;
    clear: both;
    padding: 5px 0;
    border: 2px solid #000;
    box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.6);
	background:#fff;
	margin-bottom:50px;
}
			
			#merch a{
				display:block;
				height:100%;
				width:100%;
				bottom:0;
				color:#000;
				text-decoration:none;
				font-weight:bold;
			}					

			footer{
				height:30px;
				line-height:30px;
				position:fixed;
				bottom:0;
				width:100%;
				text-align:center;
				background:rgba(0,0,0,0.6);
			}
			
			footer p, footer a{
				font-size:12px;
				color:#fff;
				font-weight:bold;
				text-decoration:none;				
			}

			.displayNone{
				display:none;
			}
div.invisible{
	display:none;
}

div#twitchstream a {
    color: #fff;
    text-decoration: none;
    width: 80vw;
	max-width:600px;
    background: #6441a5;
    display: block;
    margin: 0 auto 10px auto;
    padding: 5px 0;
    border: 2px solid #000;
	box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.6);
}	

div#twitchstream a i {
    font-size:12px;
}

div#impressum,div#datenschutz {
    background: #fff;
    width: 90%;
    position: fixed;
    left: 5vw;
    top: 5vh;
    overflow: scroll;
    height: 90vh;
}

div#impressum *, div#datenschutz * {
    padding: 10px 5px;
}

a.close {
    font-size: 48px;
    position: fixed;
    right: 5vw;
    top: 3vh;
}