* {
	-mox-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:0;
	border:0;
	color:#515151;
	font:300 14px/21px 'Nunito', Arial, sans serif;
}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display:block;}
html, body {
	margin:0 auto;
	text-align:center;
	width:100%;
	min-height:100%;
}
a {color:#929292; text-decoration:none;}
a:hover {color:#515151;}
ul {margin-left:35px;}
p {margin-bottom:15px;}
h1, h2 {font-size:28px; color:#929292; margin:35px 0;}
h1 {margin-top:0;}
h3 {font-size:21px; color:#929292; margin-bottom:21px;}
.text400, b {font-weight:400;}
.float-left {float:left; margin:0 20px 20px 0;}
.img-left{float:left; margin:0 15px 15px 0;}
.textgray{color:#929292;}
.clear{clear:both;}
.tleft{text-align: left;}

#wrapper{
	position:relative;
	height:auto !important;
	min-height:100%;
	min-width:990px;
	width:100%;
	background-color:#FFF;
}

header {
	width:100%;
	height:70px;
}
.content {
	margin:0 auto;
	padding:0 15px;
	width: 990px;
}
.flex {
	display: flex;
	flex-flow: row wrap;
}
.flex-center {
	justify-content: center;
}

[class*='col-'] {
	padding: 0 15px; /* column-space */
}
.col-1-3 { flex: 1 33%; }
.col-1-2 { flex: 1 50%; }
.col-2-5 { flex: 1 40%; }
.col-3-5 { flex: 1 60%; }

header .content a {
	margin:0;
	padding:0;
  list-style:none;
  display:inline-block;
	margin-top:16px;
	height:48px;
	background-image:url('/images/logo.png');
	background-repeat:no-repeat;
	background-size:auto 48px;
}
#hawe {
	background-position:0;
	width:149px;
}
.logos {
	width: calc(100% - 149px);
	display: flex;
	justify-content: flex-end;
}
#iveco {
	background-position:-383px 0;
	width:105px;
	margin-right:35px;
}
#seat {
	background-position:-496px 0;
	width:63px;
	margin-right:35px;
}
#motowell {
	background-position:-563px 0;
	width:55px;
}
.menu {
	display: none;
}

#imgsection {
	height:326px;
	width:100%;
	background:-moz-linear-gradient(bottom,#929292,#CACACA);
	background:-webkit-gradient(linear,left top,left bottom,from(#929292),to(#CACACA));
	background:-ms-linear-gradient(bottom,#929292,#CACACA);
	background:linear-gradient(bottom,#929292,#CACACA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292',endColorstr='#CACACA');
	z-index:1;
}
#imgtop{
	height:100%;
	width:100%;
	background-image:url(/images/head.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:cover;
}

main {
	margin:0 auto;
	padding:35px 0 95px;
	width:990px;
}

nav {
	margin:0 auto;
	border-bottom:1px solid #929292;
	padding:15px 0;
	max-width: 990px;
}
nav a{
	display:inline-block;
	padding:0 10px;
	font-size:17px;
	color:#515151;
	border-right:1px solid #929292;
	font-weight:400;
}
nav a:last-child{border-right:0;}
nav a:hover{color:#929292;}

.inl{display:inline-block; vertical-align:top; text-align:left; margin:0 15px;}
.elm2{width:135px;}
.elm3{width:217px;}
.elm4{width:300px;}
.elm5{width:383px;}
.elm6{width:465px;}
.elm7{width:547px;}
.elm9{width:713px;}
.elm12{width:960px;}

.imgBlock{
	width:300px;
	height:150px;
	overflow:hidden;
	margin-bottom:21px;
}
.imgBlock img{
	width:300px;
}

iframe.noscroll{
	overflow-y:scroll;
	overflow-x:hidden;
}

#map{
	position:absolute;
	bottom:60px;
	height:410px;
	width:100%;
	min-width:990px;
	background-color:#F00;
}

footer{
	position:absolute;
	bottom:0;
	height:60px;
	width:100%;
	min-width:990px;
	background-color:#151515;
}
footer div{
	padding:15px 0;
	color:#ECECEC;
}
footer div:last-child{
	text-align:right;
}
footer div a{
	display:inline-block;
	padding:0 15px;
	color:#ECECEC;
}
footer div a:last-child{
	padding-right:0px;
}
footer div a:hover{color:#929292;}

#footerfix{
	position:fixed;
	bottom:0;
	height:40%;
	width:100%;
	background-color:#151515;
	z-index:-99;
}

/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

@media screen and (max-width: 600px) {
  header {
		position: fixed;
		top: 0;
		left: 0;
		height: 72px;
		z-index: 99;
		background-color: #FFF;
	}
	.content { width: 100%; }
	#hawe { flex: 2; }
	.logos {
		display: none;
	}

	/* Menu */
	.menu {
		display: inline-block;
		cursor: pointer;
		padding: 18px 5px 0 0;
	}

	.bar1, .bar2, .bar3 {
		width: 30px;
		height: 3px;
		background-color: #929292;
		border-radius: 5px;
		margin: 6px 0;
		transition: 0.4s;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}

	#wrapper {
		min-width: 100%;
		margin-top: 70px;
	}
	#imgsection { height: 225px; margin-top: 72px;}

	nav { display: none; }

	[class*='col-'] {
		flex: 1 100%;
	}

	main { width: 100%; }
	#map, footer { min-width: 100% }
}