body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* Kontaktformular.css */
.Kontaktformular select{float: left;width:50%}.Kontaktformular label.select{display:block;width:100%}.Kontaktformular button[type="submit"]{float: left;padding: 4px 12px;width: 200px;line-height: 26px;text-shadow: 0 1px 1px rgba(124, 124, 124, 0.75);cursor: pointer;color: #fff;font-weight: bold;outline: none;  background: #6980c3;background: -moz-linear-gradient(top, #6980c3 0%, #396291 50%, #6980c3 100%);background: -webkit-linear-gradient(top, #6980c3 0%,#396291 50%,#6980c3 100%);background: linear-gradient(to bottom, #6980c3 0%,#396291 50%,#6980c3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6980c3 ', endColorstr='#6980c3 ',GradientType=0 );border: 1px solid #396291;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.Kontaktformular textarea{height:150px}.Kontaktformular label,legend,p{font-size: 14px}.Kontaktformular label,textarea,input[type="text"],input[type="email"]{width:100%}.Kontaktformular select,textarea,input[type="text"],input[type="email"]{display: inline-block;height: 36px;margin-bottom: 10px;padding: 4px 6px;font-size: 14px;line-height: 20px;color: #555;vertical-align: middle;border-radius: 0px;border: 1px solid #d0d0d0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px}.Kontaktformular .ce_form.tableless{width: 95%; max-width: 500px; margin: 0 auto; margin-top: 5%;font-family: Helvetica, Arial, sans-serif}.Kontaktformular fieldset{margin: 6px 0px 6px 0px;border: 1px solid #d0d0d0;border-radius:4px}
/* SocialMedia.css */
.SocialIcons{float:left;margin: 0px 5px 5px 5px}Footer .SocialIcons{float:right;margin: 0px 2px 0px 2px;width: 22px;height:22px}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;font-display:swap;
  src: url("../../files/design/fonts/roboto-condensed-v18-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/design/fonts/roboto-condensed-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/design/fonts/roboto-condensed-v18-latin-300.woff2") format("woff2"), url("../../files/design/fonts/roboto-condensed-v18-latin-300.woff") format("woff"), url("../../files/design/fonts/roboto-condensed-v18-latin-300.ttf") format("truetype"), url("../../files/design/fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;font-display:swap;
  src: url("../../files/design/fonts/roboto-condensed-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/design/fonts/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/design/fonts/roboto-condensed-v18-latin-regular.woff2") format("woff2"), url("../../files/design/fonts/roboto-condensed-v18-latin-regular.woff") format("woff"), url("../../files/design/fonts/roboto-condensed-v18-latin-regular.ttf") format("truetype"), url("../../files/design/fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;font-display:swap;
  src: url("../../files/design/fonts/roboto-condensed-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/design/fonts/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/design/fonts/roboto-condensed-v18-latin-700.woff2") format("woff2"), url("../../files/design/fonts/roboto-condensed-v18-latin-700.woff") format("woff"), url("../../files/design/fonts/roboto-condensed-v18-latin-700.ttf") format("truetype"), url("../../files/design/fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }


/* CSS Document */
body {line-height:1.3;font-weight:300;font-family:'Roboto Condensed',Calibri,Arial;font-size:16px;background:url('../../files/design/images/bg.jpg') no-repeat top left fixed #f8f8f8;background-size:100% auto;}
#wrapper,#topleiste {max-width:960px;margin:0 auto;}
#container {background:#fff;min-height:400px;}
#container:before {border-left:1px solid #ddd;content:" ";position:absolute;height:100%;left:210px;}
#eft {width:210px;}
.logo-bg {position:relative;}
.logo-bg .bg {position:absolute;top:0;left:0;z-index:-1;}
#main .inside{padding:0 15px 25px 25px;}
div.nach_oben_link a{z-index:9999;background:url("../../files/design/images/top.png");display:block;height:50px;float:right;width:50px;bottom:20px;right:20px;position:fixed}
span.slogan {display:inline-block;float:left;color:#396291;font-size:20px;}
header nav {background:#396291;position:relative;z-index:3;clear:both;overflow:visible !important;height:42px;border-bottom:3px solid #FFC750;}
header nav ul {margin:0;list-style:none;padding:0;}
header nav ul.level_1 > li {float:left;text-transform:uppercase;padding:0 13px;line-height:41px;}
header nav ul.level_1 > li.last {padding-right:0;}
header nav ul.level_1 > li a, header nav ul.level_1 > li > strong {font-size:19px;text-decoration:none;color:#fff;}
header nav ul.level_1 > li a:hover, header nav ul.level_1 > li > strong:hover {color:#FFC750;}
header nav ul.level_1 > li > strong, header nav ul.level_1 > li.trail > a {color:#FFC750;font-weight:300;}
header nav ul li:hover ul.level_2, header nav ul li:active ul.level_2, header nav ul li:focus ul.level_2 {visibility:visible;opacity:1;-webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;z-index:999;}
header nav ul.level_2 {z-index:-999;opacity:0;background:rgba(57,98,145,0.9);visibility:hidden;list-style: outside none none;border-top:3px solid #FFC750;margin:0;padding: 10px;position: absolute;width: 225px;z-index: 9999;line-height:18px;}
header nav ul.level_2 strong.active {color:#FFC750;font-size:15px;font-weight:400;display: block;padding: 5px 0 5px 5px;text-align: left;}
header nav ul.level_2 li {margin: 0;padding: 2px 0;width: 100%;}
header nav ul.level_2 li a, header nav ul.level_2 li strong.trail {font-size:15px;font-weight:300;color: #ffffff;display: block;padding: 5px 0 5px 5px;text-align: left;}
header nav ul.level_2 li a:hover, header nav ul.level_2 li.active strong.active, header nav ul.level_2 li a:focus {}

header nav ul.level_1 > li .mega-dropdown {border-top:3px solid #FFC750;opacity:0;visibility:hidden;position:absolute;z-index:99999;background:rgba(57,98,145,0.9);left:100px;box-sizing:border-box;padding:20px 30px 0;max-width:755px;}
header nav ul.level_1 > li:hover .mega-dropdown {visibility:visible;opacity:1;-webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;z-index:999;}
header nav ul.level_1 > li .mega-dropdown div.app h3 {font-size:99%;border-radius:6px 6px 0 0;z-index:2;position:absolute;line-height:1.3;}
header nav ul.level_1 > li .mega-dropdown div.app {max-width:31%;}
header nav ul.level_1 > li .mega-dropdown div.app.brexit {background:#fff;;}
header nav ul.level_1 > li .mega-dropdown div.app:nth-child(3), header nav ul.level_1 > li .mega-dropdown div.app:nth-child(6), header nav ul.level_1 > li .mega-dropdown div.app.last {margin-right:0;}

#main .mod_search {margin:30px 0 10px;}
#topleiste .mod_search {float:right;}
#topleiste .mod_search .widget {float:left;}
#topleiste nav.mod_changelanguage ul {list-style:none;margin:0 10px;padding:0;float:right;}
#topleiste nav.mod_changelanguage ul li {float:left;text-indent:-9999em;margin-right:10px;}
#topleiste nav.mod_changelanguage ul li a, #topleiste nav.mod_changelanguage ul li span {padding-top:8px;height:18px;width:20px;display:block;}
#topleiste nav.mod_changelanguage ul li .lang-de {background:url('../../files/design/images/de.png') no-repeat center;}
#topleiste nav.mod_changelanguage ul li .lang-en {background:url('../../files/design/images/us-uk.png') no-repeat center;}
#topleiste nav.mod_changelanguage ul li .lang-it {background:url('../../files/design/images/it.png') no-repeat center;}
#topleiste nav.mod_changelanguage ul li .lang-fr {background:url('../../files/design/images/fr.png') no-repeat center;}
#topleiste nav.mod_changelanguage ul li .lang-es {background:url('../../files/design/images/es.png') no-repeat center;}



#vb-button {cursor:pointer;position:absolute;padding:5px 12px;background:#396291;color:#fff;z-index:9999;display:block;top:20%;right:-31px;transform-origin: 100% 100%;transform:rotate(-90deg);z-index:1;}
#vb-content {content-visibility:hidden;box-shadow:0 10px 40px rgb(0 0 0 / 30%);display:none;width:1200px;box-sizing:border-box;max-width:100vw;height:700px;max-height:86vh;padding:0;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index:9999999999;overflow-y:auto;}
#overlay{background:rgba(255,255,255,0.7);display:none;opacity:0;width:100vw;height:100vh;top:0;left:0;position:fixed;}
body.vb-active #overlay{display:block;opacity:1;z-index:999;}
body.vb-active #vb-content {content-visibility:visible;display:block;z-index:1000;}
span.close-vb {display:none;position:absolute;width:40px;height:40px;color:#fff;top:20px;right:20px;z-index:99999;background:#396291;border-radius:255px;box-shadow:0 0 10px #666;}
body.vb-active span.close-vb   {display:block;}
span.close-vb::after {content:"\00d7";font-size:35px;display:block;cursor:pointer;line-height:37px;text-shadow:1px 1px 3px #000;text-align:center;}
@media (min-width:1100px) {
	#vb-button {display:block;}
}
@media screen and (max-width:1150px) {
header nav li.last > ul.level_2 {right:0;}
#vb-content {box-shadow:none;height:700px;max-height:100vh;}
}
@media (max-width:900px) {
	#vb-content {height:100vh;max-height:none;box-shadow:none;left:0;top:0;transform:none;}
	span.close {top:10px;left:10px;right:auto;}
	#vb-button {right:0;}
	span.close-vb {left:20px;right:auto;}

}


h1, h2, h3, h4, h5, h6 {font-weight:400;color:#396291;}
h4 {font-size:22px;margin:12px 0;}
.layout_full h2:first-of-type {margin:0;}
a {color:#396291;}

.ce_image.app {border-radius:6px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);float:left;height:170px;margin:2px 20px 25px 2px;overflow:hidden;width:216px;}
:not(#fleyer) .app {position:relative;border-radius:6px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);float:left;margin:2px 1% 25px 1%;overflow:hidden;}
.fw #main .app {height:173px;width:240px;}
.fw #main .app h3 {width:240px;}
.fw #container::before {display:none;}
#main div.app:nth-child(4), #main div.app:nth-child(7), #main div.app.last {margin-right:0;}
.ce_image.app h3 {text-align:center;padding:6px 0;margin:0;background-color: rgba(240, 240, 240, 0.8);position: absolute;width:100%;box-sizing:border-box;}
.app h3 {text-align:center;padding:6px 0;margin:0;background-color: rgba(240, 240, 240, 0.8);position: absolute;}
.app img {max-width:none;}
.app.brexit img {max-width:170px;}
.app.brexit figure {text-align:center;}
.ce_gallery .app {max-width:30%;position:relative;}
figure.app figcaption {display:block;position:absolute;z-index:999;top:0;text-align:center;width:100%;padding:5px;background:rgba(218,218,218,0.80);color:#396291;font-weight:400;font-size:12px;}
.teaser figure {float:left;margin:0 12px 0 0;max-width:115px;}
.mod_newslist p.info {margin:0;}
.mod_newslist p.more {clear:both;background:#E4EDF6;padding:5px 10px;text-align:right;margin:0 0 7px;}
.mod_newslist p.more a {font-size:110%;font-weight:400;text-decoration:none;}
.mod_newslist p.more a::before {content:"\00bb  ";}
.mod_newslist .layout_short {margin:0 10px 30px 0;padding:15px;background:#f9f9f9;border:1px solid #ddd;}
.mod_newslist .layout_short h2 {margin:0 0 15px;}
.mod_newslist .layout_short h2 a {text-decoration:none;}
.mod_newsreader p.back {position:absolute;right:-46px;top:100px;background:#396291;transform:rotate(90deg);padding:4px 10px;border-radius:5px 5px 0 0;}
.mod_newsreader p.back a {color:#fff;text-decoration:none;}
footer {background:#396291;padding:0 25px;box-sizing:border-box;color:#fff;}
footer .footer-ende {border-top:1px solid #fff;clear:both;padding:8px 15px;margin:0 -25px -15px;}
footer .block {width:27%;float:left;margin:0 0 15px;}
footer .block.last {width:32%;}
footer .block:nth-child(2) {width:36%;margin:0 2.5% 0 2.5%}
footer .block.last img {max-width:48%;margin:0 4% 20px 0;}
footer .block.last img:nth-child(2) {margin-right:0;}
footer nav ul {list-style:none;margin:0 0 15px;padding:0;}
footer nav ul li {padding:0 0 2px 12px;position:relative;}
footer nav ul li a::before, footer nav ul li.active strong::before {position:absolute;content:"\00bb  ";left:0;}
footer nav ul li a, footer nav ul li.active strong {color:#fff;text-decoration:none;font-size:17px;}
footer nav ul li a:hover {color:#FFC750;}
footer nav ul li.active strong {font-weight:400;color:#FFC750;}
footer a {color:#fff;}
footer a.imprint {float:right;}
footer a.privacy {float:right; margin:0 10px 0 10px;}

form input, form textarea {color:#666;padding:3px 5px;box-sizing:border-box;max-width:100%;border:1px solid #ddd;background:#f5f5f5;font-size:16px;font-family:'Roboto Condensed',Calibri,Arial;}
form input.submit {cursor:pointer;}
footer form strong, footer h6 {display:block;clear:both;font-weight:400;font-size:22px;margin:0 0 15px;color:#fff;}
footer form .widget {float:left;width:43%;margin:0 4% 4% 0;}
footer form .widget.fw {float:none;clear:both;width:100%;margin:0 0 4% 0;}
footer form .widget.fw input {width:90%;}
footer form .widget:nth-child(odd) {margin-right:0;}
footer form .widget.widget-textarea{width:91%;clear:both;margin:0 0 4%;}
footer form textarea {height:75px;}

aside#left {padding:25px 0;}
aside#left h6 {font-weight:400;font-size:16px;margin:20px 0 12px;background:#F3F8FE;padding:5px 0 5px 15px;color:#666;clear:both;}
aside#left h6:nth-child(1) {margin-top:0;}
aside#left ul {margin:0;padding:0;list-style:none;}
aside#left ul li {padding:0 0 7px 21px;font-size:15px;position:relative;}
aside#left ul > li > ul {padding:5px 0 0;}
aside#left ul li li {font-size:14.5px;display:none;padding-left:5px;}
aside#left ul li.active li, aside#left ul li.trail li {display:block;}
aside#left ul li::before {content:"\00bb  ";font-size:110%;font-weight:400;position:absolute;margin-left:-11px;line-height:16px;}
aside#left ul a {text-decoration:none;}
aside#left ul strong.active {font-weight:400;color:#396291;}
aside#left .mod_newslist {padding:0 14px;}
aside#left .mod_newslist .layout_simple {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ddd;line-height:18px;font-size:15px;}
aside#left .mod_newslist .layout_simple.last {border:0;}
aside#left .mod_newslist .layout_simple a {text-decoration:none;}
aside#left .mod_newslist p.more a {font-size:99%;font-weight:400;text-decoration:none;}
aside#left .mod_newslist p.more {background:none;padding:5px 0 0;text-align:left;}
aside#left .mod_newslist figure {float:right;margin:0 0 5px 12px;max-width:28%;}

#main iframe {width:100%;}
.mobilnav {display:none;}

div.ui-accordion-header::before {
    content: "+ ";
    display: inline-block;
    height: 24px;
    left: 11px;
    line-height: 26px;
    position: absolute;
    width: 38px;font-size:20px;
}
div.ui-accordion-header.active::before {
    content: "- ";
}
div.ui-accordion-content {
    padding: 8px 0;
}
div.ui-accordion-content p {
    margin: 12px 0;
}
#main .ui-accordion-content div.app:nth-child(3), #main .ui-accordion-content div.app:nth-child(6), #main .ui-accordion-content div.app.last {margin-right:0;}

div.ui-accordion-content h3 {
    font-size: 18px;
    margin: 0 0 12px;
}
section.ce_accordion {
    position: relative;
}
div.ui-accordion-header {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #0058a1;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0;
    outline: medium none;
    padding: 8px 5px 8px 25px;
    position: relative;
}
@media screen and (min-width:600px) {
.topleiste {padding-top:8px;height:39px;}
#main .inside .ce_text.team {float:left;width:42.5%;max-width:250px;}
#main .inside .ce_text.team:nth-of-type(even) {margin-right:15%;}
#main .inside .ce_text.team img {height:auto;box-shadow:none;border-radius:0;margin:0 15px 12px 0;max-width:250px;float:none;}
}

@media screen and (max-width:950px) {
#main div.app {width:30%;margin-left:2%;margin-right:2%;position:relative;}
#main div.app h3 {width:100%;}
#main .ce_gallery .app {margin-left:2%;margin-right:2%;height:auto;line-height:0;}
figure.app img {max-width:100%;}
#main .ce_gallery .app:nth-child(4) {margin-right:0;}
}
@media screen and (max-width:800px) {
#main div.app h3 {font-size:16px;}
span.slogan {font-size:14px;}
}
@media screen and (max-width:825px) {
.logo-bg > img {max-width:40%;}
#main div.app {margin-left:0;margin-right:3%;}
#main div.app h3 {font-size:20px;}
div.mod_article {width:100%;box-sizing:border-box;}
#container::before {display:none;}
#main .inside {padding:0 15px;}
.mobilnav {line-height:30px;display:block;background:#396291;position:relative;z-index:3;clear:both;border-bottom:3px solid #FFC750;padding:2px 10px;}
.mobilnav a {color:#fff;text-decoration:none;font-weight:400;font-size:17px;}
.mobilnav a img {max-height:16px;width:auto;float:left;padding:6px 10px 0 0;}
footer .block {width:50%;}
footer .block.last {width:70%;}
nav-hauptmenu {display:none;}
#main .inside .ce_text img {margin:2px 2% 20px 2%;max-width:29%;max-height:95px;}
.mm-panel .mega-dropdown-inner .app {float:none;border-radius:0;height:auto;margin:0;overflow:auto;width:auto;box-shadow:none;border-bottom:1px solid #ddd;margin-left:20px;}
.mm-panel .mega-dropdown-inner .app.last {border:0;}
.mm-panel .mega-dropdown-inner .app img {display:none;}
.mm-panel .mega-dropdown-inner .app h3 {background:none;margin:0;padding:10px 10px 10px 20px;text-align:left;font-weight:lighter;width:auto;position:relative;color:#666;font-size:14px;}
.mm-panel .mega-dropdown-inner .app.last h3 {padding-bottom:0;}
footer .footer-ende {margin:15px -25px -15px;text-align:center;width:100%;}
footer .footer-ende a.imprint {float:none;display:block;padding:5px 0;}

}
@media screen and (max-width:500px) {
span.slogan {display:none;}
#main div.app,#main div.app:nth-child(4), #main div.app:nth-child(7) {width:46%;margin:0 4% 18px 0;height:140px;}
#main div.app:nth-child(3), #main div.app:nth-child(5), #main div.app:nth-child(7), #main div.app:nth-child(9) {margin-right:0;}
#main div.app h3 {font-size:17px;}
h1 {font-size:28px;}
figure.app img {max-height:70px;}
#main .inside .ce_text.team img {box-shadow:none;border-radius:0;margin:0 15px 12px 0;}
div.mod_search {display:none;}
footer .block {width:100% !important;float:none;}
footer {padding:12px;}
}



:root {
  --bar-width: 40px;
  --bar-height: 2px;
  --bar-margin:4px;
  --bar-borderradius: 0.1em;
  --bar-arrow-angle-value: 45;
  --bar-transition: cubic-bezier(.25,.01,.75,1);
  --bar-transition-time: .3s;
  --bar-offset: calc( var(--bar-height) + var(--bar-margin) * 2 );
  --bar-arrow-angle: calc( var(--bar-arrow-angle-value) * 1deg );
  --bar-arrow-offset: calc( var(--bar-height) * 1.2 + var(--bar-margin) * 2 );
  --bar-arrow-offsetcenter: calc( 50% * var(--bar-arrow-angle-value) / 90 ); }

#mobnav {display:none;background:#396291; right: 110px;z-index: 999999;cursor: pointer;width: 100%;padding:10px 10px;transition: ease all .5s;box-sizing:border-box;}


  #mobnav .mobile_menu_trigger {
    text-align: left;display:flex; }
  #mobnav i {
    font-style: normal;
    color: #fff;
    position: absolute;
    left: 0%;
    font-size: 20px; }
  .nav-up #mobnav {
    top: -88px; }

.burger__input, .burger__label {
  display: block;
  cursor: pointer; }

.burger__input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 30px;
  z-index: 999999; }

.burger__label {
  align-items: center;
  position: relative;
  z-index: 11000;
  padding: 0;
  cursor: pointer; }

.burger__label {
  display: flex;
  padding-left: 0; }

.burger__linelabel {
  padding-left: 10px; }

span.menu {
  display: block;
  position: relative;
  margin-top: -10px;
  margin-left: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  font-family: "UnitWeb-Light"; }

html.mobile_menu_active, .mobile_menu_active body {
  overflow: hidden; }
  html.mobile_menu_active span.menu, .mobile_menu_active body span.menu {
    color: #fff;
    display: none; }

/*------------------------------------*\
  $CUSTOM LINES
\*------------------------------------*/
.burger__lines {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: transform var(--bar-transition-time) var(--bar-transition); }

.burger__line {
  display: block;
  width: var(--bar-width);
  height: var(--bar-height);
  margin-top: var(--bar-margin);
  margin-bottom: var(--bar-margin);
  border-radius: var(--bar-borderradius);
  background-color: #fff;
  transition: all var(--bar-transition-time) var(--bar-transition); }

.nav-dark .burger__line {
  background: #fff; }

.mobile_menu_active .burger__input ~ .burger__label--cross .burger__line, .scroll .burger__input ~ .burger__label--cross .burger__line {
  background: #fff; }

.mobile_menu_active .burger__input ~ .burger__label--cross .burger__line:nth-child(2) {
  opacity: 0; }

/* top line */
.mobile_menu_active .burger__input ~ .burger__label--cross .burger__line:nth-child(1) {
  transform: translateY(var(--bar-offset)) rotate(var(--bar-arrow-angle)); }

/* bottom line */
.mobile_menu_active .burger__input ~ .burger__label--cross .burger__line:nth-child(3) {
  transform: translateY(calc( var(--bar-offset) * -1 )) rotate(calc( var(--bar-arrow-angle) * -1 )); }

@media (max-width:900px) {
    body.scroll {padding-top:150px;}
    body.scroll .logo-bg a img {max-width:150px;margin-bottom:-20px;;}
    body.scroll .logo-bg .bg {overflow:hidden;height:110px;}
    body.scroll .logo-bg .bg img {margin-top:-30px;}
    header {transition:ease all .5s;}
.scroll header#header {position:fixed;width:100vw;top:0;}
    #mobnav {display:block;}
    header#header {z-index:999;position:relative;overflow:hidden;}
    #topleiste {position:relative;z-index:999;background:url('../../files/design/images/bg.jpg') no-repeat top left;}
    nav#hauptmenu {display:none !important}
    body.scroll .mobile_menu {padding-top:150px !important}
} 
body .mobile_menu {background: #fff;padding: 250px 20px 20px;text-align: center;font-size: 22px;box-sizing: border-box;overflow: auto; }
body .mobile_menu .content {font-size:16px;}
  body .mobile_menu .nomob {
    display: block !important; }
  body .mobile_menu > .inner {
    color: #000;
    background: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    max-width: 100%;
    overflow: auto; }
  body .mobile_menu a {
    color: #396291; }
  body .mobile_menu p {
    margin: 40px 0 0; }
  body .mobile_menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    body .mobile_menu ul > li {
      margin: 0;
      padding: 3px 0; }
    body .mobile_menu ul a, body .mobile_menu ul strong {
      color: #396291; }
    body .mobile_menu ul.level_1 > li > a, body .mobile_menu ul.level_1 > li > strong {
      text-decoration: none;
      font-weight: 400; }
    body .mobile_menu ul.level_1 > li > a {
      position: relative; }
    body .mobile_menu ul.level_1 > li > strong {
      font-weight:bold; }
    body .mobile_menu ul.level_2 {
      margin: 4px auto 12px; }
      body .mobile_menu ul.level_2 > li {
        padding: 0px 20px;
        text-align: center;
        line-height: 1.4; }
        body .mobile_menu ul.level_2 > li > a, body .mobile_menu ul.level_2 > li > strong {
          font-weight: 400;
          font-size: 18px; }
        body .mobile_menu ul.level_2 > li > strong {
font-weight:bold;
          position: relative;
          display: inline-block; }
          body .mobile_menu ul.level_2 > li > strong::after {
            height: 1px;
            background: #fff;
            content: "";
            display: block; }

html.mobile_menu_active, .mobile_menu_active body {
  overflow: hidden; }


/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.bildlinks {float:left;margin-right:15px;}
.bildrechts {float:richt;margin-left:15px;}
div.box-grafik {border: 1px solid #396291;border-radius: 6px;float: left;height: 50px;margin: 2px 20px 25px 2px;text-align: center;width: 25%;}
div.box-grafik-text {font-weight: 400;height: 50px;padding-top: 15px;}
blockquote {border-left: 6px solid #e1e1e1;font-style: italic;margin: 0 0 0 20px;padding-left: 10px;padding-right: 20px;}
div.box-grafik h3 {margin:14px 0}
div.box-grafik-text p {margin:5px 0 0;}
.diagramm {
    margin: 0.7em 0.5em 2.5em;
    text-align: center;
}
.diagramm > div {
    float: left;
    margin: 0;
    padding: 0;
}
.raster-25 {
    width: 25%;
}
.raster-50 {
    width: 50%;
}
.raster-75 {
    width: 75%;
}
.raster-100 {
    width: 100%;
}
.diagramm-inhalt {
    background: #dee2eb;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    height: 30px;
    margin: 0 15px;
    padding: 20px 10px 30px;
}
.diagramm-pfeil {
    background: transparent url("../../images/bg_diagramm-pfeil.png") no-repeat scroll center top;
    margin: 10px 0;
    padding: 0 0 55px;
    text-align: center;
}
table.table-header-rotated th, table.table-header-rotated td {
    border-radius: 0 !important;
}
table.table-header-rotated td, table.table-header-rotated th {
    margin: 3px !important;
    padding: 3px !important;
}
table.table-header-rotated td.wert {
    text-transform: uppercase;
}
table.table-header-rotated thead tr:first-child th {
    border: medium none !important;
}
table.table-header-rotated {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    width: 78% !important;
}
table.table-header-rotated thead {
    background: transparent none repeat scroll 0 0;
}
.table-header-rotated tbody th {
    background-color: #f3f5f8;
    text-align: center !important;
    vertical-align: middle;
    width: auto;
}
.table-header-rotated td {
    background-color: #f3f5f8;
    text-align: center;
    vertical-align: middle;
}
.table-header-rotated th.rotate-45 {
    font-size: 0.9em;
    font-weight: bold;
    height: 140px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    vertical-align: bottom;
    width: 50px;
	line-height:1;
}
.table-header-rotated th.rotate-45 > div {
    background-color: #f5f6fa;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: 100%;
    left: 72px;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: skew(-45deg, 0deg);
}
.table-header-rotated th.rotate-45 div > span{
    bottom: 35px;
    display: inline-block;
    left: -20px;
    position: absolute;
    text-align: left;
    transform: skew(45deg, 0deg) rotate(315deg);
    white-space: nowrap;
    width: 80px;
}
.table-header-rotated .dauer {
    background: #e4e4e4 none repeat scroll 0 0 !important;
}
.table-header-rotated td.dunkler, .table-header-rotated th.rotate-45 > div.dunkler {
    background-color: #eaedf4;
}
.table-header-rotated .klein {
    font-weight: normal !important;
}
table.table-header-rotated > tbody > tr:hover td {
    background-color: #f3f5f8;
}
table.table-header-rotated > tbody > tr:hover td.wert {
    background-color: #fff;
    border-color: #d4d4d4;
}
table.table-header-rotated > tbody > tr:hover td.dauer {
    border-color: #c9c9c9;
    font-weight: bold;
}
.legende {
    line-height: 2.2em;
}
.legende .dauer {
    background: #e4e4e4 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    padding: 3px 10px;
}
.legende .dunkler {
    background: #fdf5e3 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    padding: 3px 10px;
}
#main .inside ul, #main .inside ol {color:#396291;list-style: outside none none;margin: 0.7em 1.5em 2.5em 0.5em;padding: 0;border: 1px solid #dbdbdb;border-radius: 8px;}
#main .inside ol li {list-style:decimal inside;}
#main .inside li {background-position: 5px 5px;background-repeat: no-repeat;padding:5px 10px 10px;border-bottom:1px solid #ddd;}
#main .inside li:hover {background:#fcfcfc;}
#main .inside ul li::before {content:"\00bb  ";font-size:130%;font-weight:400;}
#main .inside li:last-of-type {border:0;}
#main .inside ul ul {background: transparent none repeat scroll 0 0;border: medium none;box-shadow: none;margin:0;padding: 0;}
#main .inside ul ul li {padding:0 0 0 15px;border:0;font-size:90%;}
#main .inside table {border-collapse: separate;border-radius: 10px;border-spacing: 0;width: 99%;}
#main .inside table caption {background-color: #396291;border-color: #dbdbdb #dbdbdb -moz-use-text-color;border-style: solid solid none;border-top-left-radius: 6px;border-top-right-radius: 6px;border-width: 1px 1px medium;color: #ffffff;font-weight: 400;padding:8px;text-align: center;font-size:18px;}
#main .inside table tr:first-child th, #main .inside table tr:first-child td {border-bottom: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;}
#main .inside table tr th:first-child, #main .inside table tr td:first-child {border-left: 1px solid #dbdbdb;}
#main .inside table th {text-align:left;border-bottom: medium none;border-right: 1px solid #dbdbdb;font-weight: 400;padding:9px 10px;}
#main .inside table tbody th {border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;border-top: medium none;}
#main .inside table td {vertical-align:top;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;padding:8px 10px;}
#main .inside table td p {margin:0;}
#main .inside table.table-3 td {width: 25%;}
#main .inside table.table-3 td:first-child {width: 50%;}
#main .inside table.table-3 td:last-child {text-align: right;}

#main .inside .ce_text h1 + p img {max-width:30%;height:170px;width:auto;border-radius:6px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);float:left;margin:2px 20px 25px 2px;overflow:hidden;}
#main .inside .ce_text p:nth-of-type(2), #main .inside .ce_text h2 {clear:both;}
#main .inside .ce_text.team p {margin:0 0 30px;}


