@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

/* Basics ------------------------------------------------------------------------- */

body {
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
  font-size: 1em;
  font-weight: 400;
  color: #000;
  background: #F0F0F0;
}

form, h1, h2, h3, h4, h5, h6, img, p {
  padding: 0;
  margin: 0;
}

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

iframe {
  max-width: 100%;
  width: 100%;
  border: 0;
}

a img {
  border: none;
}

/* Default Hy perlinks ------------------------------------------------------------------------- */

a:link, a:visited, a:hover, a:focus, a:active {
  color: #009363;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #333;
}

/* Headlines ------------------------------------------------------------------------- */

.headline1 {
  font-size: 2.12em;
  font-weight: 400;
  color: #666;
  line-height: 1.2em;
  margin-top: 3px;
  margin-bottom: 12px;
}

.headline2 {
  font-size: 1.5em;
  font-weight: 600;
  color: #333;
  margin-top: 2px;
  margin-bottom: 10px;
}
.headline2 a:link, .headline2 a:visited, .headline2 a:focus, .headline2 a:hover, .headline2 a:active {
  color: #333;
}
.headline2 a:focus, .headline2 a:hover, .headline2 a:active {
  color: #009363;
}

.headline3 {
  font-size: 1.13em;
  font-weight: 600;
  color: #666;
  margin-top: 2px;
  margin-bottom: 8px;
}

.headline4 {
  font-size: 1.33em;
  font-weight: bold;
  color: #999999;
  margin-top: 3px;
  margin-bottom: 8px;
}

.headline5 {
  font-size: 1.17em;
  font-weight: bold;
  color: #666666;
  margin-top: 2px;
  margin-bottom: 6px;
}

.headline6 {
  font-size: 1.0em;
  font-weight: bold;
  color: #333333;
  margin-top: 2px;
  margin-bottom: 4px;
}

/* Layout -------------------------------------------------------------------------------- */
div.wrapper {
  position: relative;
  overflow: hidden;
}

div.navigation {
  position: fixed;
  top: 0;
  left: calc( 50% - 700px );
  width: 1400px;
  max-width: 1400px;
  margin: 0 auto 0;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
  z-index: 200;
}
div.navigation-placeholder {
  position: relative;
  height: 0;
  
}

div.logo {
  display: inline-block;
  position: relative;
  width: 217px;
  padding: 15px 80px 15px 40px;
  
}

div.mainmenu {
  display: inline-block;
  position: relative;
  width: calc( 100% - 360px );
  
}

div.languagemenu {
  position: absolute;
  top: 0;
  right: 5px;
  overflow: hidden;
}
div.languagemenu ul { 
  padding: 10px 11px;
  margin: 0;
  list-style: none;
}
div.languagemenu ul li {
  padding: 0;
  margin: 0;
}
div.languagemenu ul:hover {
  background: #FFF; 
  border: 1px solid #CCC;
  border-top: 0;
  padding: 10px;
}
div.languagemenu ul:hover li {
  height: 1.6em;
  opacity: 1.0;
}
div.languagemenu ul li {
  height: 1px;
  padding: 0 20px 0 5px;
  transition: 0.5s;
  overflow: hidden;
  opacity: 0.01;
}
div.languagemenu ul li:first-child {
  height: 1.6em;
  opacity: 1;
  background: url( "../../shared/images/hg-languagemenu.png" ) right center no-repeat;
}
div.languagemenu ul:hover li:first-child {
  background: url( "../../shared/images/hg-languagemenu-marked.png" ) right center no-repeat;
}
div.languagemenu ul li img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}
div.languagemenu ul li a:link, div.languagemenu ul li a:visited, div.languagemenu ul li a:focus, div.languagemenu ul li a:hover, div.languagemenu ul li a:active {
  font-size: 0.9em;
  color: #666;
}
div.languagemenu ul li a:focus, div.languagemenu ul li a:hover, div.languagemenu ul li a:active {
  color: #000;
}

div.header {
  position: relative;
  border-bottom: 10px solid #FFD64E;
  z-index: 150;
  background: #FFD64E;
}

div.header-image {
  position: relative;
  min-height: 150px;
  max-height: 540px;
  max-width: 1920px;
  margin: 0 auto 0;
  overflow: hidden;
}
div.header-image img {
  display: inline-block;
  width: 100%;
  height: auto;
}

div.main {
  position: relative;
  background: #FFF;
  z-index: 150;
}

div.content {
  position: relative;
  max-width: 1340px;
  padding: 50px 30px;
  margin: 0 auto 0;
  line-height: 160%;
}
div.content img {
  margin: 3px 20px 3px 0;
}

