body {
	overflow: hidden;
	overflow-y: scroll;
	color: #666666;
}

#logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 75vw;
	height: 6.6vw;
	background-color: white;
	z-index: 200;
}
#logoimg {
	position: absolute;
	top: 1.9vw;
	left: 10vw;
	width: 12vw;
}
#slogan {
	position: absolute;
	top: 2.8vw;
	left: 24vw;
	height: 1.85vw;
	z-index: 100;
}

#navigator {
	position: absolute;
	position: fixed;
	top: 6.6vw;
	left: 10vw;
	height: 1.6vw;
	width: 65vw;
	color: #EBEDEF;
	font-size: 1vw;
	font-family: "Font-Medium";
	background: #666666;
	z-index: 100;
}

#navigator ul {
	z-index: 100;
	padding: 0;
	margin: 0;
}

#navigator li {
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	margin-top: -1vw;
	display: inline-block;
	padding: 0;
}

#navigator .sep {
//	margin: 0 0.3vw 0 0.3vw;
}

#navigator a {
	color: #666666;
	color: #E9F0F8;
}

#navigator a:hover {
	color: black;
}

#navigator .navigatoraktiv {
	color: #F39200;
}



#menu_loesungen {
	position: absolute;
	top: 1.6vw;
	left: 0;
	color: #BEC4CC;
	font-size: 1.29vw;
	font-family: "Font-Light";
	z-index: 3000;
}


#menu_loesungen ul {
	z-index: 100;
	padding: 0;
	margin: 0;
}

#menu_loesungen li {
	margin: 0 1vw 0 1vw;
//	margin-top: -1vw;
	display: block;
	padding: 0;
	line-height: 1.2em;
}

#menu_loesungen a {
	color: #666666;
}

#menu_loesungen a:hover {
	color: #E84E0F;
}

#menu_loesungen .aktiv {
	color: #F39200;
}


#menu_module {
	position: absolute;
	top: 5.2vw;
	left: 0;
	width: 15vw;
	font-size: 0.9vw;
	font-family: "Font-Light";
	z-index: 3000;
}


#menu_module ul {
	z-index: 100;
	padding: 0;
	margin: 0;
}

#menu_module li {
	margin-top: -0.9vw;
	display: block;
	padding: 0;
	line-height: 1.8em;
	background-color: #F39200;
	text-align: center;
}

#menu_module div {
	margin-top: -0.9vw;
	display: block;
	padding: 0;
	line-height: 1.8em;
	background-color: #F39200;
	text-align: center;
}

#menu_module a {
	color: white;
}

#menu_module li:hover {
	color: #F39200;
	background-color: #666666;
}

#menu_module .aktiv {
	color: #F39200;
}



#menu_module_box {
	position: relative;
	top: 2vw;
	left: 0;
	width: 65vw;
	font-size: 0.9vw;
	font-family: "Font-Bold";
	z-index: 3000;
}


#menu_module_box ul {
	z-index: 100;
	padding: 0;
	margin: 0;
}

#menu_module_box li {
	margin-top: -0.9vw;
	display: inline-block;
	padding: 0;
	width: 10vw;
	margin-bottom: 1vw;
	line-height: 1.8em;
	background-color: #F39200;
	text-align: center;
}

#menu_module_box div {
	margin-top: -0.9vw;
	display: block;
	padding: 0;
	line-height: 1.8em;
	background-color: #F39200;
	text-align: center;
}

#menu_module_box a {
	color: white;
}

#menu_module_box li:hover {
	color: #F39200;
	background-color: #666666;
}

#menu_module_box .aktiv {
	color: #F39200;
}


#menu_logo {
	margin-top: 4.4vw;
}

#menu_logo .logo {
	width: 15vw;
	height: 5vw;
	border: 1px solid #F39200;
	margin-bottom: -1vw;
}

#menu_logo img {
	width: 10vw;
	max-height: 3vw;
	cursor: pointer;
}

#menu_logo div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.loesungen {
	padding-right: 2vw;
}

.loesungen hr {
	margin-top: 1vw;
	border: 0;
	border-top: 0.15vw solid #F39200;
}

.loesungen h1 {
	font-size: 1.5em;
	color: white;
	background-color: #F39200;
	text-align: center;
	width: 20vw;
	border-top: 0.1vw solid #F39200;
}

.module {
	padding-right: 2vw;
}

.module hr {
	margin-top: 1vw;
	border: 0;
	border-top: 0.15vw solid #F39200;
}

