/* ############################################################
	SCHRIFTEN EINBETTEN
############################################################ */
/* Light */
@font-face {
	font-family: "Geogrotesque-Light";
	src: url("Font/303CB9_1_0.eot");
	src: url("Font/303CB9_1_0.eot?#iefix") format("embedded-opentype"),
		 url("Font/303CB9_1_0.woff2") format("woff2"),
		 url("Font/303CB9_1_0.woff") format("woff"),
		 url("Font/303CB9_1_0.ttf") format("truetype");
}
/* SemiBold */
@font-face {
	font-family: "Geogrotesque-SemiBold";
	src: url("Font/303CB9_7_0.eot");
	src: url("Font/303CB9_7_0.eot?#iefix") format("embedded-opentype"),
		 url("Font/303CB9_7_0.woff2") format("woff2"),
		 url("Font/303CB9_7_0.woff") format("woff"),
		 url("Font/303CB9_7_0.ttf") format("truetype");
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Geogrotesque-Light";
	font-weight: normal !important;
	font-size: 30px;
	line-height: 35px;
	color: #585858;
}

b {
	font-family: "Geogrotesque-SemiBold";
	font-weight: normal !important;
}

a {
	text-decoration: none;
	color: #009edf;
}
a:hover {
	text-decoration: underline;
	color: #009edf;
}

.content_box {
	width: 100%;
	margin: 0 auto;
	padding: 100px 15px 0 15px;
}

.content_left {
	float: left;
	width: 80%;
	padding-right: 15px;
}
.logo_box img {
	width: 236px;
	height: 50px;
	margin: 80px 0 0 4px;
}
.kontakt {
	margin-top: 17px;
	font-size: 22px;
	line-height: 25px;
}
	
.content_right {
	float: right;
	width: 20%;
	padding-left: 15px;
}
	div.icon-netzwerk,
	div.icon-web,
	div.icon-cloud,
	div.icon-computer,
	div.icon-internet {
	 width: 40px;
	 height: 40px;
	 margin: 7px;
	 background-image: url("img/produkt-icon-60x60-netzwerk.png");
	 background-repeat: no-repeat;
	 background-size: 40px;
	}
	div.icon-web {
	 background-image: url("img/produkt-icon-60x60-web.png");
	}
	div.icon-cloud {
	 background-image: url("img/produkt-icon-60x60-cloud.png");
	}
	div.icon-computer {
	 background-image: url("img/produkt-icon-60x60-computer.png");
	}
	div.icon-internet {
		background-image: url("img/produkt-icon-60x60-internet.png");
	}

@media (min-width: 760px) {
	body {
		font-size: 48px;
		line-height: 55px;
	}
	
	.content_box {
		width: 740px;
		padding-top: 150px;
	}

	.content_left {
		margin-top: 20px;
	}
	.logo_box img {
		margin: 120px 0 0 7px;
	}
	.kontakt {
		margin-top: 27px;
		font-size: 34px;
		line-height: 39px;
	}
	
	div.icon-netzwerk,
	div.icon-web,
	div.icon-cloud,
	div.icon-computer,
	div.icon-internet {
	 width: 80px;
	 height: 80px;
	 margin: 15px;
	 background-size: 80px;
	}
}

@media (min-width: 980px) {
	.content_box {
		width: 960px;
	}
}

@media (min-width: 1200px) {
	.content_box {
		width: 1180px;
	}
}