@charset "UTF-8";

/** RESET **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
strong, b { font-weight:700; }
em, i { font-style:italic; }
header,nav,main,section,article,aside,footer{display: block}

*, *:before, *:after {
	box-sizing:inherit;
}

::-moz-selection {
	color:#FFFFFF;
	background-color:#f9b200;
}

::selection {
	color:#FFFFFF;
	background-color:#f9b200;
}

html {
	background-color:#44230d;
	font-family:Roboto, Arial, Geneva, sans-serif;
	font-size:20px;
	font-weight:300;
	line-height:30px;
	color:#FFFFFF;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

html.Imprint {
	background-color:#FFFFFF;
	color:#000000;
}

body {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
}


a {
	color:#FFFFFF;
	border-bottom:1px solid;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}

a:hover {
	color:#f9b200;
}

a, a:before, a:after, a[rel^='lightbox'] img,
.Button, .Button:after {
	-webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
}


.Top {
	background-color:#44230d;
	padding:30px 0 60px 0;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.Start .Logo {
	width:50%;
	margin:0 auto;
	padding:0 20px;
	float:left;
}

.Logo img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.Intro {
	width:50%;
	margin:30px auto 0;
	padding:0 20px;
	text-align:center;
	position:absolute;
	right:0;
	bottom:50px;
}

.Bottom {
	height:400px;
	height:calc(100vh - 257px - 30px - 60px);
	min-height:400px;
}

.Imprint .Bottom {
	padding:70px 0;
	position:relative;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
}

.Imprint .Bottom p {
	width:100%;
	max-width:333px;
	margin:0 auto;
}

.Image-Left {
	width:40%;
	height:100%;
	background-image:url('../img/faema_e61_DSC4139.jpg');
	background-size:cover;
	background-position:center;
	float:left;
}

.Image-Right {
	width:60%;
	height:100%;
	background-image:url('../img/faema_e61_DSC4163.jpg');
	background-size:cover;
	background-position:center;
	float:right;
}

.Bottom .Imprint {
	border-bottom-width:0;
	text-transform:uppercase;
	font-size:16px;
	position:absolute;
	right:20px;
	bottom:20px;
}

.Footer {
	margin:20px 0;
	text-align:center;
}



@media screen AND (max-width:680px) {
	.Start .Logo {
		width:100%;
		float:none;
	}

	.Intro {
		width:100%;
		position:static;
	}

	.Bottom {
		min-height:400px;
		height:100vh;
	}

	.Image-Left,
	.Image-Right {
		width:100%;
		height:50%;
		float:none;
	}
}