@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Regulard41dd41d.html?") format("eot"), url("fonts/OpenSans-Regular.html") format("woff"), url("fonts/OpenSans-Regular-2.html") format("truetype"), url("fonts/OpenSans-Regular-3.html#OpenSans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("fonts/OpenSans-Boldd41dd41d.html?") format("eot"), url("fonts/OpenSans-Bold.html") format("woff"), url("fonts/OpenSans-Bold-2.html") format("truetype"), url("fonts/OpenSans-Bold-3.html#OpenSans-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Semibold";
  src: url("fonts/OpenSans-Semiboldd41dd41d.html?") format("eot"), url("fonts/OpenSans-Semibold.html") format("woff"), url("fonts/OpenSans-Semibold-2.html") format("truetype"), url("fonts/OpenSans-Semibold-3.html#OpenSans-Semibold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Open Sans Light';
  src: url('fonts/OpenSans-Lightd41dd41d.html?') format('eot'),
     url('fonts/OpenSans-Light.html') format('woff'),
     url('fonts/OpenSans-Light-2.html')  format('truetype'),
     url('fonts/OpenSans-Light-3.html#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {min-width: 960px; /*1058px;*/}
body {width: 100%;font-family: "Open Sans";zoom: 1;}
body:before, body:after {content: "";display: table;}
body:after {clear: both;}
h1,p {margin: 0;padding: 0;}
/* missbrauch als phone */
h6 {font-size: 40px; font-family: "Open Sans Semibold";padding-left: 50px; background-image:url('../img/phone_big.html');background-repeat:no-repeat;background-position: 0px 3px;margin: 10px 0 0;line-height: 40px;}

#visualwrapper {
  background-color: #c8d300;
  z-index:-1;
  zoom:1;
}
#visual {
  position: relative;
  width: 920px;
  height: 315px;
  left: 15px !important;
  margin: 0 auto;
  margin-left: 0px;
}
#visual > div.visitem {
  cursor: pointer;
  position: absolute;
  top: 0px;
  width: 257px;
  height: 315px;
  overflow: hidden;

  -webkit-transform: skew(-10deg) translate(-36px, 0px);
  -moz-transform: skew(-10deg) translate(-36px, 0px);
  -o-transform: skew(-10deg) translate(-36px, 0px);
  -ms-transform: skew(-10deg) translate(-36px, 0px);
  transform: skew(-10deg) translate(-36px, 0px);

  -webkit-transition-property: left, width;
  -moz-transition-property: left, width;
  -o-transition-property: left, width;
  -ms-transition-property: left, width;
  transition-property: left, width;

  -webkit-transition-duration: 200ms, 200ms;
  -moz-transition-duration: 200ms, 200ms;
  -o-transition-duration: 200ms, 200ms;
  -ms-transition-duration: 200ms, 200ms;
  transition-duration: 200ms, 200ms;

  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#visual > div.visitem:nth-child(1) {
  left: 0px;
  width: 250px;
}
#visual > div.visitem:nth-child(1) > div.visimg  {
  left: -40px;
  background-image: url(../img/header_bilder_1.html);
}
#visual > div.visitem:nth-child(1) > div.visdesc {
  background-color: rgba(240, 218, 0, 0.85);
}
#visual > div.visitem:nth-child(2)  {
  left: 250px;
}
#visual > div.visitem:nth-child(2) > div.visimg   {
  background-image: url(../img/header_bilder_2.html);
}
#visual > div.visitem:nth-child(2) > div.visdesc {
  background-color: rgba(253, 129, 58, 0.85);
}
#visual > div.visitem:nth-child(3) {
  left: 503px;
}
#visual > div.visitem:nth-child(3) > div.visimg {
  left: -132px;
  background-image: url(../img/header_bilder_3.html);
}
#visual > div.visitem:nth-child(3) > div.visdesc {
  background-color: rgba(127, 37, 119, 0.85);
}
#visual > div.visitem:nth-child(4) {
  right: 0px;
  width: 200px;

  -webkit-transition-property: right, width;
  -moz-transition-property: right, width;
  -o-transition-property: right, width;
  -ms-transition-property: right, width;
  transition-property: right, width;
}
#visual > div.visitem:nth-child(4) > div.visimg {
  background-image: url(../img/header_bilder_4.html);
}
#visual > div.visitem:nth-child(4) > div.visimg {
  left: auto;
  right: -100px;

  -webkit-transition-property: right, width;
  -moz-transition-property: right, width;
  -o-transition-property: right, width;
  -ms-transition-property: right, width;
  transition-property: right, width;
}
#visual > div.visitem:nth-child(4) > div.visdesc {
  background-color: rgba(37, 123, 214, 0.85);
}

