body {
	overflow: hidden;
	overflow-y: scroll;
	color: #666666;
	font-size: 3vw;
}

#logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 90vw;
	height: 12vw;
	background-color: white;
	z-index: 1000;
}
#logo img {
	position: absolute;
	top: 1.9vw;
	left: 10vw;
	width: 26vw;
}
#logo p {
	display: none;
	position: absolute;
	top: 2.4vw;
	left: 35vw;
	font-size: 3em;
	font-family: "Font-Bold";
}

#navigator {
	display: none;
	position: fixed;
	top: 12vw;
	left: 1vw;
	width: 94vw;
	height: 86vh;
	padding: 2vw;
	font-size: 4vw;
	text-align: center;
	font-family: "Font-Bold";
	background: #BEC4CC;
	z-index: 1100;
}

#menubox {
	position: fixed;
	top: 1vw;
	right: 2vw;
	height: 11vw;
	width: 11vw;
	background: white;
	cursor: pointer;
	z-index: 1100;
}

.fil0 {
	fill: #FDC689;
}

#navigator ul {
	z-index: 100;
	padding: 0;
	margin: 0;
	font-size: 2em;
}

#navigator li {
	margin: 0 1vw 0 1vw;
	display: block;
	padding: 2vw;
}

#navigator a {
	color: black;
}

#navigator a:hover {
	color: black;
}

#navigator .navigatoraktiv {
	color: #F39828;
}



#menu_loesungen {
	position: absolute;
	top: 1.6vw;
	left: 12vw;
	color: #BEC4CC;
	font-size: 1em;
	font-family: "Font-Bold";
	cursor: pointer;
	z-index: 3000;
}


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

#menu_loesungen li {
	display: block;
	padding-bottom: 2vw;
	line-height: 1.1em;
}

#menu_loesungen a {
	color: #666666;
}

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

#menu_loesungen .aktiv {
	color: #F39828;
}


#menu_module {
	position: absolute;
	top: 5.2vw;
	left: 0;
	width: 98vw;
	font-size: 3vw;
	font-family: "Font-Bold";
	z-index: 1000;
}


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

#menu_module li {
	display: inline-block;
	padding: 0;
	width: 48vw;
	line-height: 3em;
	background-color: #F39828;
	text-align: center;
}

#menu_module div {
}

#menu_module a {
	color: white;
}

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

#menu_module .aktiv {
	color: #F39828;
}



#menu_module_box {
	position: relative;
	top: 2vw;
	left: 0;
	width: 95vw;
	font-family: "Font-Bold";
	z-index: 1000;
}


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

#menu_module_box li {
	display: inline-block;
	padding: 1vw;
	width: 45vw;
	margin-bottom: 2vw;
	line-height: 3em;
	background-color: #F39828;
	text-align: center;
	font-size: 3vw;
}

#menu_module_box div {
}

#menu_module_box a {
	color: white;
}

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

#menu_module_box .aktiv {
	color: #F39828;
}


#menu_logo {
	margin-top: 4.4vw;
}

#menu_logo .logo {
	width: 15vw;
	height: 5vw;
	border: 1px solid #F39828;
	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 {
}

.loesungen p, .loesungen h2 {
	padding: 0 5vw;
}

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

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

.module {
	padding-right: 2vw;
}

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

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


#testimonials {
	overflow: hidden;
}

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

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

#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: #F39828;
}

#inhalt {
	position: relative;
	top: 12vw;
	left: 1vw;
	width: 98vw;
	padding-top: 2vw;
	background-color: #FFF2E2;
}

#inhalt .bild {
	margin-top: 0.5vw;
	margin-left: 10vw;
	max-height: 60vw;
}

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

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

#inhalt .slogan {
	position: absolute;
	top: 8vw;
	left: 25vw;
	font-size: 1.5em;
	color: #E95224;
	font-family: 'Font-Bold';
}

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

#fuss {
	position: relative;
	width: 98vw;
	height: 3vw;
	background-color: transparent;
}

#fuss p {
	display: none;
}

#rechts {
	position: relative;
	top: 12vw;
	left: 2vw;
	width: 80vw;
	font-size: 2em;
	font-family: 'Font-Bold';
}

#rechts li {
	margin-bottom: 1.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: #F39828;
}

#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: #F39828;
	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;
}

#box_frame_kontakt {
//	height: 20vw;
}

.box_kontakt {
	position: relative;
	width: 42vw;
	height: 35vw;
	float: left;
	background-color: white;
	padding-left: 5vw;
	font-family: "Font-Regular";
}

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

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

.space {
	margin-right: 1vw;
}

.referenz {
	margin-top: 5vw;
}

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

.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: 12vw;
	float: left;
	background-color: #F39828;
	margin: 0 1vw 1vw 0;
}

.pakete li {
	margin: 0;
//	margin-left: -2vw;
	margin: 0;
	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_start {
	top: 1vw;
}