.module h1 {
	font-size: 1.5em;
	color: white;
	background-color: #F39200;
	text-align: center;
	width: 20vw;
	border-top: 0.1vw solid #F39200;
}


#testimonials {
	overflow: hidden;
}

#testimonials img {
	width: 7vw;
	border-radius: 50%;
}

#testimonials .text1 {
	font-family: "Font-Bold";
	font-size: 0.7em;
	color: #F39200;
}

#testimonials .text2 {
	font-family: "Font-Regular";
	font-size: 0.5em;
	color: #666666;
}

p {
	font-family: "Font-Regular";
	font-size: 1.25em;
}

a {
	text-decoration: none;
}

h1 {
	color: #F39200;
}

#inhalt {
	position: absolute;
	top: 6.6vw;
	left: 0;
	width: 65vw;
	padding-top: 2vw;
	padding-left: 10vw;
	background-color: transparent;
	background-color: #FFF2E2;
}

#inhalt .bild {
	margin-top: 0.6vw;
	margin-left: 5vw;
	height: 36vw;
}

#inhalt .pic_loesungen {
	margin-top: 0.5vw;
	margin-left: -10vw;
	height: 28vw;
}

#inhalt .pic_module {
	margin-top: 0.5vw;
	margin-left: -10vw;
	height: 33vw;
}

#inhalt .slogan {
	position: absolute;
	top: 8.8vw;
	left: 26.7vw;
	font-size: 2em;
	line-height: 1.2em;
	color: #E84E0F;
	font-family: 'Font-Bold';
}

#inhalt .slogan2 {
	position: absolute;
	top: 8vw;
	left: 28vw;
	font-size: 2.8em;
	color: #E84E0F;
	font-family: 'Font-Bold';
}

#inhalt .text_l_2 {
	margin-left: 15vw;
}

#fuss {
	position: relative;
	margin-top: 2vw;
	margin-left: -10vw;
	padding-top: 0;
	padding-left: 10vw;
	width: 65vw;
	height: 3vw;
	border-top: 0.1vw solid #666666;
//	background-color: white;
//	background-color: yellow;
}

#fuss p {
	position: relative;
	float: left;
	font-family: "Font-Light";
	font-size: 0.8em;
	width: 12vw;
	text-align: left;
}

#rechts {
	position: fixed;
	top: 8.3vw;
	left: 76vw;
	width: 21vw;
	font-size: 1.25em;
	background-color: white;
	font-family: 'Font-Medium';
}

#rechts li {
	margin-bottom: 1.2vw;
}

#rechts ul {
	padding: 2vw;
}

#rechts p {
	font-family: "Font-Bold";
	font-size: 1em;
}



/* Home Technologie ******************************************************************/
#box_frame_home {
	height: 26vw;
}

.box_home {
	position: relative;
	width: 26vw;
	height: 15vw;
	padding: 2vw;
	float: left;

	font-size: 1.2em;
	font-family: "Font-Regular";
	color: white;

	margin-right: 2vw;
	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	border-radius: 1vw;
}

.box_home ul {
	margin-top: 3vw;
}

.box_home_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 26vw;
	height: 1vw;
	padding: 2vw;
	padding-top: 1vw;

	font-size: 1.3em;
	font-family: "Font-Bold";

	-webkit-border-top-left-radius: 1vw;
	-webkit-border-top-right-radius: 1vw;
	-moz-border-radius-topleft: 1vw;
	-moz-border-radius-topright: 1vw;
	border-top-left-radius: 1vw;
	border-top-right-radius: 1vw;
}

/* Dienstleiter ***********************************************/

#box_bs {
	background-color: #F39200;
}

#box_cl {
	background-color: #BEC4CC;
}


#box_frame_dienstleist {
	height: 50vw;
}

.box_dienstleist {
	position: relative;
	width: 20vw;
	height: 25vw;
	float: left;

	font-family: "Font-Regular";
	margin-right: 2vw;
}

.box_dienstleist p {
	font-size: 0.9em;
	font-family: "Font-Regular";
	height: 3vw;
}

.box_dienstleist li {
	background-color: #F39200;
	position: relative;
	width: 18vw;
	float: left;
	margin-left: -2vw;
	margin-bottom: 0.5vw;
	padding: 0.2vw 0 0.2vw 2vw;
	list-style: none;
	box-shadow: 0.03em 0.03em 0.08em #000;

	text-shadow: 0.03em 0.03em 0.08em #000;
	font-size: 1em;
	font-family: "Font-Regular";
	color: white;

	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	border-radius: 1vw;
}

