/* ------------------------------------------
  GENERAL STYLES
--------------------------------------------- */

body {
	font-size: 100%;
	font-family: 'DIN Next W01 Regular';
	background: #e5e5e5;
	color: #555;
	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
  	text-size-adjust: 100%;
}

div, ul, li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

#fullwrap {
	width: 100%;
}

.container {
	margin: 0 auto;
	max-width: 1080px;
	background: #fff;
	overflow: hidden;
	padding: 0 40px;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
}

@media (max-width: 1080px) {
	.container {
		width: 94%;
		padding: 0 3%;
	}
}

.row {
	width: 100%;
	float: left;
	overflow: hidden;
}

.row-gallery {
	margin-bottom: 3.8%;
}


/* ------------------------------------------
  SECTION STYLES
--------------------------------------------- */

section {
  text-align: left;
  padding: 0;
  height: auto;
  width: 100%;
  padding: 0;
  background: #e5e5e5;
}

section ul {
	margin-left: 0;
}

section ul li {
	list-style: none;
	font-size: 100%;
	line-height: 1.25em;
	margin-bottom: 0;
	color: #555;
	padding: 12px 24px;
}

section ul li span {
	font-size: 80%;
	font-family: 'DIN Next W01 Regular';
}

/* ------------------------------------------
  HOME
--------------------------------------------- */

#home {
	padding: 110px 0 0;
	position: relative;
}

#home .container {
	padding: 0;
}

#home .container h2 {
	color: #fff;
}
	
#home .grid-four {
	padding: 0;
	border: 0;
	background: none;
}

.banner-holder {
	position: relative;
	width: 100%;
}

.banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #587DAB;
	background: rgba(0,0,0, .3);
	width: 30.75%;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4);
}

.banner-image {
	margin-top: 65px;
	text-align: center;
}

.banner-image-text {
	font-size: 75%;
	color: #eee;
	margin-top: 10px;
}

/* ------------------------------------------
  FUHRPARK
--------------------------------------------- */

#fuhrpark {
	padding-top: 96px;
}

#fuhrpark .container {
	padding-top: 64px;
	padding-bottom: 124px;
	background: #efefef;
}

#fuhrpark ul li {
	background: #fafafa;
	border: 1px solid #e7e7e7;
	font-weight: normal;
	font-style: normal;
	font-family: 'DIN Next W01 Bold';
	margin-bottom: 14px;
	font-size: 110%;
}

/* ------------------------------------------
  LEISTUNGEN
--------------------------------------------- */

#leistungen {
	padding-top: 96px;
}

#leistungen .container {
	background: url(images/leistungen.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	padding-top: 66px;
	padding-bottom: 128px;
}

#leistungen h1 {
	margin-bottom: 42px;
	color: #fafafa;
	text-align: left;
}

#leistungen ul {
	margin-bottom: 36px;
}

#leistungen ul li {
	background: #fdfdfd;
	background: rgba(255,255,255,.92);
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #fafafa;
	font-size: 110%;
}

#leistungen ul li:first-child {
	background: #E1533D;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-family:'DIN Next W01 Bold';
	border: 0;
}

#leistungen ul li:last-child {
	border-bottom: 0;
}

/* ------------------------------------------
  KONTAKT
--------------------------------------------- */

#kontakt {
	padding-top: 96px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4);
}

#kontakt .container {
	background: #555;
	padding-top: 70px;
	padding-bottom: 100px;
}

#kontakt h1 {
	color: #aaa;
}

#kontakt p {
	color: #ddd;
}

#kontakt strong {
	color: #ddd;
	font-family: 'DIN Next W01 Bold';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	margin-top: 11px;
}

.kontakt-first {
	border-bottom: 1px solid #444;
	overflow: hidden;
	padding: 0 0 42px;
}

.kontakt-second {
	border-top: 1px solid #666;
	padding: 52px 0 0;
}

.tochterunternehmen {
	text-align: right;
}


