/**
	Author: Durani Robben
	Defines how the startpage should look.
*/


@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=de599e15-de1d-4039-b5ea-5857aaa98c0b&fontids=5663731,5664103");
@font-face{
	font-family:"Helvetica Thin";
	src:url("Fonts/5663731/6e758cde-9524-4104-8b38-78aa3d3a222f.eot?#iefix");
	src:url("Fonts/5663731/6e758cde-9524-4104-8b38-78aa3d3a222f.eot?#iefix") format("eot"),url("Fonts/5663731/9d1ff4e9-ed81-4251-88c5-c9c1352a215b.woff2") format("woff2"),url("Fonts/5663731/97135348-a627-408f-8626-ad4f413621b7.woff") format("woff"),url("Fonts/5663731/dd649459-f28a-4334-9c62-89c1b30aee02.ttf") format("truetype");
}
@font-face{
	font-family:"Helvetica Medium";
	src:url("Fonts/5664103/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix");
	src:url("Fonts/5664103/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix") format("eot"),url("Fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("Fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"),url("Fonts/5664103/14d824a2-2a5c-4692-8e30-74f6e177b675.ttf") format("truetype");
}

body {
	font-family: Helvetica Thin;
	padding: 2% 4%;
	margin: 0px;
}

h2{
	margin-top: 0px;
	margin-bottom: 10px;
}

.content{
	width: 100%;
	height: 100%;
}

.inline{
	display: inline-block;
	width: 24%;
}

/*Menü*/
.menu{
	margin-bottom: 10px;
}

input#menu{
	display: none;
}

.mobilemenu{
	display: none;
}

.menuelement{
	display: inline-block;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 20px; /* genau so groß wie designerLink !! */
	font-family: "Helvetica Thin";
}
.menuelement:first-child{
	padding-left: 0px;
}
.menuelement{
	color: #666666;
	text-decoration: none;
}

/*Indexpage*/
.indexImg{
	width: 100%;
	position: absolute;
	bottom: 12%;
	z-index: -1;
}

.mobileIndexImg{
	display: none;
	
	position: absolute;
	left: 0px;
	bottom: 20px;
}
.mobileIndexImg img{
	width: 100%;
}

.indexImg img{
	width: 65%;
	height: auto;
}

/*Über Uns*/
.lebenslaufÜberschrift{
	margin-bottom: 20px !important;
}

.lebenslaufImg{
	margin-bottom: 10px;
	width: 10%;
}

.lebenslauf{
	margin-bottom: 40px;
	color: #999;
	font-size: 18px;
}
.lebenslauf p{
	margin: 5px;
	font-size: 20px;
}

/*Werkstatt*/
.werkstattBox{
	display: inline-block;
	margin-right: 50px;
}

.smallWerkstattRow{
	margin-left: 6px;
}

.werkstattBigImgBox{
	height: 65% !important;
}

.smallWerktstattImg{
	width: 20%;
	display: inline-block;
	
	margin-bottom: 30px;
	margin-left: -6px;
	
	border: 3px solid gray;
	border-top: 0px;
}
.smallWerktstattImg img{
	width: 100%;
}

.werkstattText{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	
	color: #999;
	font-family: "Helvetica Thin";
}
.werkstattText p:first-child{
	margin-top: 0px;
	margin-bottom: 15px;
	
	font-weight: bold;
	font-size: 26px;
}
.werkstattText p{
	margin-top: 0px;
	margin-bottom: 5px;
	
	font-size: 20px;
}

/*Impressum*/
.impressum_text {
	margin-top: 3%;
	color: #6e766e;
	font-size: 20px;
	font-family: "Helvetica Thin";
	width: 60%;
}

/*Random Classes*/
.hidden{
	color: white;
}