/* Bildungswesen ******************************************************************/

#box_frame_bildung {
	height: 36vw;
}

.tbox_bildung {
	position: relative;
	width: 17vw;
	height: 30vw;
	float: left;
	border: 0px solid red;

	font-family: "Font-Regular";
	margin-right: 2vw;
}

.tbox_bildung p {
	position: relative;
	font-size: 1em;
	font-family: "Font-Regular";
}


.box_bildung {
	position: relative;
	width: 6vw;
	height: 6vw;
	padding: 2.5vw 2.5vw 1.5vw 2.5vw;
	font-size: 3em;
	font-family: "Font-Bold";
	color: white;
	text-align: center;

	margin-right: 6vw;
	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	border-radius: 1vw;
}

#box_bildung_uek {background-color: #00A99D;}
#box_bildung_wb {background-color: #007DC5;}
#box_bildung_hbb {background-color: #8567C4;}
#box_bildung_qv {background-color: #A61C20;}


/************************************************/

#box_frame_kontakt {
//	height: 20vw;
}

.box_kontakt {
	position: relative;
	width: 14.6vw;
	height: 15vw;
	float: left;
	background-color: white;
	padding: 0;
	font-family: "Font-Regular";
}

.box_kontakt h3 {
	margin: 0;
	padding: 0.1vw;
	padding-left: 1vw;
	font-size: 0.8em;
	font-family: "Font-Regular";
	background-color: #666666;
	color: white;
}

.box_kontakt p {
	font-size: 1em;
	font-family: "Font-Bold";
	padding: 1vw 1vw 0 1vw;
}

.box_kontakt li {
	background-color: #F39200;
	position: relative;
	width: 18vw;
	float: left;
	margin-left: -2vw;
	margin-bottom: 0.5vw;
	padding: 0.2vw 0 0.2vw 2vw;
	list-style: none;
	box-shadow: 0.03em 0.03em 0.08em #000;

	text-shadow: 0.03em 0.03em 0.08em #000;
	font-size: 1em;
	font-family: "Font-Regular";
	color: white;

	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	border-radius: 1vw;
}

.space {
	margin-right: 1vw;
}

.referenz {
	margin-top: 5vw;
}

.referenz h1 {
	font-size: 1.5em;
	border-top: 0.1vw solid #F39200;
}

.pakete {
	position: relative;
	display: block;
	left: 0;
	height: 32vw;
	padding-top: 2vw;
	background-color: #FFF2E2;
}

.pakete h1 {
	font-family: "Font-Bold";
	font-size: 1.2em;
	color: #666666;
}

.pakete ul {
	width: 12.7vw;
	float: left;
	background-color: #F39200;
	margin: 0 1vw 1vw 0;
}

.pakete li {
	margin: 0;
	margin-left: -2vw;
	border-bottom: 0.2vw solid #666666;
	display: block;
	color: white;
	text-align: center;
	cursor: pointer;
//	border: 1px solid red;
}

.pakete .titel {
	margin: 0;
	margin-left: -2vw;
	background-color: #58585A;
//	border: 1px solid red;
}

.pakete .letztes {
	margin: 0;
	margin-left: -2vw;
	background-color: #FDC689;
//	border: 1px solid red;
}

/* Testimonials ***********************************************/

.Bildung, .Arbeitssicherheit, .Treuhand, .Dienstleister, .Handwerk, .Geschaeftsstelle {
	margin-top: 20vw;
}

.Pakete {
	margin-top: 10vw;
}

/* Klassen für rechts ***********************************************/

.rechts_space {
//	margin-top: 5vw;
}

#boxen_person {
		margin-top: 5vw;
		width: 80vw;
		font-family: "Font-Regular";
//		cursor: pointer;
		text-align: center;

		transition: color 1s;
		text-align: center;
		font-size: 1em;
		align-content: center;
	}

.person_box {
		position: relative;
		left: 0;
		width: 32vw;
		font-family: "Font-Regular";
		float: left;
		margin-right: 1vw;
		margin-bottom: 2vw;
		text-align: left;

//		border: 1px solid red;

		transition: color 1s;
	}

	.person_box h3 {
		position: absolute;
		top: 2vw;
		left: 12vw;
		transition: color 1s;
	}

	.person_box p {
		position: absolute;
		top: 5vw;
		left: 12vw;
		transition: color 1s;
	}

	.person_box img {
		width: 10vw;
		border-radius: 5vw ;
		-moz-border-radius:  5vw;
		-webkit-border-radius:  5vw;
	}