/* Reset all styles from default browser preferences */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0px; }
* {
	box-sizing: border-box;
}
/* font-face definition */
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* start styles */
body {
	background: rgb(0,0,0);
	margin: 0;
	font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* text-styles */
p{
	color:#fff;
	font: 12pt 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	letter-spacing: 0.05em;
}
h1{
	color:#fff;
	font: 15pt 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	letter-spacing: 0.05em;
}
h2{
	color:#fff;
	font: 12pt 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	letter-spacing: 0.05em;
}
a{
	color:#fff;
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	line-height:1.2em;
	letter-spacing: 0.05em;
	text-decoration: none;
}
a:hover{
	color: rgb(0,0,0);
}
a.active{
	color: rgb(0,0,0);
}
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

/* video startpage */
#myVideo {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%; 
    min-height: 100%;
    z-index:-1;
}

.content {
    position: fixed;
    bottom: 0;
    /*background: rgba(255, 255, 255, 0.0);*/
    color: #f1f1f1;
    width: 100%;
    height:100%;
    padding: 20px;
}

#myBtn {
    width: 200px;
    font-size: 12pt;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    padding: 0;
    margin:5px;
    border: 2px solid #fff;
    border-radius: 5px;
    background: rgba(255,255,255,0.5);
    color: #fff;
    cursor: pointer;
}

#myBtn:hover {
    background: rgba(0,0,0,0.5);
    border: 2px solid rgba(125,125,125,0.5);
    color: #fff;
}



/* impressum */
#imprint-text h1, #imprint-text h2, #imprint-text p, #imprint-text a, #imprint-text ul li{
	font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
/*	color:rgb(125,125,125);*/
color:rgb(255,255,255);
}
#imprint-text{
	position:relative;
	width:90%;
	left:5%;
	padding-top:5%;
}
#imprint-text ul{
	list-style: square inside;
}