#kontakt p.tochterfirma, #kontakt p.tochterunternehmen {
	color: #aaa;
	font-family: 'DIN Next W01 Bold';
	font-weight: normal;
	font-style: normal;
}

#kontakt ul li {
	padding: 0;
	line-height: 1.6em;
	font-size: 95%;
	color: #aaa;
}


#last {
	padding: 25px 0 250px;
}

#last .container {
	background: none;
	box-shadow: none;
	text-align: center;
	color: #777;
}

/* ------------------------------------------
  BASIC GRID
--------------------------------------------- */

.grid {
	margin-right: 3.8%;
	float: left;
	position: relative;
	min-height: 1px;
}

.grid-last {
	margin-right: 0;
	float: right;
}

.grid-two {
	width: 13.45%
}

.grid-four {
	width: 30.75%;
}

.grid-six {
	width: 48%;
}

.grid-eight {
	width: 65.4%;
}


/* ------------------------------------------
  TYPOGRAPHY
--------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family: 'DIN Next W01 Bold';
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 180%;
	color: #E1533D;
	margin-bottom: .9em;
	text-transform: uppercase;
}

.content {
	padding: 0;
	text-align: right;
	font-size: 220%;
	text-transform: none;
}

.first {
	font-size: 225%;
	line-height: 1.12em;
	margin: 0;
	color: #fff;
	padding: 40px 40px 0;
	text-transform: none;
}

p {
	font-family:'DIN Next W01 Regular';
	font-size: 100%;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.third {
	color: #fff;
	padding: 20px 40px 10px;
	font-size: 110%;
	line-height: 1.44em;
	margin-bottom: 0;
}

a {
	color: #E1523D;
	text-decoration: none;
}

strong {
	font-weight: normal;
	font-style: normal;
	font-family:'DIN Next W01 Bold';
}

.small {
	font-size: 80%;
}

/* ------------------------------------------
  ICONS
--------------------------------------------- */

.iconspan1 {
	color: #999;
	margin-right: 10px;
}


/* ------------------------------------------
  FRESCO
--------------------------------------------- */

img .fresco {
	-webkit-backface-visibility: hidden;
}


/* ------------------------------------------
  MEDIA QUERIES
--------------------------------------------- */

@media (min-width: 1000px) and (max-width: 1080px) {
	.first {
		font-size: 195%;
	}
}

/*GENERAL*/
@media (max-width: 1000px) {
	.content, #leistungen h1 {
		text-align: center;
	}

	.grid-six {
		width: 100% !important;
	}

	header .container {
		width: 100%;
	}

	.logo {
		padding-left: 3% !important;
	}
}


/* HOME */
@media (max-width: 1000px) {
	.banner-text {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: #E1533D;
	}

	.first {
		padding: 30px 30px 0;
	}

	.third {
		padding: 20px 30px 40px;
	}

	.banner-image {
		margin-top: 0;
		padding: 20px 0 40px;
		background: #fff;
	}

	.banner-image > .third {
		padding-bottom: 10px;
		color: #777;
		text-shadow: none;
	}

	.banner-image-text {
		color: #777;
		text-shadow: none;
	}
}

@media (max-width: 620px) {
	.first {
		font-size: 160%;
	}

	#home {
		padding-top: 80px;
	}
}

@media (max-width: 360px) {
	.first {
		font-size: 140%;
	}

	#home {
		padding-top: 70px;
	}
}

/* KONTAKT */
@media (max-width: 1000px) {
	#kontakt .container {
	padding-left: 6%
	}
	
	#kontakt .grid-last  {
		width: 100% !important;
	}

	#kontakt .grid-four {
		width: 50%;
		margin: 0;
	}

	 #kontakt .content, #kontakt p.tochterunternehmen {
	 	text-align: left;
	 }
}

@media (max-width: 590px) {
	#kontakt .grid-four {
		width: 100%;
		margin: 0;
	}

	#kontakt ul {
		margin-bottom: 40px;
	}
}