div.start-full, div.inhalt-breit {
  position: relative;
  width: 100%;
}
div.start-links, div.start-rechts, div.inhalt-schmal {
  position: relative;
  width: 48%;
}

div.links {
  position: relative;
  width: 22%;
}

div.submenu {
  position: relative;
  padding: 15px 20px;
  background: #F5F5F5;
}
div.submenu-title {
  position: relative;
  margin: 0 0 17px 0;
  font-size: 1.5em;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}

div.links-inhalt {
  position: relative;
  width: 100%;
}

div.submenu + div.links-inhalt, div.content div.links-inhalt {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #DDD;
}

div.mitte-breit, div.container {
  position: relative;
  width: 74%;
}
div.mitte {
  position: relative;
  width: 64.86%;
}
div.rechts {
  position: relative;
  width: 29.73%;
}
div.rechts img {
  margin: 3px 0;
}

div.footer {
  position: relative;
  max-width: 1340px;
  padding: 20px 30px;
  margin: 0 auto 0;
  z-index: 150;
}
div.footer-box {
  position: relative;
  width: 22%;
  font-size: 0.88em;
  line-height: 160%;
  color: #666;
}
div.footer-box b, div.footer-box strong, div.footer-box span[style*="bold"] {
  font-weight: 600;
  color: #333;
}
div.footer-box a:link, div.footer-box a:visited, div.footer-box a:focus, div.footer-box a:hover, div.footer-box a:active {
  color: #666;
}
div.footer-box a:focus, div.footer-box a:hover, div.footer-box a:active {
  color: #009363;
}

div.content, div.container, div.footer, div.tab-navi3, div.tab-navi4, div.style5, #tab_content1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
	flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -ms-box-orient: horizontal;
} 
div.tab-navi3, div.tab-navi4 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

/* Tabs -------------------------------------------------------------------------------- */
div.tab-navi3 + #tab_content1b, div.tab-navi4 + #tab_content1, #tab_content2, #tab_content3, #tab_content4 {
  position: relative;
  width: calc( 100% - 32px );
  border: 1px solid #DDD;
  padding: 15px;
}
div.tab-navi3 a:link, div.tab-navi3 a:visited, div.tab-navi3 a:focus, div.tab-navi3 a:hover, div.tab-navi3 a:active,
div.tab-navi4 a:link, div.tab-navi4 a:visited, div.tab-navi4 a:focus, div.tab-navi4 a:hover, div.tab-navi4 a:active {
  display: block;
  position: relative;
  width: calc( 25% - 21px );
  margin-top: 2px;
  padding: 4px 10px;
  background: #DDD;
  color: #333;
}
div.tab-navi3 a:link, div.tab-navi3 a:visited, div.tab-navi3 a:focus, div.tab-navi3 a:hover, div.tab-navi3 a:active {
  width: calc( 33.33% - 21px );
}
div.tab-navi3 a:hover, div.tab-navi3 a.marked,
div.tab-navi4 a:hover, div.tab-navi4 a.marked {
  background: #009363;
  color: #FFF; 
}
#tab_content2, #tab_content3, #tab_content4 {
  display: none;
}

br.clear + div.inhalt-breit, br.clear + div.inhalt-schmal {
  margin-top: 30px;
}

/* News -------------------------------------------------------------------------------- */
div.news {
  position: relative;
}
div.news + div.news {
  padding-top: 1.5em;
  margin-top: 1.5em;
  border-top: 1px solid #CCC;
}
div.news small {
  color: #999;
  font-size: 0.9em;
}

/* Styles ------------------------------------------------------------------------------ */
div.style1 {
  position: relative;
  padding: 15px;
  border: 2px solid #FFD64E;
}

div.style2 {
  position: relative;
  padding: 15px;
  background: #F5F5F5;
}

div.style3 {
  position: relative;
  width: 25%;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #EEE;
}
div.style3 img {
  width: 100%;
  height: auto;
  margin: 0;
}

div.style4 {
  position: relative;
  width: calc( 75% - 60px );
  padding: 0 0 20px 60px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #EEE;
}

div.style6 {
  position: relative;
  width: calc( 50% - 30px );
  float: left;
}
div.style6 + div.style6 {
  margin-left: 60px;
}

div.style7 {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 50px 0;
  background: #000;
  overflow: hidden;
}


