@import url('https://fonts.googleapis.com/css?family=Raleway:100,400|Roboto:300,400,500');

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
}

/*================================================================================= Header */

#header {
	height: 300px;
	width: 100%;
	text-align: center;
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 0%, #ffffff 10%, #ffffff 74%, #ededed 96%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 10%,#ffffff 74%,#ededed 96%,#ffffff 100%);
	background: linear-gradient(to bottom, #ededed 0%,#ffffff 10%,#ffffff 74%,#ededed 96%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
}

#headline {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 60px;
	padding-top: 90px;
}

@media screen and (max-width: 550px) {

#headline {
	font-size: 40px;
	padding-top: 70px;
}

}

/*================================================================================= Elbow logo */

#elbow {
	text-align: center;
	margin-top: 50px;
	height: 100px;
}

/*================================================================================= Font */

.title {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 40px;
	padding-top: 90px;
	text-align: center;
}

p {
	font-family: 'Roboto', sans-serif;
	color: #333333;
	font-size: 18px;
	font-weight: 300;
}

a {
	text-decoration: none !important;
	color: #ffffff;
}

.jahr {
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	margin-top: -130px;
	text-shadow: 0px 0px 5px #000000;
}

/*================================================================================= Lehrlinge */

#marco {
	height: 300px;
	width: 100%;
	margin-top: 100px;
	background-image: url(../img/Background_Marco.jpg) !important;
	background-size: 100%;
	text-align: center;
	line-height: 5.5;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 50px;
	text-shadow: 0px 0px 5px #000000;
	background-color: #000000;
}

#marco:hover {
	opacity: 0.9;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#tim {
	height: 300px;
	width: 100%;
	margin-top: 0;
	background-image: url(../img/Background_Tim.jpg) !important;
	background-size: 100%;
	text-align: center;
	line-height: 5.5;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 50px;
	text-shadow: 0px 0px 5px #000000;
	background-color: #000000;
}

#tim:hover {
	opacity: 0.9;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#schnuppern {
	height: 300px;
	width: 100%;
	margin-top: 0;
	background-image: url(../img/Background_Schnuppern.jpg) !important;
	background-size: 100%;
	text-align: center;
	line-height: 5.5;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 50px;
	text-shadow: 0px 0px 5px #000000;
	background-color: #000000;
}

#schnuppern:hover {
	opacity: 0.9;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

@media screen and (max-width: 550px) {
	
#marco {
	height: 270px;
	line-height: 6.5;
	font-size: 35px;
}

#tim {
	height: 270px;
	line-height: 6.5;
	font-size: 35px;
}

#schnuppern {
	height: 270px;
	line-height: 6.5;
	font-size: 35px;
}

}

/*================================================================================= Footer */

footer {
	height: 300px;
	width: 100%;
	margin-top: 100px;
	background-color: #ededed;
	text-align: center;
}

#baseline {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 60px;
	padding-top: 120px;
}