@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

html, body{font-size:10px;
font-family: 'Open Sans', sans-serif;
overflow-x:hidden;
}

img { width:100%;}
br {clear:both;}

a:link{
	color:inherit;
	text-decoration:inherit;
	}

a:visited{
	color:inherit;
	text-decoration:inherit;
	}
	
a:hover{
	color:inherit;
	text-decoration:inherit;
	}

a:active{
	color:inherit;
	text-decoration:inherit;
	}

.gelbtext p { color:#000;
	padding:0;}


.boxblau a{opacity:0.7;}
.boxblau a:hover {opacity:1;}

.boxorange a{opacity:0.7;}
.boxorange a:hover {opacity:1;}

#logo1, #logo2, #logo3, a{opacity:1;}

/* Kopf*/

header {
	width: 100%;
	height:110px;
	background-image:url(pic/hgb.gif);
	background-repeat:repeat-x;
	position: fixed;
	z-index:11;
	}

#logo1 {
	width: 210px;
	float: left;
	display: block;}

#logo2 {
	width: 170px;
	float: right;}

#headspacer { width:100%;
	height:140px;
	background-image:url(pic/headsp.png);
	background-repeat:repeat-x;
	position: fixed;
	z-index:10;}

#vertspacer { width:100%;
	height:120px;}

#breadcrumbs { height:2rem;
	width:auto;
	margin-top:7.4rem;
	padding-left:8%;
	color:#999;
	font-size: 1.4em;
	position: fixed;
	z-index:12;
	}
/* Ende Kopf*/

.arrow { width:2.4rem;}

.bild { width:92%;
	margin:4%;}

.text_r { width:48%;
	margin-top:5rem;
	float: right;}

.text_l { width:48%;
	float:left;}

.container_r { width:48%;
	float: right;
	border:solid thin #666;}

.container_l { width:48%;
	margin-bottom:2rem;
	float: left;
	border:solid thin #666;}
	
.container { width: inherit;
	border:solid thin #666;
	}


.weiss {background-color:#FFF;}

.gelbtext h1{ color:#F90;}

	
/* footer*/
#servicenav {width: auto;
	margin-top:2em;
	padding-left:8%;
	font-size:1.2rem;
	float:left;
	}
	
footer{
	width:100%;
	height:79px;
	background-color:#fff;
	background-image:url(pic/hgb.gif);
	background-repeat:repeat-x;
	}

#logo3 {
	width: 170px;
	float: right;
	}
/* Ende footer*/

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

#logo1 {
	width: 210px;
	float: left;
	display: none;}

section { width:96%;
	max-width:1200px;
	min-height:30rem;
	margin:0 auto 0 auto;
	padding:1em 0 1em 1em;
	background-color:#CCC;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	}
	
article { width:auto;
	margin:0 auto 0 auto;}

.boxblau {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#07d;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.boxorange {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#F90;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.boxweiss {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#fff;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

h1{font-family:'Open Sans', sans-serif;
	font-size:2.8rem;
	font-weight:700;
	line-height:3.1rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

h3{font-family:'Open Sans', sans-serif;
	font-size:1.6rem;
	font-weight:600;
	line-height:2.5rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

article p {font-weight:300;
	letter-spacing:0.04em;
	padding: 0 0 0 1.5em;
	font-size:1.6rem;
	line-height:2.1rem;}

.text_r { width:96%;
	margin-top:3rem;
	}

.text_l { width:96%;
	margin-bottom:2rem;
	}

.container_r { width:96%;
	float: none;
	border:none;}

.container_l { width:96%;
	margin-bottom:2rem;
	float: none;
	border:none;}
	
}


@media only screen and (min-width : 481px) {

section { width:96%;
	max-width:1200px;
	min-height:30rem;
	margin:0 auto 0 auto;
	padding:1em 0 1em 1em;
	background-color:#CCC;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	}
	
article { width:auto;
	margin:0 auto 0 auto;}

.boxblau {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#07d;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.boxorange {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#F90;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.boxweiss {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#fff;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

h1{font-family:'Open Sans', sans-serif;
	font-size:2.8rem;
	font-weight:700;
	line-height:3.1rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

h3{font-family:'Open Sans', sans-serif;
	font-size:1.6rem;
	font-weight:600;
	line-height:2.5rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

article p {font-weight:300;
	letter-spacing:0.04em;
	padding: 0 0 0 1.5em;
	font-size:1.6rem;
	line-height:2.1rem;}

}


@media only screen and (min-width : 768px) {
	
section { width:96%;
	max-width:1200px;
	min-height:30rem;
	margin:0 auto 0 auto;
	padding:1em 0 1em 1em;
	background-color:#CCC;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	}
	
article { width:auto;
	margin:0 auto 0 auto;}

.boxblau {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#07d;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.boxorange {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#F90;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

.boxweiss {width:24%;
	min-width:240px;
	height:28rem;
	background-color:#fff;
	border-radius: 0.3em;
	margin:0 1em 1em 0;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -3px 4px 6px 0px rgba(50, 50, 50, 0.5);
	}

h1{font-family:'Open Sans', sans-serif;
	font-size:2.8rem;
	font-weight:700;
	line-height:3.1rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

h3{font-family:'Open Sans', sans-serif;
	font-size:1.6rem;
	font-weight:600;
	line-height:2.5rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

article p {font-weight:300;
	letter-spacing:0.04em;
	padding: 0 0 0 1.5em;
	font-size:1.6rem;
	line-height:2.1rem;}

}