@charset "UTF-8";

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Eigene CSS Individuell */
/*–––––––––––––––––– Vertikale Menüsteuerung für Unterpunkte––––––––––––*/

.header{
	margin-top:5px;
	margin-bottom:10px;
	background-image:url(../img/head_inweku19.jpg);
	background-repeat:no-repeat;
	background-position:0;}
#logo > a img{
	float:right;
	margin-top:36px;
	border:none!important;
	margin-bottom:0px;}
.top-bar{
	clear:both;
	height:2rem;
	line-height:1.5rem;
	background: rgb(0, 48, 69, 0.3);
	background: rgba(0, 48, 69, 0.3);}
.top-bar {
	margin-bottom:0px;}
.top-bar-section a:link, a:visited{
	background: rgb(0, 48, 69, 0.5)!important;
	background: rgba(0, 48, 69, 0.5)!important;
	font-size:0.85rem;}
.top-bar-section a:hover{
	background: rgb(102,102,102,1.0)!important;
	background: rgba(102,102,102, 1.0)!important;}
.top-bar-section a:active{
	background: rgb(102,102,102, 0.6)!important;
	background: rgba(102,102,102, 0.6)!important;}
.top-bar-section ul li{
	margin-top:0px;
	background:none;}
.top-bar-section li:not(.has-form) a:not(.button){
	line-height:2.0rem;}
.top-bar-section > ul > .divider{
	height:2rem;
	border-color:#CCC}
.top-bar-section .dropdown{
	margin-top:0px;
	position:relative;}
.top-bar-section .has-dropdown li{
	margin-top:0px;
	background:none;
	background: rgb(102,102,102, 0.7)!important;
	background: rgba(102,102,102, 0.7)!important;}
li.has-dropdown:nth-child(1) > ul:nth-child(2) > li:nth-child(3),
li.has-dropdown:nth-child(3) > ul:nth-child(2) > li:nth-child(3),
li.has-dropdown:nth-child(9) > ul:nth-child(2) > li:nth-child(3){
	margin-top:10px;}
.top-bar-section .has-dropdown > a::after{
	margin-top:-8px;}
@media only screen and (min-width: 64.0625em){	
.top-bar .name{
    display:none;}
}
@media only screen and (max-width: 58.5em){	
.header{
	margin-top:0px;
	background-image:url(../grafik/esf-eu_tuev.png);
	background-repeat:no-repeat;}
/*.header{
    background:none;}*/
.top-bar-section > ul > .divider{
	height:auto;}
.top-bar-section li:not(.has-form) a:not(.button){
	height:2.75rem;
	line-height:1.5rem;}
/*#dlh_googlemap_1{
	width:11.35%;
	display:none;}*/
}
@media only screen and (max-width: 40.0625em) {
.header{
    background:none;}
}
@media only screen and (min-width: 64.0625em) {
}

.top-bar.expanded .title-area{
	background: rgb(0, 48, 69, 0.7)!important;
	background: rgba(0, 48, 69, 0.7)!important;}
.top-bar .name h1{
	line-height:2rem;}
.top-bar .name{
	height:2rem;}

/*–––––––––––––––––– Links ––––––––––––*/

a, a img {
	color: #357380;}
a:focus {
	color:#666;}
a:hover{
	color: #099;}
#fuss {
	letter-spacing:0em;}
.confirmation{
	padding: 1px 2px;
	background-color:#666;
	/*color:#003045;*/}

/*––––––––––––– Farbegebung Rahmen / Panel –––––––––––––––*/

body {
	background: #003045;
	font-family: 'Roboto', sans-serif;, Arial;
	letter-spacing:0.03em;}
h1, h2, h3, h4, h5, h6, p{
	color:#CCC;}
h1 {
	font-size:2em;
	line-height: 1.2em;}
h2 {
	font-size:1.3em;
	line-height: 1.2em;}
#text h1, #text h2, #text h3, #text h4, #text h5, #text h6, #text p{
	margin: 15px;
}
hr{
	margin:5px 0 20px 0;}
img {
	margin:0px;
	padding:0px;
	vertical-align:top;}
#text {
	padding-left: 0rem;
	padding-right: 0rem;
	font-style: light;
	font-weight: normal;
	line-height: 1.5;
	font-size:1.1em;
	color:#CCC;
	border:1px solid #999;
	margin-bottom:20px;}
.center{
	margin-left:1.6em;}
.dubble{
	float:right;}
#text.medium-4.column{
	width:31.35%;
	min-height:17em;}
#text.medium-8.column{
	width:65.75%;
	min-height:17em;
	float:left;
	clear:left;}
#text.large-12.columns{
	min-height:17em;}
@media only screen and (max-width: 40em){	
#text.medium-4.column, #text.medium-8.column, #text.large-12.columns{
	width:100%;
	height:auto;}
.center{
	margin-left:0em;}
}
.panel, .panel p, .panel h4{
	background-image:url(../img/button.jpg);
	margin:20px 0 15px 0;
	border:none;}
.button{
	background-color:#357380;
	letter-spacing:normal;}
.button:hover, .button:focus{
	background-color:#666;}

/*––––––––––––––– textformatierung –––––––––––––––*/

/*@font-face{
	font-family: "Play Regular", "Play Bold", "Strait Regular";
	src: url("../webfonts/quantico/Quantico-Regular.ttf")format("truetype"),
		url("../webfonts/quantico/Quantico-Bold.ttf")format("truetype");
}*/
#headline{
	font-family: 'Roboto', sans-serif;, Arial;
	font-weight:100;}
#text li{
	padding-left:0.75rem;
	list-style-type: disc;
	list-style-image: url("../grafik/button.jpg");}
#text ul{
	margin-left:2.75rem;}
#pdf{
	margin-top:4px;}
/*––––––––––––––– accordion –––––––––––––*/
/*
.accordion .accordion-navigation > a, .accordion dd > a{
	background-image: url(../grafik/plus.png);
	background-color:#eaf7f6;
	background-repeat: no-repeat;
	background-position: 95%;}

.accordion .accordion-navigation.active > a, .accordion dd.active > a{
	background-image: url(../grafik/minus.png);
	background-color:#eaf7f6;
	background-repeat: no-repeat;
	background-position: 95%;}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
/*	background-image: url(../grafik/plus.png);
	background-color:#7bc4c0;
	background-repeat: no-repeat;
	background-position: 95%;}

#panel0 > dl > dd > p,
#panel1 > dl > dd > p{
	font-size:0.8rem;
	line-height:1.3rem;}

dd{
	font-size:0.9em;}*/