/*
========================================
           Visual
========================================
*/

#visual {
  margin-bottom: -10px;
  overflow: hidden;
  width: 100%;
}

#visual #inner_visual {
  visibility: hidden;
  height: 328px;
  margin: 0 auto;
  position: relative;
  width: 1000%;
}

#visual .bx-wrapper .visualslider {
  width: auto !important;
}

#visual .bx-wrapper .slides {
  width: 2000%;
}

#visual .bx-wrapper .slides>.visual-teaser {
  float: left;
  width: 1010px !important;
}

#visual .bx-wrapper .slides .visual-subteaser {
  display: block;
  float: left;
}

#visual .bx-wrapper .slides .visual-teaserimg {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px 5px #333333;
  margin-right: 20px;
  padding: 1px 1px 27px;
  width: 610px;
}

#visual .bx-viewport {
  background: none;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
  left: 0;
  overflow: visible !important;
}

#visual .bx-wrapper .slides .visual-teaserinfo {
  bottom: 0;
  padding: 1px;
  position: absolute;
  width: 610px;
}

#visual .bx-wrapper .slides .visual-teasertitle {
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}

#visual .bx-wrapper .slides .visual-teasertext {
  background-color: #FFFFFF;
  bottom: 27px;
  color: #424242;
  cursor: pointer;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  width: 580px;
}

#visual .bx-wrapper .slides .visual-bigteaser {
  width: 632px;
  position: relative;
}

#visual .bx-wrapper .slides .visual-smallteaser {
  margin-right: 0;
  width: 377px;
  position: relative;
}

#visual .bx-wrapper .slides .visual-smallteaser .visual-teaserinfo {
  width: 355px;
}

#visual .bx-wrapper .slides .visual-smallteaser .visual-teaserimg {
  margin-right: 0;
  width: 355px;
}

#visual .bx-wrapper .slides .visual-smallteaser .visual-teaserimg img {
  height: 127px;
  width: 355px;
}

#visual .bx-wrapper .slides .visual-smallteaser .visual-teasertext {
  width: 325px;
}

#visual .bx-wrapper .slides .visual-smallteaser+.visual-smallteaser {
  margin-top: 18px;
}

#visual .bx-wrapper .slides .specialClone {
  position: absolute !important;
  width: 1010px !important;
}

#visual .bx-wrapper .slides .specialClone-right {
  right: -1030px;
}

#visual .bx-wrapper .slides .specialClone-left {
  left: -1020px;
}

#visual .visual-toggleteasertext {
  background: url(../Images/icn_plus-minus_transparent.png) 0 0 no-repeat #F4E600;
  cursor: pointer;
  float: left;
  height: 25px;
  margin-right: 10px;
  width: 25px;
}

#visual .visual-visibleInfo .visual-toggleteasertext {
  background-position: -35px 0;
}

#visual .visual-toggleteasertext:hover {
  background-color: #F7EF5C;
}

#visual .visual-teaserlink {
  background: url(../Images/icn_submit.png) 0 0 #F4E600;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 25px;
}

#visual .visual-teaserlink:hover {
  background-color: #F7EF5C;
}

#visual .visual-caption {
  background: none;
  bottom: 0;
  color: #000000;
  font-size: 14px;
  left: 0;
  line-height: 18px;
  padding: 0;
  position: absolute;
  text-align: left;
  text-shadow: none;
  width: 100%;
}

#visual .bx-wrapper .slides img {
  width: auto;
}

#visual .bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 0;
  box-shadow: 0 0 5px -1px #000000;
  height: 15px;
  margin: 0 5px;
  width: 5px;
}

#visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#visual .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #FFFFFF;
}

#visual .bx-controls {
  position: relative;
}

#visual .bx-controls-direction a {
  background: url(../Images/icn_arrows_prev-next.png) no-repeat scroll 0 0 #F4E600;
  border: 1px solid white;
  cursor: pointer;
  display: block;
  float: left;
  height: 25px;
  margin: 0;
  opacity: 1;
  position: static;
  top: auto;
  width: 25px;
  z-index: auto;
}

#visual .bx-controls-direction a.bx-next {
  background-position: -36px 0;
}

#visual.desktop .bx-controls-direction a:hover {
  background-color: #F7EF5C;
}

#visual .bx-wrapper:hover .bx-next,
#visual .bx-wrapper:hover .bx-prev,
#visual .bx-wrapper:hover .bx-next:hover,
#visual .bx-wrapper:hover .bx-prev:hover {
  opacity: 1;
}

#visual .bx-pager {
  width: 880px;
}

#visual .visual-control-nav li {
  margin: 0 8px;
}