#visual > div.visitem > div.visimg {
  position: absolute;
  top: 0px;
  left: -100px;
  width: 560px;
  height: 100%;
  background: transparent url(../img/pic.html) no-repeat 0 0 scroll;

  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);

  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);

  -webkit-transition-property: left, width;
  -moz-transition-property: left, width;
  -o-transition-property: left, width;
  -ms-transition-property: left, width;
  transition-property: left, width;

  -webkit-transition-duration: 200ms, 200ms;
  -moz-transition-duration: 200ms, 200ms;
  -o-transition-duration: 200ms, 200ms;
  -ms-transition-duration: 200ms, 200ms;
  transition-duration: 200ms, 200ms;

  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#visual > div.visitem > div.visdesc {
  position: absolute;
  left: 0;
  top: 233px;
  height: 36px;
  padding: 0 18px 0 10px;
  color: #ffffff;
}
#visual > div.visitem > div.visdesc a {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
}
#visual > div.visitem > div.visdesc h1,#visual > div.visitem > div.visdesc p {
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
}
#visual > div.visitem > div.visdesc h1 {
  line-height: 12px;
  font-size: 18px;
  font-weight: normal;
  /*text-transform: uppercase;*/
}
#visual > div.visitem > div.visdesc p {
  display: none;
  line-height: 16px;
  font-size: 12px;
  padding: 0 10px 0 5px;
}
#visual[class^="active-"] > div.visitem, #visual [class*=" active-"] > div.visitem {
  width: 205px;
}
#visual[class^="active-"] > div.visitem > div.visimg ,#visual [class*=" active-"] > div.visitem > div.visimg {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)\9;
}
#visual[class^="active-"] > div.visitem > div.visdesc,#visual [class*=" active-"] > div.visitem > div.visdesc {
  display: none;
}
#visual.active-1 > div.visitem:nth-child(1) {
  width: 423px;
}
#visual.active-1 > div.visitem:nth-child(1) > div.visimg {
  filter: none;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}

#visual.active-1 > div.visitem:nth-child(1) > div.visdesc {
  display: block;
  width: 395px;
  height: 82px;
}
#visual.active-1 > div.visitem:nth-child(1) > div.visdesc p {
  display: block;
}
#visual.active-1 > div.visitem:nth-child(2) {
  left: 423px;
}
#visual.active-1 > div.visitem:nth-child(3) {
  left: 628px;
}
#visual.active-2 > div.visitem:nth-child(2) {
  width: 423px;
  left: 205px;
}
#visual.active-2 > div.visitem:nth-child(2) > div.visimg {
  left: -43px;
  filter: none;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
#visual.active-2 > div.visitem:nth-child(2) > div.visdesc {
  display: block;
  width: 395px;
  height: 82px;
}
#visual.active-2 > div.visitem:nth-child(2) > div.visdesc p {
  display: block;
}
#visual.active-2 > div.visitem:nth-child(3) {
  left: 628px;
}
#visual.active-3 > div.visitem:nth-child(2) {
  left: 205px;
}
#visual.active-3 > div.visitem:nth-child(3) {
  left: 410px;
  width: 423px;
}
#visual.active-3 > div.visitem:nth-child(3) > div.visimg {
  left: -36px;
  filter: none;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
#visual.active-3 > div.visitem:nth-child(3) > div.visdesc {
  display: block;
  width: 395px;
  height: 82px;
}
#visual.active-3 > div.visitem:nth-child(3) > div.visdesc p {
  display: block;
}
#visual.active-4 > div.visitem:nth-child(2) {
  left: 205px;
}
#visual.active-4 > div.visitem:nth-child(3) {
  left: 410px;
}
#visual.active-4 > div.visitem:nth-child(4) {
  width: 332px;
}
#visual.active-4 > div.visitem:nth-child(4) > div.visimg {
  filter: none;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