/* Mainmenu --------------------------------------------------------------------------- */
div.mainmenu ul, div.mainmenu li {
  padding: 0;
  margin: 0;
}
div.mainmenu li {
  display: block;
  margin: 4px 30px 4px 0;
  padding: 0 30px 0 0;
  border-right: 1px solid #999;
  float: left;
}
div.mainmenu li:last-child  {
  margin: 4px 0;
  border: 0;
}
div.mainmenu li a:link, div.mainmenu li a:visited, div.mainmenu li a:focus, div.mainmenu li a:hover, div.mainmenu li a:active, div.mainmenu li a.menu-list-marked, div.mainmenu li strong {
  color: #999;
  font-size: 1.13em;
  font-weight: 600;
  text-transform: uppercase;
}
div.mainmenu li a:focus, div.mainmenu li a:hover, div.mainmenu li a:active, div.mainmenu li a.menu-list-marked, div.mainmenu li strong {
  color: #333;
}
a.mainmenu-switch, div.smartphone-quickmenu {
  display: none;
}

/* Submenu --------------------------------------------------------------------------------------*/
div.submenu ul, div.submenu li {
  padding: 0;
  margin: 0;
}
div.submenu li {
  display: block;
  margin: 0;
  padding: 7px 0 7px 0;
}
div.submenu li ul {
  padding: 5px 0 0 20px;
}
div.submenu li a:link, div.submenu li a:visited, div.submenu li a:focus, div.submenu li a:hover, div.submenu li a:active, div.submenu li a.menu-list-marked, div.submenu li strong {
  display: block;
  color: #333;
  font-size: 1em;
  font-weight: 600;
}
div.submenu li a:focus, div.submenu li a:hover, div.submenu li a:active, div.submenu li a.menu-list-marked, div.submenu li strong {
  color: #009263;
}


/* Mobile Menu --------------------------------------------------------------------------------*/
div.mobilemenu-block {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 901;
}
div.mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 1.0em;
  background: #FFF;
  z-index: 902;
  overflow: auto;
}
div.mobilemenu ul, div.mobilemenu li {
  padding: 0;
  margin: 0;
}
div.mobilemenu li {
  display: block;
  position: relative;
  margin: 0;
  padding: 11px 0 11px 20px;
  border-bottom: 1px solid #CCC;
  text-transform: uppercase;
}
div.mobilemenu li a:link, div.mobilemenu li a:visited, div.mobilemenu li a:focus, div.mobilemenu li a:hover, div.mobilemenu li a:active, div.mobilemenu li a.menu-list-marked, div.mobilemenu li strong {
  display: block;
  color: #333;
  font-weight: 600;
}
div.mobilemenu li a:focus, div.mobilemenu li a:hover, div.mobilemenu li a:active, div.mobilemenu li a.menu-list-marked, div.mobilemenu li strong {
  color: #009363;
}
div.mobilemenu ul li ul {
  display: none;
  border-top: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: 20px;
}
div.mobilemenu ul li ul li {
  border: 0;
  border-top: 1px solid #CCC;
  padding-left: 10px;
  text-transform: none;
}
div.mobilemenu ul li ul li:first-child {
  border: 0;
}
#mobilemenu a.toggle:link, #mobilemenu a.toggle:visited, #mobilemenu a.toggle:focus, #mobilemenu a.toggle:hover, #mobilemenu a.toggle:active {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 1px;
  right: 0;
  width: 40px;
  height: 36px;
  border: 0;
  background: url(../../shared/images/hg-mobilemenu-white-toggle.png) 0 center no-repeat !important;
}
#mobilemenu a.toggle.active {
  background: url(../../shared/images/hg-mobilemenu-white-toggle.png) -41px center no-repeat !important;
}