#visual .visual-control-nav {
  bottom: -30px;
  left: 1010px;
  padding: 0 20px;
  text-align: left;
}

#visual .visual-rightwing,
#visual .visual-leftwing {
  background-image: url(../Images/shade.png);
  cursor: pointer;
  height: 353px;
  left: -3010px;
  position: absolute;
  top: -10px;
  width: 3000px;
  z-index: 10;
}

#visual .visual-rightwing {
  left: 1010px;
}

/*
========================================
           Desktop-Version
========================================
*/

#visual.desktop .bx-wrapper .bx-pager {
  text-align: left;
  padding-left: 15px;
}

#visual.desktop .bx-controls-direction {
  bottom: -36px;
  left: 900px;
  position: absolute;
  width: 100px;
}

#visual.desktop .bx-controls-direction .bx-prev {
  margin-right: 10px;
}

/*
========================================
           Tablet-Version
========================================
*/

#visual.tablet {
  margin-bottom: -15px;
}

#visual.tablet #inner_visual {
  box-shadow: 0 0 5px 5px #333333;
  height: 328px;
  position: static;
  width: 684px;
}

#visual.tablet .bx-wrapper {
  box-shadow: 0 0 5px 5px #333333;
}

#visual.tablet .visualslider {
  padding: 0 36px;
  width: 612px;
}

#visual.tablet .bx-wrapper .slides>.visual-teaser {
  width: 610px !important;
}

#visual.tablet .bx-wrapper .slides .visual-teaserimg {
  box-shadow: none;
  width: 612px;
}

#visual.tablet .bx-viewport {
  box-shadow: 8px 0 8px -4px #333333, -8px 0 8px -4px #333333;
  overflow: hidden !important;
}

#visual.tablet .bx-wrapper .slides .visual-teaserinfo {
  width: 610px;
}

#visual.tablet .bx-wrapper .slides .visual-teasertext {
  width: 580px;
}

#visual.tablet .bx-controls-direction .bx-prev {
  left: -35px;
}

#visual.tablet .bx-controls-direction .bx-next {
  right: -35px;
}

#visual.tablet .bx-controls-direction a {
  background: url(../Images/icn_arrows_prev-next.png) no-repeat left 50% #787381;
  border: 1px solid white;
  height: 326px;
  position: absolute;
  width: 36px;
  z-index: inherit;
}

#visual.tablet .bx-controls-direction a.bx-next {
  background-position: right 50%;
}

#visual.tablet .bx-controls-direction a:hover {
  background-color: #8d8798;
}

#visual.tablet .bx-pager {
  width: 612px;
}

#visual.tablet .visual-control-nav {
  left: 0;
  text-align: center;
}

/*
========================================
           Smartphone-Version
========================================
*/

#visual.smartphone {
  background-color: white;
  height: auto;
  margin: 0 auto;
  width: 320px;
}

#visual.smartphone .inner_visual {
  left:0! important;
}

#visual.smartphone .bx-wrapper {
  margin: 0;
  padding: 0 0 15px;
}

#visual.smartphone .visualslider {
  width: 280px;
}

#visual.smartphone .bx-wrapper .visualslider {
  margin: 0 20px;
}

#visual.smartphone .bx-wrapper .slides>.visual-teaser {
  width: 280px !important;
}

#visual.smartphone .bx-wrapper .slides .visual-teaserimg {
  box-shadow: none;
  padding: 0;
  width: 280px;
}

#visual.smartphone .bx-viewport {
  margin: 0 20px;
  overflow: hidden !important;
  top: 1px;
}

#visual.smartphone .bx-wrapper .slides .visual-teaserinfo {
  padding: 0;
  position: static;
  width: 280px;
}

#visual.smartphone .bx-wrapper .slides .visual-teasertext {
  cursor: pointer;
  padding: 0;
  position: static;
  width: 280px;
}

#visual.smartphone .bx-wrapper .slides .visual-teaserimg img {
  height: 138px;
  width: 280px;
}

#visual.smartphone .bx-controls-direction .bx-prev {
  left: 1px;
}

#visual.smartphone .bx-controls-direction .bx-next {
  left: 300px;
}

#visual.smartphone .bx-controls-direction a {
  background: url(../Images/icn_arrows_prev-next.png) no-repeat -3px 50% #787381;
  border: 0;
  height: 138px;
  position: absolute;
  top: -252px;
  width: 19px;
  z-index: inherit;
}

#visual.smartphone .bx-controls-direction a.bx-next {
  background-position: -38px 50%;
}

#visual.smartphone .bx-controls-direction a:hover {
  background-color: #8d8798;
}

#visual.smartphone .bx-pager {
  display: none;
}