html {
    height: 101%;
}

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




body {
	
	background: url("assets/bg_body.png") repeat-x scroll 0 0 #F3F3F3;
	margin: 0;
	padding: 0;
	font-family: 'Lato', "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #080808;
    text-align: center;


	
}


#main a {
	background-color: rgba(255,255,255,.4);
	transition: background-color .2s ease-in-out;

	padding-left: 1px;
	padding-right: 1px;
}

#main a:hover {
	background-color: rgba(255,255,255,1);
	transition: background-color .2s ease-in-out;
}


a svg path {
	fill: #143F92!important;
}


a.button svg path {
	fill: #fff!important;
}


a svg {
	margin-top: -1px;
	margin-right: 3px;
	transform: translateY(2px);
	height: 1.2rem;
}



#wrapper {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 10px;*/
	margin-bottom: 15px;
	background: #fff;
	padding: 25px;
	padding-top: 0;
	text-align:left;

	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

#logo {
	float: left;
	margin-top: 15px;
	border: 0;
}

#claim {
	float: left;
	margin-top: 45px;
	font-size:15px;
	color: #333;
	margin-left: 15px;
	margin-bottom: 15px;
}

#claim span {
	font-size:16px;
	color: #79001f;
	margin-left: 1px;
	font-weight:bold;
	text-transform:uppercase;
}


#sprachnav {
	float: right; 
	font-size: 12px;
	color:#111;
	margin-top: 8px;
}

#sprachnav a{
	text-decoration:none;
	color: #555;
}

#sprachnav a.current{
	font-weight:bold;
	color: #143F92;
}

#sprachnav a:hover {
	color: #143F92;
}






#navwrapper {
    width: 910px;
	background:  #E9ECF5;
    height: 35px;
    clear: both;
    float: none;
    margin-bottom: 25px;

}

/* Definition der Navigationen */

#nav {


    padding: 0;	
	margin: 0;
	float: right;
	width: 685px;
}


#nav li {
    display: block;
    float: left;
    list-style-type: none;
}

#nav li a {


	background: linear-gradient(to bottom, #dbe2ee 0%, #c6d1e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#393bac, endColorstr=#242587,GradientType=1);
    border-left: 1px dotted #9F9EDA;
    color: #333;
    display: block;
    font-size: 14px;
	font-weight:bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.2em #AAAAAA;
    width: 136px;

	transition: background-color .2s ease-in-out;
}

#nav li a:hover, #nav li a.current {
	background: linear-gradient(to bottom, #2346af 0%, #1c378a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#393bac, endColorstr=#242587,GradientType=1);
    color: #FFFFFF;
    text-shadow: 0.05em 0.05em 0.1em #666666;
	border-left: 1px dotted #9F9EDA;

	transition: background-color .2s ease-in-out;
}


#subnav {


    font-size: 15px;
    margin: 180px 0 0;
    padding: 0;
}

#subnav  li {  
	/*display: block;*/
    list-style-type: none;
    margin-bottom: 9px;
}

#subnav li a {
    background: none repeat scroll 0 0 #E6EBF1;
    border-left: 10px solid #8897A3;

    color: #292939;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px 5px 11px;
    text-decoration: none;
	line-height:16px;
}

#subnav li a:hover, #subnav  li a.current {
    background: none repeat scroll 0 0 #F5F7FA;
    border-left: 10px solid #003F74;
	border-left: 10px solid #143F92;
    color: #402000;
}


#subnav  ul {
    margin-top: 2px;
	margin-left: 1px;
	/*border: 1px solid red;*/
	padding: 0;
}
#subnav li li {
    margin-bottom: 2px;
    margin-left: 11px;
    margin-top: 0;
}
#subnav li li a {
    border-left: 6px solid #8897A3;
    color: #555577;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 3px 8px 3px 10px;
}
#subnav li li a:hover, #subnav li li a.current {
    border-left: 6px solid #003F74;
}






/* Subnavi ausblenden */
.sstart, .s1, .s2, .s3, .s4, .s5, .s6, #subnav ul {
	display: none;
}


/* enthält den Hintergrundstreifen*/ 
#subhead {
	 background: url("assets/bg_left.gif") repeat-y;
	
}


#leftcol {
	width: 200px;
	float: left;

	
}

#maincol {
	width: 685px;
	float: right;
}


#main {
	background:#F0F2F9;	
	background:#F8F9FC;
	background:#F3F4FA;
	
	
	margin-top: 25px;
	margin-top: 160px;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	/*border: 1px solid red;*/

}

#left {
	width: 420px;
	float: left;
}

#right {
	width: 200px;
	float: right;
}


#right a {

	transition: all .2s ease-in-out;
	padding-right: 1px;
	padding-left: 1px;
	border-radius: 4px;
	background-color: rgba(255,255,255,.1);
	font-weight: 600;
}



