* { padding: 0; margin: 0; border: 0; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html { font-size: 100%; font: inherit; vertical-align: baseline; /*min-height: 100.05%;*/ height: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; }
body {
	font-size: 62.5%;
	line-height: 1.6;
	background-color: #000000;
	text-align: center;
    -webkit-font-smoothing: antialiased;
    font-family: Arial, sans-serif; 
    color: #fff;
    height: 100%;
} 
/*img, embed, object, video { max-width: 100%; height: auto; }*/
img, embed, object { max-width: 100%; height: auto; }
img { vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
video { display: inline-block; }

a { color: #fff; text-decoration: none; }
a:hover { color: #a6a8a9; }
a:hover, a:active, a:focus { outline: none; }

h1 { font-size: 40px; font-weight: 400; }
h2 { font-size: 20px; font-weight: 400; padding-bottom: 20px; }

.versteckmich { display: none; visibility: hidden; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

strong, b { font-weight: 700; }

p { padding-bottom: 20px; }


#bgvideo-container { position: fixed; top: -50%; left: -50%; height: 200%; width: 200%; z-index: -1; }
#bgvideo { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; min-height: 50%; min-width: 50%; 
/*position: fixed; right: 0; bottom: 0; min-height: 100%; min-width: 100%; z-index: -1;*/margin: auto; overflow: hidden; font-size: 16px; 
-webkit-transition: 0.2s -webkit-filter linear;
transition: 0.2s filter linear;
}
#bgvideo.stopped {
-webkit-filter: blur(15px);
filter: blur(15px);
}

#wrapper { padding-top: 2%; }

#header { padding: 0 15px; }
#logo img { max-width: 200px; }
#navi { text-transform: uppercase; font-size: 1.6em; line-height: 1.8; font-weight: 700; }
#navi ul { list-style: none; }
#navi a:hover { color: #fff; border-bottom: 1px solid #fff; }

#btnclose { position: absolute; top: 5%; right: 4%; width: 30px; height: 30px; cursor: pointer; z-index: 3; display: none; }
#btnclose span { display:block; line-height:0; font-size:0; height: 3px; width: 30px; background-color: #fff; position: absolute; top: 15px; left: 0; width: 100%; }
#btnclose span:first-child{ 
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
#btnclose span:last-child {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}

#main { position: absolute; width: 100%; height: 60%; top: 20%; z-index: 10; display: table; }
.main_inner { display: none; vertical-align: middle; height: 100%; }
.main_inner.active { display: table-cell; }

.milchig { background: #ffffff; max-width: 500px; text-align: left; padding: 20px 25px 0 25px; color: #333; margin: 0 auto 20px auto; font-size: 14px; }
.milchig a { color: #333; }

#footer { position: fixed; bottom: 0; width: 100%; font-size: 14px; padding-bottom: 2%; }
#footer a { text-decoration: underline; }
 
@media only screen and (min-width: 768px) {
	/*#logo { display: inline; float: left; width: 25%; text-align: left; }
	#navi { display: inline; float: right; width: 25%; text-align: right; }
	*/
	#header { display: table; width: 95%; margin: 0 auto; }
	#logo, #navi { display: table-cell; vertical-align: middle; width: 50%; }
	#logo { text-align: left; }
	#logo img { max-width: 250px; }
	#navi { text-align: right; }
	#navi a { padding-bottom: 5px; margin-right: 40px; }
	#main { height: 70%; top: 15%; }
	h1 { font-size: 60px; }
	h2 { font-size: 40px; padding-bottom: 40px; }	
	.milchig { padding: 40px 50px 20px 50px; font-size: 16px; }
}

@media only print {
	body { background: #fff; color: #000; font-size: 1.6em; }
	video { display: none; }
}