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


/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/css/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
font-display: swap;
}


html {
	font-size: 101%;
} 



* {
	margin: 0;
	padding: 0;
	border : none 0;
	vertical-align: baseline;
	outline: 0;
	box-sizing: border-box;
}


body {
	font: 1em/1.6 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0px auto;
	color : #08335e;
	background-color : #e3f4fc;
	width: 100%;
	max-width: 100%;
	overflow-y:scroll;
cursor: default;
}


img { max-width:100%; height: auto; }


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

a:hover { text-decoration: none;}

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

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

a:hover, a:active, a:focus { color: #00395d; text-decoration: none;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 1.4;
    color: inherit;

}


ul, ol { list-style: none;}


.cl { clear: both;}
.fre { float: right;}
.fli { float: left;}

.ce { text-align:center;}
.li { text-align:left; }
.re { text-align:right;}

.mt1 { margin-top: 1em;}
.mr1 { margin-right: 1em;}
.mb1 { margin-bottom: 1em;}
.ml1 { margin-left: 1em;}

.mt05 { margin-top: 0.5em;}
.mr05 { margin-right: 0.5em;}
.mb05 { margin-bottom: 0.5em;}
.ml05 { margin-left: 0.5em;}

.dn { text-decoration: none;}

.vam, val { vertical-align:middle;}
.vab { vertical-align:bottom;}
.vat { vertical-align: top;}

.lh2 { line-height:2em;}

.dib { display:inline-block;}

.small { font-size: 0.8em; line-height: 1.87em;}
.f80 { font-size: 0.80em;}
.f90 { font-size: 0.90em;}

.ls1 {letter-spacing: 1px;}
.w50 {width:50%;}
.w100 {width:100%;}
.mw100 {max-width:100%;}

.b {font-weight:bold;}
.nb { font-weight: normal;}

.pad1 { padding: 1em;}
.pad05 { padding: 0.5em;}
.padr1 { padding-right: 1em;}
.padr05 { padding-right: 0.5em;}

label { cursor: pointer; }
.fwn {font-weight:normal;}