#right a:before, #footer a:before {
	content: '»\00A0';
}

#right a.no_arrow:before{
	content: '';
}


#right a:hover {
	background-color: rgba(28,55,138,.05);
	transition: all .2s ease-in-out;
}



#right a.button, #main a.button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 .5rem 0;
	padding: 0.45em .8em;
	-webkit-appearance: none;
	border: 1px solid transparent;
	border-radius: 1px;
	transition: background-color 0.25s ease-out,color 0.25s ease-out;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background-color: #2346af;
	color: #fefefe;


	border: 0;
	box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
	font-weight: bold;
}

#right a.button:hover, #right a.button:focus, #main a.button:hover, #main a.button:focus {
	background-color: #1c378a;
	color: #fefefe;
}


#main a.button.bigbutton {
	padding: 0.65em 1em;
	font-size: 1.1em;
}


#middle {
	width: 635px;
}



.zoom {
	
}

img {
	border-color:#ddd;
}

#footer {
	float: none;
	clear: both;
	width: 910px;
	
	background:  #E9ECF5;


	border-top: 25px solid white;
	
	

    height: 55px!important;
    text-align: right;
	padding-right: 20px;
	box-sizing: border-box;
}

#impressum {
    float: right;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 7px;
    width: 70px;
}

#impressum a {
    color: #333;
    text-decoration: none;
}

#impressum a:hover {
    color: #143F92;
    text-decoration: none;
}

#datenschutzlink {
    float: right;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 7px;
    width: 130px;
}

#datenschutzlink a {
    color: #333;
    text-decoration: none;
}

#datenschutzlink a:hover {
    color: #143F92;
    text-decoration: none;
}


#grafhead {
	position:absolute; 
	z-index:5;
	height: 135px;
	width: 685px;
	float:none;
	clear:both;
	
}


#grafheadlayer {
	position:absolute;
	background: rgba(255,255,255,.6);
	width: 685px;
	height: 25px;
	/*margin-top: -25px;*/
	z-index:10;
	left: 0;
	top: 110px;
}


.floatfix {
	float: none;
	clear:both;
	/*border: 1px solid red;*/
	font-size:1px;
	height:1px;
	margin: 0;
	padding:0;
	line-height:1px;
}


.box {
    background: none repeat scroll 0 0 #E4E9F3;
    margin-bottom: 20px;
    padding-bottom: 9px;
	
}

.box h2 {
	margin: 0;
	background: linear-gradient(to bottom, #2346af 0%, #1c378a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#393bac, endColorstr=#242587,GradientType=1);
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 1px;
    padding: 5px 12px;
    text-shadow: none;
	font-size: 13px;
}

.box p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3px;
    margin-top: 5px;
    padding: 0 10px;
}

#left p {
    line-height: 18px;
}



/* Mikrolayout */
a {
	color: #143F92;	
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: none;
}

H1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #143F92;
	margin-bottom: 20px;
}

H2 {
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 12px;
	
	font-weight:normal;
	font-size: 17px;
	color: #143F92;
}

H3 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 7px;
	
	font-weight:bold;
	font-size: 14px;
	color: #333;
}


.datum {
	float: right; 
	display: block;
	margin-left: 10px;
}

.datum p {
	margin: 0;
}


p {
	margin: 0;
	margin-bottom: 9px;	
	margin-top: 1px;
}

#main ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	margin-bottom: 14px;
}

#main ul li {
	margin: 0;
	padding: 0;
	
	padding-left: 20px;
	/*background: transparent url(assets/aufzahl.gif)  0 2px no-repeat;*/
	margin-bottom: 2px;
}

#main ul li:before {
	content: '\25B8';
	display: block;
	height: .9rem;
	width:.9rem;
	margin-right: 2rem;
	font-size: 2.2rem;

	transform: translateX(-30px); /* Equal to translate(10px) */

	color: #143F92;
}

.biglink {
	margin: 0;
	padding: 0;
	
	padding-left: 30px;
	background: transparent url(assets/aufzahl_big.gif)  0 2px no-repeat;
	margin-bottom: 15px;
	line-height: 24px;
	font-size:18px;
	display:block;
}

#leftcol .biglink {
	margin-left: 15px;
}

table {
	border: 0;
	border-spacing:0;
}	

td, th {
	border: 0;	
}

th {
	border-bottom: 1px solid #999;	
}

td {
	padding: 2px 6px 2px 6px;
	
}

.edit td input, .edit td {
	font-size: 11px;	
}
.edit td {
	padding: 1px;
}



hr {
background-color: #F3F4FA; /* Farbe für Opera und Firefox */
color: #F3F4FA; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 2px; 
border-bottom: 1px dotted #bbb;
}