/* Modul Navigation ------------------------------------------------------------------------- */
div.pagenav {
  margin: 20px 0;
}
a.modul-pagebutton:link, a.modul-pagebutton:visited, a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active, div.modul-pagebutton-inactive, div.modul-pagebutton-seperator, 
a.modul-pagebutton-marked:link, a.modul-pagebutton-marked:visited, a.modul-pagebutton-marked:focus, a.modul-pagebutton-marked:hover, a.modul-pagebutton-marked:active {
  position: relative;
  display: inline-block;
  padding: 0.4em 0.8em;
  margin: 0.3em 0.2em 0.8em 0.2em;
  font-weight: 700;
  font-size: 1em;
  font-style: normal;
  color: #FFF;
  cursor: pointer;
  float: left;
  background: #999;
}
a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active,
a.modul-pagebutton-marked:link, a.modul-pagebutton-marked:visited, a.modul-pagebutton-marked:focus, a.modul-pagebutton-marked:hover, a.modul-pagebutton-marked:active {
  color: #FFF;
  background: #009363;
}
a.modul-pagebutton:first-child, div.modul-pagebutton-inactive:first-child {
  margin-left: 0;
}
div.modul-pagebutton-inactive {
  opacity: 0.1;
  cursor: default;
}
div.modul-pagebutton-seperator {
  color: #FFF;
  background: #CCC;
  cursor: default;
}
div.modul-pages {
  position: relative;
  text-align: center;
  float: left;
}
a.modul-page:link, a.modul-page:visited, a.modul-page:focus, a.modul-page:hover, a.modul-page:active, div.modul-page-inactive, div.modul-page-seperator, 
a.modul-page-marked:link, a.modul-page-marked:visited, a.modul-page-marked:focus, a.modul-page-marked:hover, a.modul-page-marked:active {
  position: relative;
  display: inline-block;
  padding: 0.4em 10px;
  margin: 0.3em 0.2em 0.8em 0.2em;
  font-weight: bold;
  font-size: 1em;
  font-style: normal;
  color: #185D9A;
  cursor: pointer;
  float: left;
  background: rgba(0,0,0,0.05);
  border-radius: 5px;
}
a.modul-page:focus, a.modul-page:hover, a.modul-page:active,
a.modul-page-marked:link, a.modul-page-marked:visited, a.modul-page-marked:focus, a.modul-page-marked:hover, a.modul-page-marked:active {
  color: #666;
  font-weight: bold;
}
div.modul-numall, div.modul-position {
  position: relative;
  padding: 0.6em 0;
  float: right;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  color: #666;
}
div.modul-position {
  padding: 0.6em 1em;
  float: left;
}
div.modul-navigation {
  position: relative;
  margin: 0;
  padding: 0;
}


/* Image Alignments ------------------------------------------------------------------------- */
div.image   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  5px;
  margin-right:  14px;
}
div.image-left   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  0;
  margin-right:  14px;
  float: left;
}
div.image-right   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  9px;
  margin-right:  0;
  float: right;
}
div.image-center   {
  width:  100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 7px;
}
div.image, div.image-left, div.image-right, div.image-center {
  font-size: 0.8em;
}
div.image img, div.image-left img, div.image-right img, div.image-center img {
  margin: 0;
  padding: 0;
}


/* Listen ------------------------------------------------------------------------- */
ul {
  margin: 0;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 0;
}
ol {
  margin: 0;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 5px;
  padding: 0;
}
li {
  margin: 0;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0 0 0 5px;
}

/* By Cybox Zeile ------------------------------------------------------------------------- */
div.by-cybox {
  position: relative;
  max-width: 1400px;
  padding: 3px 0 20px 0;
  font-size: 0.8em;
  border-top: 1px solid #DDD;
  text-align: right;
  color: #CCC;
  margin: 30px auto 0;
}
div.by-cybox a:link, div.by-cybox a:visited, div.by-cybox a:focus, div.by-cybox a:hover, div.by-cybox a:active,
a.by-cybox:link, a.by-cybox:visited, a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: #CCC;
}
div.by-cybox a:focus, div.by-cybox a:hover, div.by-cybox a:active,
a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: #666;
}

