html,
            body {
                margin: 0;
                padding: 0;
            }
* {
	position: relative;
	padding: 0;
	border: 0;
	color: #485358;
	font-family: sans-serif;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.4em;
}
html { height: 100%; }
body { 
	min-height: 100%; 
	margin: 0; 
	text-align: left; 
	font-size: 1em;
	overflow-x: hidden;
}
a { cursor: pointer; }
#bg-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
#bg-video video {
	display: block;
	min-width: 155vw;
	min-height: 155vh;
	margin-left: 50vw;
  transform: translate(-50%);
}
#player iframe {
	filter: greyscale(0);	
}

#container { overflow-x: hidden; }
.center, .wrap {
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}
.valign { 
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
}
ul.nostyle { margin: 0; padding: 0; list-style: none; }
img.fit { width: 100%; height: auto; }
img.fit.max { width: auto; max-width: 100%; height: auto; }
a.button { display: inline-block; }
.mixBlend, .mixBlend p {
  -webkit-mix-blend-mode: difference;
  mix-blend-mode: difference;	
}
.content {
	height: 100vh;
	min-height: 800px;
	overflow: hidden;
}
.wrap {
	max-width: 1200px;
	height: 100%;
	padding: 1em 4em;
}
.wrap.wide {
	max-width: 1800px;
}
.topPos,
.bottomPos {
	position: absolute; right: 0; left: 0;
	z-index: 10;
}
.topPos { top: 0; }
.bottomPos { bottom: 0; }

/* #thatsMe { background: url('black50.png') repeat !important; } */

#header>div.bgWrap {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	background: #993366;
	z-index: -1;
}

#logo { margin-bottom: 2em; }

p, a {
	font-size: 1.4rem;
}
.bottomPos a {
	text-decoration: none;
}


.mixBlend .icon, p, a  { color: #993366 !important; }
a:hover, a:hover *, a:hover i:before  { color: #66cc99 !important; }

audio::-webkit-media-controls-panel {
  background-color: #993366;
}

#visualizeMusic {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
	.bgfixed { background-attachment: scroll; }
} /* Chrome fixed-bug! */

/* height 780px > festes grid auflösen */
@media screen and (min-width: 663px){

}