a.pdf {
    background: url("assets/pdf-icon.gif") no-repeat scroll left top transparent;
    min-height: 21px;
    padding-left: 20px;
    padding-top: 2px;
}

a img {
	border: 0;	
}

a img.border {
	border: 1px solid #ccc;
}



.videobox {

}
		   
.videobox img {
	border: 1px #ccc dotted;
	float:left;
	margin-right: 10px;
	margin-bottom: 1px;
}		  

.videobox hr {
float: none;
clear:both;
padding-top: 12px;
}

.videoframewrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.videoframewrapper iframe,
.videoframewrapper object,
.videoframewrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}







/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget {  font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  font-size: 1em; }
/*.ui-widget-content { border: 1px solid #dddddd; background: #f3f3f3  ; color: #333333; }*/

.ui-widget-header { border-bottom: 1px dotted #aaa; ; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #666; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #666; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #143F92; background: #fdf5ce ; font-weight: bold; color: #143F92; }
.ui-state-hover a, .ui-state-hover a:hover { color: #143F92; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #143F92; background: #ffffff ; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #143F92; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.html) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.html) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }




/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.html) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.html) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Tabs 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0!important; white-space: nowrap; background: none!important; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: .5em .3em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



@media only screen and (max-width: 950px) {
	#leftcol {
		/*display: none;
		visibility: hidden; */
		float: none;
		width: 100%;
	}

	#subnav {
		margin-top: 0;
		display: flex;
		flex-wrap: wrap;
	}

	#subnav li {
		flex: auto;
	}

	#subhead {
		background: none;
	}


	#maincol {
		width: 100%;
	}

	#main {
		margin-top: 15px;
		padding: 15px!important;
	}

	#wrapper {
		width: 100%;
		padding: 15px;

		box-sizing: border-box;

	}

	#navwrapper {
		width: 100%;
		margin-bottom: 10px;
	}

	#nav {
		width: 100%;
		display: flex;
	}
	#nav li {
		/*width: 19.9%; */
		flex: auto;

	}

	#nav li a {
		width: 100%;
		font-size: 13px;
	}

	#footer {
		width: 100%!important;
		border-top: 15px solid white;
		height: 45px!important;
	}

	#grafhead {
		width: 100%;
		height: auto;
		position: relative;
	}

	#grafhead img {
		width: 100%;
		height: auto;
	}

	#grafheadlayer {
		width: 100%;
		bottom: 0;
		top: auto;
		height: 15px;
	}

	#left {
		float: none;
		width: 100%;
	}

	#mainnav1 {
		border-left: none!important;
	}

	#right {
		width: 100%;
		float: none;
	}


	#claim {
		font-size: 14px;
	}


	.hstart #logo {
		padding-top: 10px!important;
	}

	.hstart #claim {
		margin-top: 28px;
	}



	#sprachnav {
		position: absolute;
		top: 10px;
		right: 10px;
		float: none;
		font-size: 12px;
		color: #111;
		margin-top: 1px;
	}


	#sprachnav a{
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 .5rem 0;
		padding: 0.45em .8em;
		-webkit-appearance: none;
		border: 1px solid #2346af;
		border-radius: 1px;
		transition: background-color 0.25s ease-out,color 0.25s ease-out;
		line-height: 1;
		text-align: center;
		cursor: pointer;
		background-color: #eee;
		color: #555;


		border: 0;
		box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
		font-weight: bold;
	}

	#sprachnav a.current{
		font-weight:bold;
		color: #fff;
		font-weight: bold;
		background-color: #2346af;
	}

	#sprachnav a:hover {
		color: #fff;
		background-color: #2346af;
	}




	#subnav li a {
		border-left: 6px solid #8897A3;
	}

	.box {
		margin-bottom: 10px;
		padding-bottom: 6px;
	}

	iframe {
		max-width: 100%;
	}


}


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

	#logo {
		margin-top: 1px;
	}

	#claim {
		font-size: 12px;
		margin-top: 18px;
	}

	#claim span {
		font-size: 13px;

	}



	#nav li a {
		font-size: 12px;
		text-shadow: none;
	}

	#claim span:nth-child(3):before { content: ' '; display: block; }


	#subnav li a {
		border-left: 3px solid #8897A3;
		padding: 5px 5px 5px 5px;
		font-size: 11px;
	}


	#wrapper {
		padding: 6px;


	}

	#navwrapper {
		margin-bottom: 0;
	}

	#main {
		margin-top: 2px;
		padding: 10px!important;
	}


	#claim {
		margin-left: 5px;
	}

	#subnav li {
		margin-bottom: 2px;
	}
}


