@import url(http://weloveiconfonts.com/api/?family=entypo);


/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

html, body {
	background: #181818;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	overflow: auto;
}
#main-wrapper {
	width: 850px;
	margin: 0 auto;
}
logo {
	margin: 0 auto;
}
#logo img {
	max-width: 843px;
	width: 100%;
	height: auto;
	width: auto\9;
	margin: 0 auto;
	padding-top: 15%;
}
#navi {
	margin: -50px auto;
	padding-left: 90px;
}
#navi .nav-link {
	display: inline-block;
	margin: 0 auto;
	width: auto;
}
#navi a:link, a:visited {
	color: #fff;
	font-size: 18pt;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 13px;
}
#navi a:link:first-of-type {
	padding-left: 8px;
}
#navi a:hover {
	color: rgb(65,171,229);
}
.slide-container {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgb(255,255,255);
	overflow: hidden;
}
#vita-container, #contact-container, #engineering-container, #industry-container {
	box-sizing: border-box;
	display: none;
	height: 100vh;
	width: 100%;
	padding: 20px 100px;
	margin-top: 20px;
}
#engineering-container, #industry-container {
	overflow: scroll;
}
#engineering-pdf {
	margin-top: 50px;
	padding-bottom: 20px;
}
/* Flags */

.flags-side img {
	height: 20px;
	width: auto;
	float: left;
	padding-right: 10px;
	z-index:9999;
	border: none !important;
}
.flag, .flag-icon-start img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	display: inline-block;
	z-index:9999;
	border: none !important;
}
.flag:hover, .flag-icon-start img:hover {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	-webkit-filter: none;
	opacity:1;
	z-index:9999;
	border: none !important;
}


.flag-icon-start, .flags-side {
	width: auto;
	position: absolute;
	right: 20px;
	top: 50px;
	z-index:9999;
}
.flag-icon-start img {
	float: left;
	margin-right: 10px;
	height: 20px;
	opacity: 0.2;
	z-index:9999;
	border: none !important;
}
/************* Allgemeine Formatierung *************/
.headline {
	font-size: 32pt;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 100px;
}
.content-container {
	width: 100%;
	margin-top: 50px;
}
.close {
	position:absolute;
	bottom: 8px;
	left: 50%;
	color: #000;
	font-size: 24pt;
	z-index:9999;
}
.close:hover {
	color: rgb(65,171,229);
	z-index:9999;
}

/************* VITA *************/
#vita {
	max-width: 90%;
	float: left;
	text-align: left;
}
#vita ul {
	padding-left:20px;
	text-indent:-25px;}
#vita li{
	font-size:12pt;
	color:rgb(0,0,0);
	font-weight:300;
	list-style:none;
	display:block;
	margin-bottom:10px;}
#vita span {
	padding-top: 20px;
	color:rgb(65,171,229);
	font-weight:700;
	font-size:15pt;
	margin-right:10px;
	
}
.vita {
	margin-left: 5px;
	z-index: 2;
}

/************* Engineering 2050 *************/
#engineering-link-line {
	margin-top: 30px;
	margin-bottom: 50px;
}
#engineering-link-line #engineering-link:link, #engineering-link:visited {
	font-size: 16pt;
	color: rgb(0,0,0);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}
#engineering-link-line #engineering-link:hover {
	color: rgb(65,171,229);
}