.w { color: #fff;}
.bw { background-color: #fff;}
.red { color: #f82d1d;}
.lblue{color:#6a9bd6;}

.rg { color: #b43820; text-shadow: 0 0 2px #fddb02; letter-spacing: 0.8px;}
.sg { color: #06345d; text-shadow: 0 0 4px #f1de0e; letter-spacing: 0.8px;}



hr {
	background: #ccc; 
	border: currentColor; 
	max-width : 100%;
	width: 100%; 
	height: 1px; 
	color: #999999; 
	clear: both; 
	float: none;
	box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.5);
}


hr.dashed { border-top: 5px dashed #bbbbbc; margin: 0.5em 0 0.5em 0}
hr.dotted { border-top: 5px dotted #bbbbbc; height: 1px; }


p { margin: 0.5em 0 1em 0;}



h1 {
	font-size: 1.7em;
	margin: 2px 0 1px;
	font-weight: bold; 
	letter-spacing: 0.5px;
	text-shadow: 0px 0px 2px #666263;
}


h2 {
	font-size: 1.4em;
	margin: 2px 0 1px 0;
	font-weight: bold;
	line-height: 2em;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
}


h4 {
	font-size: 1em;
	font-weight: bold; 
}




header {
	clear:both;
	width: 100%;
	margin-bottom: 2em;
 	position: -webkit-sticky;
  	position: sticky;		/* Set the navbar to fixed position */
	top: 0; 
	z-index: 100;
}


/* NAVI */
input#res-nav, label.res-nav-label {display: none;}

nav {
	background: #009fd9; 
	font-size: 1em;
	max-width: 100%;
	box-shadow: 0px 0px 5px #315611;
	color: #fff;
	position: relative;
	z-index: 100;
	padding-left: 2em;

}



nav a {
	display: block;
	font-weight:bold;
	text-decoration: underline;
	font-size: 1em;
}

nav ul li {
	position: relative;
	float: left;
	color: #fff;
	transition: 0.4s;
}


nav ul li a {
	padding: 8px 20px 10px 30px; 
}


nav ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #0f416a;
}


nav .submenu {
	position: relative;
	z-index: 10;
}

.submenu ul li {
	min-width:250px;
}


nav ul > li.submenu > a:after {
	position: relative;
	float: right;
	content: '';
	margin-left: 10px;
	margin-top: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fff;
	border-bottom: 5px solid transparent;
}


nav ul ul li.submenu > a:after {
	margin-left: auto;
	margin-right: -10px;
	border-left: 5px solid #fff;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}


nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	background: #009fd9;
}

nav ul ul li {
	float: none;
	width: 200px;
	border-bottom: 1px solid #ccc;
	padding-left:0.5em;
	transition: 0.3s;


}

nav ul ul li:hover {
	background: #0f416a;
}

nav ul ul li a {
	padding: 15px 20px 15px 35px;

}


nav ul ul li:last-child {
	border-bottom: none;
}

nav ul li:hover > ul {
	top: 100%;
	left: 0;
}

nav ul ul li:hover > ul {
	top: 0;
	left: 200px;
}

/* Ende NAVI */











/* Main margin: 0 auto; */ 

main {
	width: 1200px;
	clear : both;
	margin: 0px auto;
	max-width:100%;
	background-color : #e8e8e4; 


}






article {
	margin: 0.3em;
	text-align: left;

	color: #0f416a;

}


article img {

	box-shadow: 0 0 5px #3a3d45;
	margin: 0;
}










/* Content links - rechts */ 




.topinfo { 
	clear : both;
	font-weight: bold;
	font-size: 1em;
	color : #fff;
	background : #009fd9; 
	padding: 2px 1em 2px 1em;
	line-height : 2em;
}

.topinfo UL { 
	clear : left;
	display : block;
}


.topinfo UL LI { 
	padding-left : 4px; 
	padding-right : 4px; 
	float : left; 
	color : #fff;
	display : block; 
}

.topinfo UL LI A { 
	
	font-weight : bold; 
	color : #fff; 
	text-decoration : underline; 
	padding: 9px 9px 9px 0;


}


.topinfo UL LI A:hover { 
	text-decoration : none; 
	color : #f8eb82;
}





.content { 
	text-align: left;
	background-color: #e8e8e4; 
	padding: 1em;
}



.kasten { 
	clear:both;
	max-width:100%;
	min-height : 100px; 
	margin: 0.5em 0 1em 0;

	background: #fff; 
	padding: 1em;
	box-shadow: 0px 0px 10px #beb8b8;
      	border: 4px 4px 4px 4px;



}



.content_links { 
	float : left; 
	width : 790px;
	max-width:100%;
	min-height : 100px; 
	margin : 0 0 10px 0;


}


.kasten_links { 
	clear : both; 
	min-height: 100px; 
	background: #fff; 
	padding: 8px;
	box-shadow: 0px 0px 10px #beb8b8;
      	border-top-left-radius: 10px;
      	border-top-right-radius: 10px;
	border-bottom-left-radius: 2px;
      	border-bottom-right-radius: 2px;
}






.content_rechts {
	float: right; 
	min-height: 100px; 
	width: 360px important;
	margin: 0 0 10px 0;
}





.kasten_rechts {
	min-height : 50px; 
	background : #fff;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0.5em; 
	box-shadow: 0px 0px 8px #beb8b8;
      	border-radius: 4px;
} 


.kasten_rechts h3 {

	background: #0f416a;
	letter-spacing: 0.6px;
	font-size: 1em;
	padding: 3px 5px 4px 8px;
	color : #fff;
	margin: 0 0 5px 0; 
	box-shadow: 0px 0px 6px #beb8b8;
      	border-radius: 4px;
}



.kasten_rechts hr  {
	margin: 0.9em 0 0.9em 0;
	box-shadow: 0px 0px 2px #beb8b8;
}



.kasten_balken {
	padding: 2px 8px 0 8px; 
	margin: 0.8em 0 0.8em -0.5em;
	background-color: #faec10;
	line-height: 2em;
}


.info_unten { 
	clear: both;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #009fd9; 
	padding: 2px 1em 2px 1em;
	line-height : 2em;
      	border-radius: 0 0 10px 10px;
	box-shadow: 0px 0px 6px #beb8b8;
}


.info_unten UL {display: block; padding: 4px 10px 5px 17px;}
.info_unten UL LI {float: left; display: block; padding-right: 1em;}
.info_unten A {color: #fff; text-decoration: underline;}
.info_unten A:visited {color: #fff; text-decoration: underline;}
.info_unten A:hover {text-decoration: none; } 




.bottom { 
	margin:auto;
	margin-top: 15px;
	padding: 10px;
	text-align:center;
	width: 300px;
	background-color: #003a5f;
	color: #fff;
	box-shadow: 0px 0px 10px #373665;
	border-radius: 0.5em 0.5em 0 0;
	line-height: 1.8em;
}


.bottom a:link {
	color: #fff;
	text-decoration: none;
}
.bottom a:visited {
	color: #fff;
}
.bottom a:hover {
 	color: #fff;
	text-decoration: underline;
}




/* Stile */ 





.logo {
	margin: 4px 4px 4px 0px; 
	box-shadow: 0px 0px 5px #052d44;
      	border-radius: 2px;
}

.logo:hover{
	box-shadow: 0px 0px 10px #052d44;
}


.bgg { background-color: #fff9c8; box-shadow: 0px 0px 2px #faec10; padding: 2px;}









@media screen and (max-width:990px) {
 .content_links {float: none; margin: 0 auto;}
 .content_rechts {float: none; width: 100%; max-width:735px; margin: 0 auto; margin-top:1em;}
 .kasten_rechts { font-size: 1em; line-height: 1.4em;padding: 1em; } 



}




/* 850 PIXEL RESPONSIVE*/



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

/* NAVI */

header  {box-shadow: 0px 0px 3px #315611; }

nav * { font-size: 1em; text-align:left;  }

label.res-nav-label 		{ position: relative; display: block; padding: 1em; cursor: pointer; color: #fff; font-weight: bold; background: #009fd9; margin:0;}
  
label.res-nav-label a:hover	{ color: #fff;}

label.res-nav-label span 	{ margin-right: 10px; position: relative; right: 0; top: 0; float: right; font-weight: bold;}

nav 				{ position: absolute; top: -9999px; padding: 10px; box-shadow: none;}

input#res-nav[type=checkbox]:checked ~ nav { position: relative; top: 0; }

nav a:after 			{ display: none;}

nav li 				{ float: none !important; width: 100% !important; border-bottom: none !important; }
  
/*nav ul li:hover 		{ background: none; } */
  
/*nav ul li a:hover 		{background: #009fd9;} */
  
nav ul ul 			{ position: relative !important; width: 100%; left: 0 !important; top: 0 !important; background: none !important; box-shadow: none; overflow:hidden; }
  
nav ul ul li 			{ padding-left: 0.5em; }

nav ul ul li a 			{ padding: 15px 20px 10px 35px; }




.rdino 		{ display:none;}
.bre		{ clear:both; float:none;}


	.container {
  	display: inline-block;
	float: right;
  	cursor: pointer;
	}



.bar1, .bar2, .bar3 {
	width: 30px;
	height: 3px;
	background-color: #fff;
	margin: 3px 0;
	transition: 0.4s;
	clear:both;
}


.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

/* Ende NAVI */





} /* Ende 850px*/




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


.content_rechts .bl {background: #b2ceec; width:96%;}
.content_rechts .bl a {font-size: 1.2em; line-height: 2em; }

}