/* für die größere Version */
@media only screen and (min-width: 1400px) {
	body {
		font-size: 16px;
	}

	#left p {
		line-height: 24px;
	}

	#right .box img {
		width: 100%;
		height: auto;
	}



	#wrapper {
		width: 1160px;
	}

	#navwrapper {
		width: 1160px;
		height: 45px;
	}

	#footer {
		width: 1160px;
	}


	#nav {
		width: 685px;
		width: 935px;
	}

	#grafhead {
		width: 685px;
		width: 935px;
		height: 184px;
		background-color: #1c378a;

	}

	#grafhead img {
		width: 935px;
		height: 184px;
		/*filter: blur(1px); */
		filter: blur(-0.1px) grayscale(40%);
		opacity: 0.93;
	}

	#main {
		margin-top: 160px;
		margin-top: 209px;
	}

	#grafheadlayer {
		width: 685px;
		width: 935px;
		top: 110px;
		top: 154px;




		height: 30px;
		/* margin-top: -25px; */
		z-index: 10;
		left: 0;

	}


	#maincol {
		width: 685px;
		width: 935px;

		float: right;
	}

	#left {
		width: 420px;
		width: 670px;
		width: 640px;
		float: left;
	}



	#right {
		width: 240px;
	}

	H1 {

		font-size: 24px;
		margin-bottom: 25px;

	}

	H2 {
		margin: 0;
		padding: 0;
		margin-top: 23px;
		margin-bottom: 12px;
		font-weight: normal;
		font-size: 22px;
		color: #143F92;
	}


	H3 {
		margin: 0;
		padding: 0;
		margin-top: 20px;
		margin-bottom: 7px;
		font-size: 18px;
	}


	.box h2 {



		font-size: 16px;
		padding: 10px 15px;
	}


	.box p {
		font-size: 15px;
		line-height: 23px;
		padding: 3px 15px;

	}

	p {
		margin: 0;
		margin-bottom: 14px;
		margin-top: 1px;
	}

	#nav li a {
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		letter-spacing: .5px;

		width: 186px;
	}


	#subnav {
		font-size: 16px;
		margin: 210px 0 0;
	}

	#subnav li a {
		font-size: 14px;
		padding: 7px 8px 7px 11px;
	}

	#subnav li {
		margin-bottom: 12px;
	}


}

@media only screen and (max-width: 949px) {
	.onlydesktop {
		display: none;
		visibility: hidden;

	}
}


@media only screen and (min-width: 950px) {
	a[href^='tel:'] {
		color: rgb(8, 8, 8);
		cursor: default;
	}
}

a[href^='tel:']:before, #right a[href^='tel:']:before {
	content: '✆\00A0\00A0';
	font-size: 1.1rem;
}

a[href^='mailto:']:before, #right a[href^='mailto:']:before {
	content: '✉\00A0\00A0';
	font-size: 1.1rem;
}




#right a[href^='tel:']:hover, #right a[href^='mailto:']:hover {
	background-color: transparent;
}

@media only screen and (max-width: 949px) {
	a[href^='tel:'], a[href^='mailto:'] {


		display: inline-block;
		vertical-align: middle;
		margin: 0 0 .5rem 0;
		padding: 0.45em .8em!important;
		-webkit-appearance: none;
		border: 1px solid transparent;
		border-radius: 1px;
		transition: background-color 0.25s ease-out,color 0.25s ease-out;
		line-height: 1;
		text-align: center;
		cursor: pointer;
		background-color: #2346af!important;
		color: #fefefe;


		border: 0;
		box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
		font-weight: bold;

	}
	a[href^='tel:']:hover, a[href^='tel:']:focus, a[href^='mailto:']:hover, a[href^='mailto:']:focus{
		background-color: #1c378a!important;
		color: #fefefe!important;
	}


}



/*  Basic stucture
=====================*/
#accordion{}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:4px;}



#accordion > ul > li:before {
	content: "";
	display: none!important;
	height: .9rem;
	width: .9rem;
	margin-right: 2rem;
	font-size: 2.2rem;
	transform: translateX(-30px);
	color: #143F92;
}

#main #accordion > ul > li {
	padding-left: 0;
}

#main #accordion > ul > li > a {
	background: linear-gradient(to bottom, #dbe2ee 0%, #c6d1e3 100%);



}

#main #accordion > ul > li > a:hover, #main #accordion > ul > li > a:active {
	background: linear-gradient(to bottom, #2346af 0%, #1c378a 100%);
}

#main #accordion > ul > li > a > h2 {
	color: black;
	padding-left: 10px;
}

#main #accordion > ul > li > a:hover > h2 {
	color: white;
	padding-left: 10px;
}


	/*  Colors
    ====================*/
#accordion ul{

}
#accordion ul li a {
	background:#fff;
	border-bottom:1px solid #E0E0E0;
	color:#999;
}
.accordion{
	background:#fdfdfd;
	padding-left: 20px;
}
.accordion:target{
	border-top:15px solid rgb(96, 110, 122);
}