/* Cyres Editor Fixes */
.unsichtbar, dfn {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

.clear {
  display: none;
}
.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

/* Magnific Popup - CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:11042;overflow:hidden;position:fixed;background:rgba(51,51,51,1);}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:11043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:11045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{ padding: 35px 0 10px 0;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:11044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:11046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#333;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#333;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:650px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%; }.mfp-iframe-scaler iframe{position:absolute;border-radius: 10px;overflow: hidden;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#FFF}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure{}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0.01;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0.01}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{left:0;background:#FFF;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-3999px;z-index:3999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.bx-wrapper {
  margin: 0 auto 0;
}
.bx-pager {
  display: none;
}

/* Responsive Area ------------------------------------------------------------- */

@media all and (max-width:1400px) {
  div.navigation {
    width: 100%;
    left: 0;
  }
}

@media all and (max-width:1300px) {
  div.links {
    width: 27%;
  }
  div.mitte-breit, div.container {
    width: 69%;
  }
}

@media all and (max-width:1100px) {
  div.header-image {
    min-height: 0;
  }
  div.mainmenu {
    width: calc( 100% - 270px );
  }
  div.mainmenu li {
    margin: 4px 20px 4px 0;
    padding: 0 20px 0 0;
  }
  div.links {
    width: 32%;
  }
  div.mitte-breit, div.container {
    width: 64%;
  }
  div.mitte, div.rechts, div.inhalt-schmal {
    width: 100%;
  }
  div.inhalt-schmal {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #DDD;
  }
  div.footer-box {
    width: 48%;
  }
  div.rechts, div.footer-box:nth-child(3), div.footer-box:nth-child(4) {
    margin-top: 20px;
  }
  div.logo {
    width: 160px;
    padding: 15px 40px 15px 40px;
  }
}

@media all and (max-width:1000px) {
  div.mainmenu li {
    margin: 4px 15px 4px 0;
    padding: 0 15px 0 0;
  }
  div.mainmenu li a:link, div.mainmenu li a:visited, div.mainmenu li a:focus, div.mainmenu li a:hover, div.mainmenu li a:active, div.mainmenu li a.menu-list-marked, div.mainmenu li strong {
    font-size: 1em;
  }
    div.tab-navi4 a:link, div.tab-navi4 a:visited, div.tab-navi4 a:focus, div.tab-navi4 a:hover, div.tab-navi4 a:active {
    width: calc( 50% - 21px );
  }

}

@media all and (max-width:900px) {
  div.links {
    width: 36%;
  }
  div.mitte-breit, div.container {
    width: 60%;
  }
}

@media all and (max-width:800px) {
  body {
    font-size: 0.9em;
  }
  div.links {
    display: none;
  }
  div.container, div.mitte-breit, div.start-links, div.start-rechts {
    width: 100%;
  }
  div.start-rechts {
    margin-top: 40px;
  }
  div.mainmenu, div.languagemenu {
    display: none;
  }
  a.mainmenu-switch:link, a.mainmenu-switch:visited, a.mainmenu-switch:focus, a.mainmenu-switch:hover, a.mainmenu-switch:active {
    display: block;
    padding: 26px 20px 26px 0;
    color: #999;
    font-size: 1.2em;
    font-weight: 600;
    text-align: right;
    vertical-align: middle;
    float: right;
  }
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    display: block;
    width: calc( 100% - 40px );
    padding: 10px 20px;
    color: #FFF;
    font-size: 1em;
    font-weight: 600;
    text-align: right;
    vertical-align: middle;
    background: #009363;
    border-bottom: 4px solid  #FFD64E;
  }
  div.logo {
    width: 130px;
    vertical-align: middle;
  }
  div.smartphone-quickmenu {
    display: block;
    position: relative;
    padding: 20px;
  }
  div.smartphone-quickmenu a:link, div.smartphone-quickmenu a:visited, div.smartphone-quickmenu a:focus, div.smartphone-quickmenu a:hover, div.smartphone-quickmenu a:active {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #DDD;
    color: #333;  
    font-weight: 600;
  }
  div.smartphone-quickmenu a:focus, div.smartphone-quickmenu a:hover, div.smartphone-quickmenu a:active {
    color: #009363;
  }
  div.smartphone-quickmenu a:first-child {
    border: 0;
  }
  #mobilelang {
    margin-top: 60px;
    font-size: 0.8em !important;
    background: #F0F0F0 !important;
  }
  #mobilelang li {
    cursor: pointer;
  }
  #mobilelang li ul {
    background: #FFF !important;
  }
  div.style4 {
    width: calc( 75% - 25px );
    padding: 0 0 20px 25px;
  }
}

@media all and (max-width:600px) {
  div.logo {
    padding: 15px 20px;
  }
  div.content {
    padding: 30px 20px;
  }
  div.footer {
    padding: 20px;
  }
  div.footer-box {
    width: 100%;
  }
  div.footer-box:nth-child(2) {
    margin-top: 20px;
  }
  a.mainmenu-switch:link, a.mainmenu-switch:visited, a.mainmenu-switch:focus, a.mainmenu-switch:hover, a.mainmenu-switch:active {
    width: calc( 100% - 190px );
  }
  div.tab-navi3 a:link, div.tab-navi3 a:visited, div.tab-navi3 a:focus, div.tab-navi3 a:hover, div.tab-navi3 a:active,
  div.tab-navi4 a:link, div.tab-navi4 a:visited, div.tab-navi4 a:focus, div.tab-navi4 a:hover, div.tab-navi4 a:active {
    width: calc( 100% - 21px );
  }
  div.style6 {
    width: 100%;
    margin-bottom: 20px;
    float: left;
  }
  div.style6 + div.style6 {
    margin-left: 0;
  }
}

@media all and (max-height: 400px)  {
  a.mainmenu-switch:link, a.mainmenu-switch:visited, a.mainmenu-switch:focus, a.mainmenu-switch:hover, a.mainmenu-switch:active {
    padding: 18px 20px 18px 0;
  }
  div.logo {
    width: 80px;
  }
  a.mainmenu-switch:link, a.mainmenu-switch:visited, a.mainmenu-switch:focus, a.mainmenu-switch:hover, a.mainmenu-switch:active {
    width: calc( 100% - 140px );
  }
}