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

*{margin:0; padding:0;}

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

html, body{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;}

p{font-family:'Open Sans', sans-serif;
	font-weight:300;
	letter-spacing:0.03em;
	padding:1em;
	font-size:1.6rem;
	line-height:2.5rem;
	text-rendering: optimizeLegibility;}

#sign { max-width:40rem;}
.arrow { width:2.4rem;
	height:2.4rem;
	}

@media only screen and (max-width: 480px) {
	
h1{font-family:'Open Sans', sans-serif;
	font-size:1.8rem;
	font-weight:700;
	line-height:2.4rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

h2{font-family:'Open Sans', sans-serif;
	font-size:2.2rem;
	font-weight:600;
	line-height:2.6rem;
	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;
	}
.wei { color:#FFF;
	letter-spacing:0.1em;}

.blue { background-color: #FFF;
	color:#036;
	width:96%;
	margin:0 2%;}
	
.ora{ background-color: #FFF;
	color: #F90;}	


	

/* 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:none;}

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

/* Contend*/


section { width:96%;
	min-height:8em;
	margin:0 auto 0 auto;
	background-color:#FFF;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	}

article {width:100%;
	height:auto;
	}
article1 {width:96%;
	height:auto;
	}
article2 {width:96%;
	height:auto;
	background-color:#FC6;
	}	

#startbild {padding: 1em 0 0 0;}	
.text { background-color:#FFF;}


.gelbtext { color:#F90;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.gelbfond { background-color:#F90;}
.gelbfond p{ padding-left:1.8em;}

.blautext { color:#07d;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.blaufond { background-color:#07d;}
.blaufond p{ padding-left:1.8em;}

.blaufond_bildung { background-color:#07d;}
.blaufond_bildung h3 { color:#FFF; line-height:3.8rem;}
.first { line-height:2.5rem;}

.trenner { width:inherit;
	height:2rem;
	background-color:#FFF;}

.grautext { color:#999;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.graufond { background-color:#CCC;}

.tabelle{display:grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto auto auto auto auto;}
	
.blue {background-color: #07d; padding: 1em 0.5em 1em 0.5em; }
.white {background-color: #fff ; padding: 1em 2em 1em 2em; }

	
	

#servicenav {width:100%;
	margin-left:2%;
	margin-top:4em;
	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;
	}
	
.active {color:#000;}

}


@media only screen and (min-width : 481px) {
	
h1{font-family:'Open Sans', sans-serif;
	font-size:2.2rem;
	font-weight:700;
	line-height:2.7rem;
	overflow: hidden;
	display: inline;overflow: hidden;
	text-rendering: optimizeLegibility;
	}

h2{font-family:'Open Sans', sans-serif;
	font-size:2.2rem;
	font-weight:600;
	line-height:2.6rem;
	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;
	}
.wei { color:#FFF;
	letter-spacing:0.1em;}

.blue { width:96%;
	margin:0 2%;
	background-color: #FFF;
	color:#036;
	}

.ora{ background-color: #FFF;
	color: #F90;}


/* 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;
	}

/* Contend*/


section { width:96%;
	min-height:10em;
	margin:0 auto 1em auto;
	background-color:#FFF;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	}

article {width:100%;
	height:auto;
	}

article1 {width:96%;
	height:auto;
	}

article2 {width:96%;
	height:auto;
	padding-left:auto;
	padding-right:auto;
	background-color:#FC6;
	}
		

#startbild {padding: 1em 0 0 0;}	
.text { background-color:#FFF;}

.gelbtext { color:#F90;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.gelbfond { background-color:#F90;
	}

.blautext { color:#07d;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.blaufond { background-color:#07d;}

.blaufond_bildung { background-color:#07d;}
.blaufond_bildung h3 { color:#FFF; line-height:3.8rem;}
.first { line-height:2.5rem;}

.trenner { width:inherit;
	height:2rem;
	background-color:#FFF;}

.grautext { color:#999;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.graufond { background-color:#CCC;}

.tabelle{display:grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto auto auto auto auto;}
	
.blue {background-color: #07d; padding: 1em 0.5em 1em 0.5em; }
.white {background-color: #fff ; padding: 1em 2em 1em 2em; }
	

#servicenav {width:100%;
	margin-top:3em;
	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;
	}
	
.active {color:#000;}

}

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

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

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;
	}

h2{font-family:'Open Sans', sans-serif;
	font-size:2.2rem;
	font-weight:600;
	line-height:2.6rem;
	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;
	}
.wei { color:#FFF;
	letter-spacing:0.1em;}
	
.blue { max-width:1200px;
	margin:0 auto 0 auto;
	background-color: #FFF;
	color:#036;}

.ora{ max-width:1200px;
	margin:0 auto 0 auto;
	background-color: #FFF;
	color: #F90;}
.bla{ max-width:1200px;
	margin:0 auto 0 auto;
	background-color: #FFF;
	color: #07d;}


	
/* 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;
	}

/* Contend*/

#sign { max-width:445px;
	padding-left: 2.4em;}

section { width:96%;
	max-width:1200px;
	min-height:12em;
	margin:0 auto 2em auto;
	background-color:#FFF;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	}

article {width:100%;
	height:auto;
	}
article1 {width:35%;
	height:auto;
	}
article2 {width:65%;
	height:auto;
	background-color:#FC6;
	}

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

#startbild {padding: 1em 0 0 0;}	
.text { background-color:#FFF;}

.gelbtext { color:#F90;
	border-top: solid 1px #000;
	margin-top:1em;}
	
	
	
.gelbfond { background-color:#F90;}

.blautext { color:#07d;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.blaufond { background-color:#07d;}

.blaufond_bildung { background-color:#07d;}
.blaufond_bildung h3 { color:#FFF; line-height:3.8rem;}
.first { line-height:2.5rem;}

.trenner { width:inherit;
	height:2rem;
	background-color:#FFF;}

.grautext { color:#999;
	border-top: solid 1px #000;
	margin-top:1em;}
	
.graufond { background-color:#CCC;}


.tabelle{display:grid;
		grid-template-columns: 35% 65%;
		grid-template-rows: auto auto auto auto auto auto auto;}
	
.blue {background-color: #07d; padding: 1em 0.5em 1em 0.5em; border-bottom: solid #FFFFFF thick;}
.white {background-color: #fff ; padding: 1em 2em 1em 2em; border-bottom: solid #07d thick;}	
	
#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;
	}
	
	
}