#visual.active-4 > div.visitem:nth-child(4) > div.visdesc {
  display: block;
  width: 395px;
  height: 82px;
}
#visual.active-4 > div.visitem:nth-child(4) > div.visdesc p {
  display: block;
}
#visintro {
  position: relative;
  width: 1038px;
  margin: 0 auto;
  *zoom: 1;
}
#visintro > .introimg {
  width: 400px;
  height: 314px;
  float: left;
  overflow: hidden;
  margin-left: 102px;
  -webkit-transform: skew(-10deg) translate3d(0, 0, 0);
  -moz-transform: skew(-10deg) translate3d(0, 0, 0);
  -o-transform: skew(-10deg) translate3d(0, 0, 0);
  -ms-transform: skew(-10deg) translate3d(0, 0, 0);
  transform: skew(-10deg) translate3d(0, 0, 0);
}
#visintro > .introimg > a {
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
  height: 120px;
  z-index: 3;
}
#visintro > .introimg > a:nth-child(2) {
  top: 122px;
}
#visintro > .introimg > a:nth-child(3) {
  top: 244px;
}
#visintro > .introimg img {
  display: block;
  margin-left: -35px;

  -webkit-transform: skew(10deg) translate3d(0, 0, 0);
  -moz-transform: skew(10deg) translate3d(0, 0, 0);
  -o-transform: skew(10deg) translate3d(0, 0, 0);
  -ms-transform: skew(10deg) translate3d(0, 0, 0);
  transform: skew(10deg) translate3d(0, 0, 0);
}
#visintro > .introtext {  
  margin-left: 573px;
  font-size: 16px;
  line-height: 25px;
  color: #2c7121;
  font-family: "Open Sans Light", Arial;
}
#visintro > .introtext a {  
  /*text-transform: uppercase;*/
  text-decoration:none;
  color: #2c7121;
  background: url('../img/header_arrow_green.html') no-repeat left center transparent;
  padding-left: 15px;
  display: block;
}
#visintro > .introtext a.anchor {
  display: none;
}
#visintro > .introtext h1 {
  font-size: 30px;
  color: #fff;
  text-transform:normal;
  font-weight:bold;
  padding-top:34px;
  font-family: "Open Sans Semibold", Arial;
  font-weight:400;
  line-height:38px;
  margin-bottom: 10px;
}

#visintro > .introtext img {
  display: block;
  margin-top: 8px;
  /*margin-left: 55px;*/
}
#visintro:before,#visintro:after {
  content: "";
  display: table;
}
#visintro:after {
  clear: both;
}

#visintro > .introtext li{
  list-style:none;
}




#pagescroller-up, #pagescroller-down {
  position: fixed;
  left: 50%;
  width: 110px;
  height: 55px;
  z-index: 7777;
  margin-left: -55px;
  background: transparent url(../img/pagescroller-down.png) center no-repeat;
  cursor: pointer;
}
#pagescroller-up {display:none;top:3px;background:transparent url(../img/pagescroller-up.png) center no-repeat;}
#pagescroller-down {display:none;bottom:0px;background:transparent url(../img/pagescroller-down.png) center no-repeat;}

/** Links **/
.section .bodytext a.external-link {color:#257BD6;background-image:url(../img/ico-link-external.html);}
.section .bodytext a.mail {color:#0d0d0d;background-image:url(../img/ico-link-mail.html);}

#metanav ul li .metanavHighlightLeft, #metanav ul li .metanavHighlightRight {width:7px;height:34px;display:block;float:left;}
#metanav ul li .metanavHighlightLeft {background:url(../img/bgr-button-left.html) no-repeat left #fff;}
#metanav ul li .metanavHighlightMiddle {height:34px;display:block;float:left;background:#C8D300;padding:0 10px 0 10px;line-height:40px;}
#metanav ul li a .metanavHighlightMiddle {color:#fff;}
#metanav ul li .metanavHighlightRight {background:url(../img/bgr-button-right.html) no-repeat left #fff;}

/* iPad */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  #pagescroller-up, #pagescroller-down {z-index:-1;}
  #pagescroller-up, #pagescroller-down, #jumpnav {display:none!important;visibility:hidden;}
  #pagefooter {position:relative !important;}
}
 /* Smartphones */
@media only screen and (min-device-width:320px) and (max-device-width:768px) {
  #pagescroller-up, #pagescroller-down {z-index:-1;}
  #pagescroller-up, #pagescroller-down, #jumpnav {display:none!important;visibility:hidden;}
  #pagefooter {position:relative !important;}
}