@font-face { font-family: 'Merriweather';
             src: url('fonts/merriweather-regular.woff2')  format('woff2'),
                  url('fonts/merriweather-regular.woff')  format('woff');
				   }
			 
@font-face { font-family: 'PT Sans Narrow';
             src: url('fonts/OpenSans-CondLight.ttf') format('truetype'); 
			 }

* {
    margin: 0;
    padding: 0;
}

body {
	background-color: #efefef;
	margin: 0; 
	padding: 0;
	font-size: 14px;
	line-height: 22px;
	color: #393939;
	font-family: "Merriweather";
	border: none;
	overflow-x: auto;
	overflow-y: scroll;}
	
img {border: none; margin: 0; padding: 0;}

.wrapper {
    max-width: 1080px;
	  margin: 0 auto;
}

p.text {
	font-family: "PT Sans Narrow";
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	}
#logo {
	width: 100%;
	padding: 40px 0;
	text-align: center;
	}

#sales {
	width: 31.33333%;
	padding: 30px 0px 40px 0px;
	margin-right: 1%;
	margin-left: 1%;
	text-align: center;
	background: #fff;
	min-height: 450px;
	-webkit-box-shadow: 0 0 3px 2px #cccccc;
box-shadow: 0 0 3px 2px #cccccc;
position: relative;
float: left;
	}
#logistics {
	width: 31.33333%;
	padding: 30px 0px 40px 0px;
	margin-right: 1%;
	margin-left: 1%;
	text-align: center;
	background: #fff;
	min-height: 450px;
	-webkit-box-shadow: 0 0 3px 2px #cccccc;
box-shadow: 0 0 3px 2px #cccccc;
position: relative;
float: left;
}
#costconsult {
	width: 31.33333%;
	padding: 30px 0px 40px 0px;
	margin-right: 1%;
	margin-left: 1%;
	text-align: center;
	background: #fff;
	min-height: 450px;
	-webkit-box-shadow: 0 0 3px 2px #cccccc;
box-shadow: 0 0 3px 2px #cccccc;
position: relative;
float: left;
	}
#text {
	padding: 30px 20px 0px 20px;
	}
a.text {
	font-family: "PT Sans Narrow";
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	}
	
a.text:visited {
	color: #393939;
}
a.text:hover {
	color: #134c92;
	text-decoration: underline;
}
a.link {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	}
	
a.link:visited {
	color: #393939;
}
a.link:hover {
	color: #134c92;
	text-decoration: underline;
}
#slogan {
	position: relative;
	float: left;
	font-family: "PT Sans Narrow";
	text-transform: uppercase;
	font-size: 28px;
	padding: 70px 0;
	text-align: center;
	width: 100%;
	line-height: 35px;
	}
#beschreibung {
	position: relative;
	float: left;
	padding: 40px 0;
	width: 100%;
	border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;

	}
#beschreibung_links {
	position: relative;
	float: left;
	width: 45%;
	margin: 0 2% 0 3%;
	}
#beschreibung_rechts {
	position: relative;
	float: left;
	width: 45%;
	margin: 0 3% 0 2%;
	}	
#footer {
	position: relative;
	float: left;
	font-family: "PT Sans Narrow";
	text-transform: uppercase;
	padding: 40px 0;
	text-align: center;
	width: 100%;
	}
a.footer {
	font-family: "PT Sans Narrow";
	text-transform: uppercase;
	text-decoration: none;
	color: #393939;
	margin: 0 10px;
	}
	
a.footer:visited {
	color: #393939;
}
a.footer:hover {
	color: #134c92;
	text-decoration: underline;
}

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

#sales {
	min-height: 480px;
	}
#logistics {
	min-height: 480px;

}
#costconsult {
		min-height: 480px;
	}

}

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

#sales {
	min-height: 510px;
	}
#logistics {
	min-height: 510px;

}
#costconsult {
		min-height: 510px;
	}

}

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

#logo {
	padding: 20px 0;
	}
	
#sales {
width: 80%;
margin: 0px 10% 20px 10%;
min-height: inherit;
	}
#logistics {
width: 80%;
margin: 0px 10% 20px 10%;
min-height: inherit;

}
#costconsult {
width: 80%;
margin: 0px 10% 20px 10%;
min-height: inherit;
	}
#slogan {
	width: 80%;
	padding: 30px 0;
	margin: 0px 10% 0px 10%;
	min-height: auto !important;

	}
#beschreibung_links {
	width: 80%;
	margin: 0 10% 0 10%;
	}
#beschreibung_rechts {
	width: 80%;
	margin: 20px 10% 0 10%;
	}

}