header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);
      -moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      -o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);
      -moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
      -o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
.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%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*************************************************************/
/*   Design:   MICROSYNTH.CH - Website              	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   März 2017				                         */
/*   Site: 	  www.microsynth.ch            		        	 */
/*************************************************************/
/*   Colors:  blau:				#5A87B9				 		 */
/*   		  gruen:			#AAB455				 		 */
/*   		  rot:				#E65023				 		 */
/*   		  grau:				#6C6A6B				 		 */
/*   		  eco:				#016889				 		 */
/*************************************************************/

/*  GLOBAL LAYOUT											 */
/*************************************************************/
html, body {height: 100%; font: 62.5% 'myriad-pro', sans-serif, Arial, Verdana, Helvetica; font-style: normal; font-weight: 400; color:#000; letter-spacing:0.05rem; -webkit-font-smoothing: antialiased;}
body {background: #000;}
body.ecogenics {background: #fff;}
body.vatertest {background: #fff;}
#wrapper {position:relative; width:1440px; height: auto; margin: 0 auto; font-size: 1.4rem; line-height:2rem;}
#container {position: relative; width: 1220px; height: auto; margin: 0 0 0 220px; padding: 0; float: left; overflow: hidden;}
#main {background: #fff; padding:20px 150px 20px 30px;}

.zentriert {text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
.imageauto img {width: auto !important; height: auto !important;}
.ce_text.imageauto .image_container.float_left {width: auto;}
.ce_text.imageauto .image_container.float_right {width: auto;}

strong {font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}

body sup {vertical-align: super;}
body sub {vertical-align: sub;}

.mobile {display: none;}
.desktop {display: block;}

.flipbook.df-floating .df-ui-controls:before, .flipbook .df-floating .df-ui-controls:before, .df-lightbox-wrapper.df-floating .df-ui-controls:before, .df-lightbox-wrapper .df-floating .df-ui-controls:before {display:none;}
.flipbook.df-floating .df-ui-controls:after, .flipbook .df-floating .df-ui-controls:after, .df-lightbox-wrapper.df-floating .df-ui-controls:after, .df-lightbox-wrapper .df-floating .df-ui-controls:after {display:none;}

/*Back to top*/
/*.backtotopcontainer {width: 1440px; height: auto; position: fixed; left: 0; right: 0; margin: 0 auto; bottom:25px; z-index: 3000;}*/
#backtotop {position: fixed; width: 80px; bottom: 20px; text-align: center; cursor: pointer; opacity: 0; background: #fff; border-radius: 5px; padding-top: 10px;}
#backtotop p {text-shadow:0 0 2px #fff;}

/*Cookiebar*/
.cookiebar {z-index:5000; background: #3d3d3d; font-size:14px; padding:10px 5%;}
.cookiebar__button {background-color:rgba(255,255,255,0); position:absolute; top:0; right:0;}

/*WETTBEWERB*/
#jubilaeumbanner {/*display:none;*/ position:fixed; z-index:5000; top:40%; left:0; height:300px; width:100%; box-shadow:0 0 20px 0 #555; background:#fff;}
#jubilaeumbanner .bannerleft {display:inline-block; position:relative; float:left; width:55%; height:300px; background: url(../../files/data/graphics/MIC_banner-bg.png) center right no-repeat; background-size:cover;}
#jubilaeumbanner .bannerleft .jubiclose {display:none;}
#jubilaeumbanner .bannerleft .jubistory {}
#jubilaeumbanner .bannerleft .jubistory a {position:absolute; top:82px; right:50px; color: #E65023; text-decoration: none; font-size: 2rem; padding: 8px 50px; background: #fff; border-radius: 25px; text-transform: uppercase; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
#jubilaeumbanner .bannerleft .jubilogo {width:600px; float:right; margin-top:25px;}
#jubilaeumbanner .bannerleft .jubilogo img {width:195px !important; height:auto;}
#jubilaeumbanner .bannerleft .jubitext {width:570px; padding-right:30px; float:right; clear:right; margin-top:25px; color:#fff; font-size: 1.7rem; line-height: 2.4rem;}

#jubilaeumbanner .bannerright {display:inline-block; position:relative; float:left; width:45%; height:300px; background: #fff;}
#jubilaeumbanner .bannerright .jubitexttop {width: 460px; padding-top:20px; float:left; font-size:1.6rem; line-height:2rem; margin-bottom:0;}
#jubilaeumbanner .bannerright .jubitexttop h3 {font-size:2.2rem; line-height:2.8rem;}
#jubilaeumbanner .bannerright .jubitexttop p {color:#555;}
#jubilaeumbanner .bannerright .jubitextdivider {width: 570px; float:left; clear:left; height:2px; background:#555; margin-top:12px;}
#jubilaeumbanner .bannerright .jubitextbot {width: 375px; float:left; clear:left; font-size:1.7rem; line-height:2rem; margin-bottom:0;}
#jubilaeumbanner .bannerright .jubitextbot h3 {font-size:2.2rem; line-height:2.8rem;}
#jubilaeumbanner .bannerright .jubitextbot p {color:#555;}

#jubilaeumbanner .bannerright .jubishop {width:620px; position:relative;}
#jubilaeumbanner .bannerright .jubishop a {position:absolute; top:82px; right:50px; color: #fff; text-decoration: none; font-size: 2rem; padding: 8px 50px; background: #E65023; border-radius: 25px; text-transform: uppercase; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
#jubilaeumbanner .bannerright .jubiquiz {width:620px; position:relative;}
#jubilaeumbanner .bannerright .jubiquiz a {position:absolute; top:235px; right:50px; color: #fff; text-decoration: none; font-size: 2rem; padding: 8px 50px; background: #E65023; border-radius: 25px; text-transform: uppercase; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}

#jubilaeumbanner .bannerright .jubiclose {position:absolute; top:10px; left:610px; width:40px; height:40px; cursor:pointer; background:url(../../files/data/graphics/MIC_30years-close.svg) center no-repeat;}

/*VT - ANMELDUNG*/
.anmeldungliste {text-align: center;}
.anmeldungliste .layout_list {display: inline-block; background: #aab455; margin: 0 15px 15px 0;}
.anmeldungliste .layout_list.reserved {background: #d02e2e;}
.anmeldungliste .header {display: block; clear: both;}
.anmeldungliste h2 {display: block; clear: both;}

.anmeldungkalender table {width: 100%;}
.anmeldungkalender th, .anmeldungkalender td {padding: 4px; border:1px solid #6C6A6B;}
.anmeldungkalender td.empty .header {display:none;}
.anmeldungkalender .anmeldungsschluss {display:none;}
.anmeldungkalender .event {background: #aab455; margin-bottom: 3px; padding: 0 2px; position: relative;}
.anmeldungkalender .event:hover {background:#dbe0b9;}
.anmeldungkalender .event:hover a span {color:#000;}
.anmeldungkalender .event.reserved {display:none;}
.anmeldungkalender .event.reserved:hover {background: #d02e2e;}
.anmeldungkalender .event.reserved:hover a span {color: #fff;}
.anmeldungkalender .event.reserved a {cursor: default;}
.anmeldungkalender .event a {text-decoration: none; color: #fff; display: block; width: 100%; height: 100%; line-height: 20px;}
.anmeldungkalender .event a span {color: #fff;}

.anmeldungkalender th {padding:7px; background: #f3f3f3;}

.anmeldungkalender th.previous {border-right:none;}
.anmeldungkalender th.previous a {display:block; margin:10px 0 0 0;}
.anmeldungkalender th.current {text-align:center; border-right:none; border-left:none;}
.anmeldungkalender th.current h4 {margin:10px 0;}
.anmeldungkalender th.next {text-align:right; border-left:none;}
.anmeldungkalender th.next a {display:block; margin:10px 0 0 0;}

body.vatertest .mod_eventreader time {display:inline-block;}

/*MICROSYNTH LANDINGPAGE*/
body.landingpage h1, body.landingpage h2 {font-family: 'myriad-pro', sans-serif; font-weight: 700; font-style: italic; font-size: 5rem; line-height: 5.1rem; letter-spacing:-0.67px;}
body.landingpage #topcontent h1, body.landingpage #topcontent h2 {color: #fff;}
body.landingpage #topcontent .mod_article {position: absolute; top: 20px; left: 25px; z-index: 20;}
body.landingpage .mobilebtn_search {display:none;}
body.landingpage .shopbutton {display:none;}
body.landingpage #topcontent .headerlang {display:none;}
body.landingpage #main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 30px; background: url(../../files/data/graphics/icon-list-checkmark.svg) no-repeat top 2px left; margin-bottom:8px;}
body.landingpage form input.submit {padding: 8px 5% 8px 40px; background: #E65023 url(../../files/data/graphics/icon-mail-send.svg) no-repeat center left 8px;}
body.landingpage form input.submit:hover {padding: 8px 5% 8px 40px; background: #000 url(../../files/data/graphics/icon-mail-send.svg) no-repeat center left 8px;}
body.landingpage .ce_download ul li, body.landingpage .ce_downloads ul li {background: #E65022; width:auto;}
body.landingpage .ce_download ul li:hover, body.landingpage .ce_downloads ul li:hover {background: #555;}

/*  ELEMENTS                                                 */
/*************************************************************/

h1, h2 {font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; font-size: 2.4rem; line-height: 3.5rem;}
h3 {font-size: 2rem; line-height: 2.5rem;}
body.blau #main h3 {color: #5A87B9;}
body.gruen #main h3 {color: #AAB455;}
body.rot #main h3 {color: #E65023;}
body.ecogenics #main h3 {color: #016889;}
body.vatertest #main h3 {color: #AAB455;}

.hauptbereich a {color: #E65023; text-decoration: none;}
body.blau .hauptbereich a {color: #5A87B9; text-decoration: none;}
body.gruen .hauptbereich a {color: #AAB455; text-decoration: none;}
body.vatertest .hauptbereich a {color: #AAB455; text-decoration: none;}
body.ecogenics .hauptbereich a {color: #016889; text-decoration: none;}

#main .image_container {max-width: 100%;}
#main .image_container img {width: 100%; height: auto;}

.ce_text .image_container.float_left {width: 35%; margin: 0 20px 20px 0; float: left;}
.ce_text .image_container.float_right {width: 35%; margin: 0 0 20px 20px; float: right;}

.ce_gallery ul {padding: 0; width: 100%; list-style: none; margin: 12px 0; display: inline-block;}
.ce_gallery ul li {width: 23.5%; margin-right: 2%; height: 150px; overflow: hidden; margin-left: 0; display: inline-block; float: left; padding: 0; margin-bottom: 15px;}
.ce_gallery ul li.col_last {margin-right: 0;}
.ce_gallery ul li::before {display: none;}
.ce_gallery .image_container {overflow: hidden; line-height: 0;}
.ce_gallery .image_container:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.ce_gallery .image_container img {width: 100%; height: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.ce_download, .ce_downloads {width: 100%; display: inline-block;}
.ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:12px 0; padding:0 0 0 0;}
.ce_download ul li, .ce_downloads ul li {position:relative; width:100%; display:inline-block; line-height:1.35em; padding:0 0 0 0; margin:0 0 16px 0; background:#555; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.ce_download ul li {margin-bottom: 0;}
.ce_download ul li:hover a, .ce_downloads ul li:hover a {color: #fff !important;}
.ce_download img, .ce_downloads img {position:absolute; left:14px; top:6px; width:21px; height:24px; z-index:100;}
#container .ce_downloads a, #container .ce_downloads a:link, #container .ce_downloads a:visited, #container .ce_download a, #container .ce_download a:visited, #container .ce_download a:link {
    position:relative; z-index:300; display:block; text-align:left; padding:9px 40px 9px 50px; margin:0 0 0 0; text-decoration:none; color:#fff; word-break: break-all;} 

body.blau #container .ce_downloads a, body.blau #container .ce_downloads a:link, body.blau #container .ce_downloads a:visited, body.blau #container .ce_download a, body.blau #container .ce_download a:visited, body.blau #container .ce_download a:link {color: #fff !important;}
body.blau .ce_download ul li, body.blau .ce_downloads ul li {background:#5A87B9;}
body.gruen #container .ce_downloads a, body.gruen #container .ce_downloads a:link, body.gruen #container .ce_downloads a:visited, body.gruen #container .ce_download a, body.gruen #container .ce_download a:visited, body.gruen #container .ce_download a:link {color: #fff !important;}
body.gruen .ce_download ul li, body.gruen .ce_downloads ul li {background:#AAB455;}
body.rot #container .ce_downloads a, body.rot #container .ce_downloads a:link, body.rot #container .ce_downloads a:visited, body.rot #container .ce_download a, body.rot #container .ce_download a:visited, body.rot #container .ce_download a:link {color: #fff !important;}
body.rot .ce_download ul li, body.rot .ce_downloads ul li {background:#E65023;}
body.ecogenics #container .ce_downloads a, body.ecogenics #container .ce_downloads a:link, body.ecogenics #container .ce_downloads a:visited, body.ecogenics #container .ce_download a, body.ecogenics #container .ce_download a:visited, body.ecogenics #container .ce_download a:link {color: #fff !important;}
body.ecogenics .ce_download ul li, body.ecogenics .ce_downloads ul li {background:#016889;}
body.vatertest #container .ce_downloads a, body.vatertest #container .ce_downloads a:link, body.vatertest #container .ce_downloads a:visited, body.vatertest #container .ce_download a, body.vatertest #container .ce_download a:visited, body.vatertest #container .ce_download a:link {color: #fff !important;}
body.vatertest .ce_download ul li, body.vatertest .ce_downloads ul li {background:#AAB455;}

table {width: 100%; border-collapse: collapse; margin-bottom:0;}
table thead td {border: 1px solid #979797; color: #fff; background: #979797; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
table td {padding: 10px; border: 1px solid #6C6A6B; text-align: center; border-bottom:none;}
table td sup {line-height: 1;}
body.blau table thead td {background: #5A87B9; border: 1px solid #5A87B9;}
body.gruen table thead td {background: #AAB455; border: 1px solid #AAB455;}
body.vatertest table thead td {background: #AAB455; border: 1px solid #AAB455;}
body.rot table thead td {background: #E65023; border: 1px solid #E65023;}
body.ecogenics table thead td {background: #016889; border: 1px solid #016889;}
#main .ce_text .tablescroller {margin-bottom:10px; border-bottom: 1px solid #6C6A6B;}

#main .jobsartikel .ce_text .tablescroller {padding: 5px 0 10px 0;}
.jobsartikel table {border: none;}
.jobsartikel table tbody {border: none;}
.jobsartikel table tr {border: none;}
.jobsartikel table td {padding: 0; border: none; text-align: left; font-size: 1.4rem; width: auto !important;}
.jobsartikel table td:nth-of-type(2) {width: 150px !important; text-align: right; position: relative;}
.jobsartikel table td:nth-of-type(2) a {display: inline-block; vertical-align: bottom; padding: 4px 12px; color: #fff; font-weight: 700; background: #E65023; position: absolute; bottom: 2px; right: 0;}

.divider {width: 100%; height: 1px; margin: 15px 0; border-top: 1px solid #979797; clear: both;}

#main .ce_text ul {display: table; margin-bottom: 25px;}

#main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-rot.png) no-repeat top 8px left;}
body.blau #main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-blau.png) no-repeat top 8px left;}
body.gruen #main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-gruen.png) no-repeat top 8px left;}
body.ecogenics #main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-eco.png) no-repeat top 8px left;}
body.vatertest #main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-gruen.png) no-repeat top 8px left;}
/*#main ol {padding-left: 15px; margin-bottom: 25px;}
#main ol li {vertical-align: middle; padding-left: 1px;}*/
#main .ce_text ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
    display: table;
}
#main .ce_text ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
#main .ce_text ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left: -18px;
    font-size: 13px;
    font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;
    color: #E65023;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
body.blau #main .ce_text ol > li:before {color: #5A87B9;}
body.gruen #main .ce_text ol > li:before {color: #AAB455;}
body.ecogenics #main .ce_text ol > li:before {color: #016889;}
body.vatertest #main .ce_text ol > li:before {color: #AAB455;}

.ce_youtube {margin-bottom: 20px;}

.ce_accordion {margin-bottom: 10px;}
.ce_accordion .toggler {padding: 5px; color: #fff; background:#E65023 url(../../files/data/graphics/ico-accordion-open.svg) right 12px center no-repeat;}
.ce_accordion .toggler.active {background:#E65023 url(../../files/data/graphics/ico-accordion-close.svg) right 12px center no-repeat;}
body.blau .ce_accordion .toggler {background: #5A87B9 url(../../files/data/graphics/ico-accordion-open.svg) right 12px center no-repeat;}
body.blau .ce_accordion .toggler.active {background: #5A87B9 url(../../files/data/graphics/ico-accordion-close.svg) right 12px center no-repeat;}
body.gruen .ce_accordion .toggler {background: #AAB455 url(../../files/data/graphics/ico-accordion-open.svg) right 12px center no-repeat;}
body.gruen .ce_accordion .toggler.active {background: #AAB455 url(../../files/data/graphics/ico-accordion-close.svg) right 12px center no-repeat;}
body.vatertest .ce_accordion .toggler {background: #AAB455 url(../../files/data/graphics/ico-accordion-open.svg) right 12px center no-repeat;}
body.vatertest .ce_accordion .toggler.active {background: #AAB455 url(../../files/data/graphics/ico-accordion-close.svg) right 12px center no-repeat;}
body.ecogenics .ce_accordion .toggler {background: #016889 url(../../files/data/graphics/ico-accordion-open.svg) right 12px center no-repeat;}
body.ecogenics .ce_accordion .toggler.active {background: #016889 url(../../files/data/graphics/ico-accordion-close.svg) right 12px center no-repeat;}
.ce_accordion .accordion {padding: 10px 0;}

body.vatertest .ce_hyperlink.button {margin:15px 0;}
body.vatertest .ce_hyperlink.button a {background: #AAB455; color: #fff; padding: 20px; font-size: 2rem; border-radius: 50px; display: inline-block; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}

/*  HEADER													 */
/*************************************************************/
#header {position: fixed; width: 220px; height: auto; display: block; float: left; padding-top: 20px;}
body.ecogenics #header {padding-top: 30px;}

#header .logo {text-align: center;}
#header .mobilesearchbutton {display: none;}
#header.headerabs {position: absolute;}

html:lang(en-DE) #header .mod_navigation {padding-top: 9px;}
html:lang(en-AT) #header .mod_navigation {padding-top: 11px;}
#header .mod_navigation {padding-top: 20px;}
#header .mod_navigation ul li.normal {}
#header .mod_navigation ul li.normal a {font-size: 1.6rem; line-height: 2.5rem; color: #fff; text-decoration: none; padding: 10px 0 10px 35px; display: block;}
#header .mod_navigation ul li.normal a:hover,
#header .mod_navigation ul li.normal a.active,
#header .mod_navigation ul li.normal a.trail {font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
#header .mod_navigation ul li.normal:nth-of-type(4) {margin-bottom: 20px;}
body.vatertest #header .mod_navigation ul li.normal:nth-of-type(4) {margin-bottom: 36px;}
body.ecogenics #header .mod_navigation ul li.normal:nth-of-type(2) {margin-bottom: 25px;}

body.ecogenics #header .mod_navigation ul li.normal a {color: #000;}
body.vatertest #header .mod_navigation ul li.normal a {color: #000;}

#header .mod_navigation ul li.mega a {color: #fff; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; font-size: 1.8rem; line-height: 2.5rem; text-decoration: none; display: block; padding: 20px 25px 20px 35px; height: 80px;}
#header .mod_navigation ul li.mega.blau a {background: #5a87b9;}
#header .mod_navigation ul li.mega.gruen a {background: #aab455; height: 50px; padding: 10px 25px 10px 35px;}
#header .mod_navigation ul li.mega.rot a {background: #e65023;}
#header .mod_navigation ul li.mega.ecogenics a {background: #016889;}
body.vatertest #header .mod_navigation ul li.mega.gruen a {padding: 47px 25px 20px 35px; height: 53px;}
body.ecogenics #header .mod_navigation ul li.mega a {display:flex; align-items:center;}

#header .mod_navigation ul li.mega.blau a:hover,
#header .mod_navigation ul li.mega.blau a.active,
#header .mod_navigation ul li.mega.blau a.trail {background: #fff; color: #5a87b9;}
#header .mod_navigation ul li.mega.gruen a:hover,
#header .mod_navigation ul li.mega.gruen a.active,
#header .mod_navigation ul li.mega.gruen a.trail {background: #fff; color: #aab455;}
#header .mod_navigation ul li.mega.rot a:hover,
#header .mod_navigation ul li.mega.rot a.active,
#header .mod_navigation ul li.mega.rot a.trail {background: #fff; color: #e65023;}
#header .mod_navigation ul li.mega.ecogenics a:hover,
#header .mod_navigation ul li.mega.ecogenics a.active,
#header .mod_navigation ul li.mega.ecogenics a.trail {background: #fff; color: #016889;}

#header .mobilebtn_search a {display: block; color: #6C6A6B; font-size: 1.5rem; border-bottom: 1px solid #6C6A6B; padding: 5px 0 10px 70px; text-decoration: none; background: url(../../files/data/graphics/btn-search.svg) top 5px left 35px no-repeat; background-size: 20px 20px;}
#mod_nav_search .mobilebtn_search {width: 1130px; margin: 15px auto 50px auto; height: 30px;}
#mod_nav_search .mobilebtn_search .mobilebtnsearch {width: 25px; height: 25px; text-decoration: none; display: block; float: right; background: url(../../files/data/graphics/btn-search-close.svg) center no-repeat; background-size: contain;}
#mod_nav_search.mm-menu {background: rgba(0,0,0,0.6);}
#mod_nav_search .mod_search {width: 1130px; margin: 0 auto;}
#mod_nav_search input {-webkit-appearance: none; background: none; color: #6C6A6B; float: left; border: none; border-bottom: 1px solid #6C6A6B;}
#mod_nav_search input[type=search] {width: 1000px; height: 130px; font-size: 7.2rem; padding: 0; margin: 0;}
#mod_nav_search input[type=submit] {width: 130px; height: 130px; padding: 0; margin: 0; background: url(../../files/data/graphics/btn-search.svg) center right no-repeat; background-size: 60px;}
#mod_nav_search input:focus {outline: none;}

html .mm-menu.mm-front.mm-top {transform: translate(0, 0); opacity: 0; transition: opacity 0.5s;}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {opacity: 1;}

#header .mobilbtn_main {display: none;}

#header .shopbutton {display: none;}


/*  HOME													 */
/*************************************************************/
body.home #topcontent {display: none;}
body.home #main {background: no-repeat; padding: 0;}
body.home #main .image_container {max-width: auto;}
body.home #main .image_container img {width: auto;}

body.home .ce_caroufredsel {height: 860px; overflow: hidden;}
body.home .ce_caroufredsel .textblock {font-family: 'myriad-pro', sans-serif; font-weight: 700; font-style: italic; /*display: none;*/ position: absolute; top: 120px; left: 50px; color: #fff; font-size: 4.8rem; line-height: 5.1rem; opacity: 0; transition: opacity 0.5s ease;}
body.home .ce_caroufredsel .visible .textblock {display: block; opacity: 1; transition: opacity 0.5s ease;}
/*body.home .ce_caroufredsel .caroufredsel_skin,
body.home .ce_caroufredsel .caroufredsel_wrapper,
body.home .ce_caroufredsel .caroufredsel {width: 100% !important; height: 100% !important;}*/
body.home .ce_caroufredsel .ce_player .video_container {width: 100%; height: 100%;}
body.home .ce_caroufredsel .ce_player video {width: 100%; height: 100% !important; object-fit: cover;}

body.home .mod_newslist {position: absolute; top: 110px; width: 555px; right: 160px; z-index: 100;}
body.home .mod_newslist .layout_latest {padding: 15px; margin-bottom: 20px; background: rgba(0,0,0,0.7); height: 200px;}
body.home .mod_newslist .layout_latest .info {font-size: 1.5rem; color: #fff; margin-bottom: 5px;}
body.home .mod_newslist .layout_latest h2 {margin: 0 0 5px 0;}
body.home .mod_newslist .layout_latest h2 a {font-family: 'myriad-pro', sans-serif; font-weight: 700; font-style: italic; font-size: 3rem; line-height: 3.5rem; margin: 0 0 5px 0; color: #fff; text-decoration: none;}
body.home .mod_newslist .layout_latest .teaser {font-size: 1.5rem; line-height: 2rem; color: #fff;}
body.home .mod_newslist .layout_latest .more a {font-family: 'myriad-pro', sans-serif; font-weight: 700; font-style: italic; font-size: 2.5rem; color: #fff; text-decoration: none; padding-left: 35px; background: url(../../files/data/graphics/bg-more.svg) center left no-repeat; background-size: 24px;}

body.vatertest.home .hintergrund .textblock {background:#AAB455; padding:15px 15px 0 15px;}

/*  ZWEISPALTIG												 */
/*************************************************************/
body.zweispaltig #main .inside {width: 72%; padding-right: 3%; float: left;}
body.zweispaltig #right {width: 25%; float: left;}
body.zweispaltig .ce_gallery ul li {height: 110px;}

/*  TOPCONTENT												 */
/*************************************************************/
#topcontent {height: 289px; position: relative; overflow: hidden;}
#topcontent .mod_pageImage {position: relative; width: 100%;}
#topcontent .mod_pageImage img {width: 100%; height: auto;}
#topcontent .mod_navigation {position: absolute; top: 0; left: 0; z-index: 500; height: 100%;}

body.ecogenics #topcontent {height:224px;}

/*Normal*/
body.normal #topcontent .mod_navigation {padding: 20px 35% 0 20px; width: 13%;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );}
body.normal #topcontent .mod_navigation ul li {height: 32px;}
body.normal #topcontent .mod_navigation ul li a {color: #fff; text-decoration: none; font-size: 1.4rem; line-height: 2.5rem; padding: 6px 0 0 0; display: block;}
body.normal #topcontent .mod_navigation ul li a.active,
body.normal #topcontent .mod_navigation ul li a:hover {border-bottom: 1px solid #fff;}

/*Mega*/
body.mega #topcontent .mod_navigation.navigation-site-top {height: 50px; position: fixed; z-index: 990; width: 1220px; left: 220px; right: 0; margin: 0 auto;}
body.mega #topcontent .mod_navigation.navigation-site-bot {margin-top: 50px; height: 240px;}

body.mega #topcontent .mod_navigation {width: 100%; height: 100%;}
body.mega #topcontent .mod_navigation.navigation-site-top .level_1 {width: 100%; height: 50px;}
body.mega #topcontent .mod_navigation.navigation-site-top .level_1 > li {width: 23%; height: 50px; text-align: center; float: left;}
body.mega #topcontent .mod_navigation.navigation-site-top .level_1 li a {color: #fff; text-decoration: none; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; font-size: 2rem; line-height: 2.5rem; display: block; width: 100%; height: 38px; padding-top: 12px;}
body.mega #topcontent .mod_navigation.navigation-site-top .level_1 li .level_2 {display: none;}
body.mega #topcontent .mod_navigation.navigation-site-bot .level_1 li {display: block; height: 33px; width: 20%; padding-left: 3%; padding-top: 15px; float: left; text-align: left; display: inline-block; margin-right: 0;}
body.mega #topcontent .mod_navigation.navigation-site-bot .level_1 li a {color: #fff; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; height: auto; text-decoration: none; font-size: 1.6rem; line-height: 2.5rem; padding: 5px 0 0 0; display: block;}
body.mega #topcontent .mod_navigation.navigation-site-bot .level_1 li a.active,
body.mega #topcontent .mod_navigation.navigation-site-bot .level_1 li a:hover {text-decoration: underline;}
body.mega #topcontent .mod_navigation.navigation-site-bot .level_1 li .level_2 li {width: 100%; padding-top: 3px; padding-left: 0; height: auto;}
body.mega #topcontent .mod_navigation.navigation-site-bot .level_1 li .level_2 li a {font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2.5rem; padding-top: 0;}

/*Mega Blau*/
#header .mod_navigation ul li.mega.blau a {padding: 35px 25px 5px 35px;}

body.mega.blau #topcontent .mod_navigation {background:#5A87B9;}
body.mega.blau #topcontent .mod_navigation.navigation-site-top .level_1 {background: #7facd6;}
body.mega.blau #topcontent .mod_navigation.navigation-site-top .level_1 > li {border-right: 1px solid #aec6e4;}
body.mega.blau #topcontent .mod_navigation.navigation-site-top .level_1 > li.active,
body.mega.blau #topcontent .mod_navigation.navigation-site-top .level_1 > li.trail {background: #5A87B9;}

/*Mega Gruen*/
body.mega.gruen #topcontent .mod_navigation {background:#AAB455;}
body.mega.gruen #topcontent .mod_navigation.navigation-site-top .level_1 {background: #D2DA99;}
body.mega.gruen #topcontent .mod_navigation.navigation-site-top .level_1 > li {border-right: 1px solid #dbe0b9;}
body.mega.gruen #topcontent .mod_navigation.navigation-site-top .level_1 > li.active,
body.mega.gruen #topcontent .mod_navigation.navigation-site-top .level_1 > li.trail {background: #AAB455;}

/*Mega Rot*/
body.mega.rot #topcontent .mod_navigation {background:#E65023;}
body.mega.rot #topcontent .mod_navigation.navigation-site-top .level_1 {background: #F96C42;}
body.mega.rot #topcontent .mod_navigation.navigation-site-top .level_1 > li {border-right: 1px solid #f7bfa4; /*width: 26%;*/}
body.mega.rot #topcontent .mod_navigation.navigation-site-top .level_1 > li.active,
body.mega.rot #topcontent .mod_navigation.navigation-site-top .level_1 > li.trail {background: #E65023;}

/*Mega Eco*/
body.mega.ecogenics #topcontent .mod_navigation {background:#016889;}
body.mega.ecogenics #topcontent .mod_navigation.navigation-site-top .level_1 {background: #0786af;}
body.mega.ecogenics #topcontent .mod_navigation.navigation-site-top .level_1 > li {border-right: 1px solid #057498;}
body.mega.ecogenics #topcontent .mod_navigation.navigation-site-top .level_1 > li.active,
body.mega.ecogenics #topcontent .mod_navigation.navigation-site-top .level_1 > li.trail {background: #016889;}

/*Shop Button*/
#topcontent .shopbutton {position: fixed; z-index: 1000; top: 16px; right: 0; width: 155px; left: 1250px; margin: 0 auto;}
#topcontent .shopbutton a {color: #fff; text-decoration: none; font-size: 2rem; padding: 8px 50px; background:#E65023; border-radius: 25px; text-transform: uppercase; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
body.home .shopbutton {position: absolute; z-index: 1000; top: 16px; right: 30px;}
body.home .shopbutton a {color: #fff; text-decoration: none; font-size: 2rem; padding: 8px 50px; background:#E65023; border-radius: 25px; text-transform: uppercase; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
body.vatertest #topcontent .shopbutton {left:1100px;}
body.vatertest.home .shopbutton a,
body.vatertest #topcontent .shopbutton a {background:#AAB455;}

/*Headerlang*/
#main .headerlang {display:none;}
body.home #main .headerlang {display:inline-block; position:absolute; z-index:1000; top:17px; right: 200px;}
body.home #main .headerlang ul {margin-bottom: 0;}
body.home #main .headerlang ul li {display:inline-block; margin-left:6px;}
body.home #main .headerlang ul li a {color:#fff; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; text-decoration:none;}
body.home #main .headerlang ul li a:hover,
body.home #main .headerlang ul li a.active {text-decoration:underline;}

#topcontent .headerlang {display:block; position:fixed; z-index:1000; top:17px; right: 0; left: 970px; margin: 0 auto; width: 100px;}
#topcontent .headerlang ul {margin-bottom: 0;}
#topcontent .headerlang ul li {display:inline-block; margin-left:6px;}
#topcontent .headerlang ul li a {color:#fff; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; text-decoration:none;}
#topcontent .headerlang ul li a:hover,
#topcontent .headerlang ul li a.active {text-decoration:underline;}

/*Testimonials*/
.ce_caroufredsel.testimonials {position: relative; width: calc(100% - 100px) !important; margin: 0 50px !important; padding-bottom: 20px;}
/*.ce_caroufredsel.testimonials .caroufredsel_wrapper {display: inherit !important; height: min-content !important;}*/
.ce_caroufredsel.testimonials .caroufredsel_controls {position: absolute; top: 0; left: -50px; width: calc(100% + 100px); height: 100%;}
.ce_caroufredsel.testimonials .ce_text {padding-bottom: 20px;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_prev {display: inline-block; position: absolute; top: 0; left: 0; width: 50px; height: 100%; background: url(../../files/data/graphics/slider-prev.svg) center no-repeat;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_prev span {display: none;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_next {display: inline-block; position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: url(../../files/data/graphics/slider-next.svg) center no-repeat;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_next span {display: none;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_pagi {position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; height: 20px;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_pagi a {display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 5px 7px; background: #000; transition: background 0.3s ease;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_pagi a:hover, .ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_pagi a.selected {background: #E65023;}
.ce_caroufredsel.testimonials .caroufredsel_controls .caroufredsel_pagi a span {display: none;}

.caroufredsel {height: auto !important; position: relative !important;}
/*.caroufredsel_wrapper {display: inline-block !important; height: auto !important;}*/
.ce_caroufredsel_gallery.testimonials {position: relative; /*width: calc(100% - 100px) !important;*/ margin: 0 50px !important; padding-bottom: 20px;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls {position: absolute; top: 0; left: -50px; width: calc(100% + 100px); height: 100%;}
.ce_caroufredsel_gallery.testimonials .ce_text {padding-bottom: 30px;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_prev {display: inline-block; position: absolute; top: 0; left: 0; width: 50px; height: 100%; background: url(../../files/data/graphics/slider-prev.svg) center no-repeat;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_prev span {display: none;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_next {display: inline-block; position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: url(../../files/data/graphics/slider-next.svg) center no-repeat;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_next span {display: none;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_pagi {position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; height: 20px;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_pagi a {display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 5px 7px; background: #000; transition: background 0.3s ease;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_pagi a:hover, .ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_pagi a.selected {background: #E65023;}
.ce_caroufredsel_gallery.testimonials .caroufredsel_controls .caroufredsel_pagi a span {display: none;}


/*  FORMULARE                                                */
/*************************************************************/
.ce_form {/*padding: 25px 35px;*/ background: #fff;}
.mod_login {padding: 25px 35px; background: #fff;}
form label {width: 30%; padding: 8px 0; margin-bottom: 13px; display: block; float: left;}
form .widget-text input,
form .widget-captcha input {width: 66%; padding: 8px 2%; margin-bottom: 20px; display: block; float: left; -webkit-appearance:none; border-radius: 0; background: #f0f0f0; box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.2); color: #55464F; border:none;}
form textarea {width: 66%; padding: 8px 2%; margin-bottom: 20px; display: block; float: left; -webkit-appearance:none; border-radius: 0; background: #f0f0f0; box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.2); color: #55464F; border:none;}
form .widget-captcha input {margin-bottom: 5px;}
form .widget-captcha .captcha_text {width: 70%; float: right; display: block; margin-bottom: 15px;}
form .submit_container {clear: both;}
form input.submit {width: auto; padding: 8px 5%; background: #E65023; box-shadow: none; float: right; color: #fff; cursor: pointer; border-radius: 0; border: none; -webkit-appearance: none; transition:background 0.3s ease;}
form input.submit:hover {background: #000;}
form .error {color: #f00;}
body.ecogenics form input.submit {background: #016889;}
body.vatertest form input.submit {background: #AAB455;}

.widget-checkbox {margin-bottom: 20px;}
.widget-checkbox legend {margin-bottom: 10px; width:29%; float:left;}
.widget-checkbox .invisible {display:none;}
.widget-checkbox .mandatory {width:auto; float:none; display:inline-block;}
form select {width: 70%; padding: 8px 2%; margin-bottom: 20px; display: block; float: left; -webkit-appearance:none; border-radius: 0; background: #f0f0f0; box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.2); color: #55464F; border:none;}
.ce_form form fieldset.checkbox_container {clear: both; width:100%;}
form .einrucken fieldset.checkbox_container span {width:65%;}
form fieldset.checkbox_container span {width: 70%; float: right; display: block;}
form input.checkbox {width:5%; margin-right: 2%; height: 20px; float:left;}
form .checkbox_container span label {width:93%; padding: 0;}
body.ie .ce_form input.checkbox {width: 3%;}

.widget-radio {margin-bottom: 20px;}
.widget-radio legend {margin-bottom: 10px; width:29%; float:left;}
.widget-radio .invisible {display:none;}
.widget-radio .mandatory {width:auto; float:none; display:inline-block;}
form select {width: 70%; padding: 8px 2%; margin-bottom: 20px; display: block; float: left; -webkit-appearance:none; border-radius: 0; background: #f0f0f0; box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.2); color: #55464F; border:none;}
.ce_form form fieldset.radio_container {clear: both; width:100%;}
form .einrucken fieldset.radio_container span {width:65%;}
form fieldset.radio_container span {width: 70%; float: right; display: block;}
form input.radio {width:5%; margin-right: 2%; height: 20px; float:left;}
form .radio_container span label {width:93%; padding: 0;}
body.ie .ce_form input.radio {width: 3%;}

/*  NEWS                                                     */
/*************************************************************/

/*Aktuelles - Liste*/
.aktuelles .layout_latest {margin-bottom: 20px; display: inline-block; width: 100%; border-top: 1px solid #CDCDCD;}
.aktuelles .layout_latest .info {margin: 0; font-size: 1.2rem; text-align: right; color: #B0B0B0; line-height: 1.5rem;}
.aktuelles .layout_latest h2 {margin-bottom: 15px;}
.aktuelles .layout_latest h2 a {color: #E65023; text-decoration: none;}
.aktuelles .layout_latest .image_container {width: 35%; height: 180px; overflow: hidden; margin-right: 5%; float: left;}
.aktuelles .layout_latest .image_container img {width: 100%; height: auto;}
.aktuelles .layout_latest .teaser, .aktuelles .layout_latest .more {width: 60%; float: right;}
.aktuelles .layout_latest .more a {color: #E65023; text-decoration: none;}

.mod_newsreader .back a {color: #E65023; text-decoration: none;}

body.ecogenics .aktuelles .layout_latest h2 a {color: #016889;}
body.ecogenics .aktuelles .layout_latest .more a {color: #016889;}
body.ecogenics .mod_newsreader .back a {color: #016889;}

body.vatertest .aktuelles .layout_latest h2 a {color: #AAB455;}
body.vatertest .aktuelles .layout_latest .more a {color: #AAB455;}
body.vatertest .mod_newsreader .back a {color: #AAB455;}

/*  SEARCH                                                   */
/*************************************************************/
.mod_search p.header {display: block; width: 100%; clear: left;}
.mod_search div {margin-bottom: 20px; display: inline-block; width: 100%; border-top: 1px solid #CDCDCD;}
.mod_search div h3 {margin-bottom: 15px;}
.mod_search div h3 a {color: #E65023; text-decoration: none;}
.mod_search div.formbody {margin-bottom: 0; border-top: none;}
#main .mod_search div .text {float:left; padding: 8px; width:300px; max-width: 100%; margin-right: 20px; margin-bottom: 20px;}
#main .mod_search div .submit {float:left; padding: 10px 0; width:150px; max-width: 100%;}

body.ecogenics .mod_search div h3 a {color: #016889;}
body.ecogenics .mod_search div h3 a {color: #AAB455;}

/*  TABS                                                     */
/*************************************************************/
.ce_accessible_tabs .tabhead {display: none;}
.ce_accessible_tabs .tabs-list {border-top: 1px solid #6C6A6B; border-bottom: 1px solid #6C6A6B; text-align: center;}
.ce_accessible_tabs .tabs-list li {display: inline-block; padding: 7px 3%;}
.ce_accessible_tabs .tabs-list li.current span {display: none;}
.ce_accessible_tabs .tabs-list li a {color: #979797; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;}
.ce_accessible_tabs .tabs-list li.current a,
.ce_accessible_tabs .tabs-list li a:hover {color: #E65023;}
body.gruen .ce_accessible_tabs .tabs-list li.current a,
body.gruen .ce_accessible_tabs .tabs-list li a:hover {color: #AAB455;}
body.blau .ce_accessible_tabs .tabs-list li.current a,
body.blau .ce_accessible_tabs .tabs-list li a:hover {color: #5A87B9;}
body.ecogenics .ce_accessible_tabs .tabs-list li.current a,
body.ecogenics .ce_accessible_tabs .tabs-list li a:hover {color: #016889;}
body.vatertest .ce_accessible_tabs .tabs-list li.current a,
body.vatertest .ce_accessible_tabs .tabs-list li a:hover {color: #AAB455;}

/*  TIMELINE                                                 */
/*************************************************************/
.timeline {margin: 0 0 30px 0; position: relative;}
.timeline:before {content: ""; position: absolute; height: 100%; top: 0; left: 50%; background: #E65023; width: 2px;}
.timeline:after {content: ""; position: absolute; height: 10px; width: 10px; margin: -4px; bottom: 0; border-radius: 99em; left: 50%; background: #E65023;}

.timeline .timeline-item {padding-bottom: 40px; position: relative;}
.timeline .timeline-item:before {content: ""; width: 20px; height: 20px; margin: -11px; border: 2px solid #E65023; background: white; position: absolute; top: 29px; left: 50%; font-size: 2em; border-radius: 99em; transition:all 0.6s ease;}
.timeline .timeline-item:hover:before {width: 24px; height: 24px; margin: -13px; background: #E65023; border: 2px solid #E65023;}
.timeline .timeline-item:after {content: ""; display: block; clear: both;}
.timeline .timeline-item .ce_headline {width: 45%;}
.timeline .timeline-item .ce_headline:before {display: none;}
.timeline .timeline-item div {width: 45%;}
.timeline .timeline-item .ce_headline {color: #E65023; float: left; text-align: right; margin-top:13px;}
.timeline .timeline-item div {float: right; text-align: left; clear: right !important; padding-top: 20px;}
.timeline .timeline-item div h3 {color: #E65023; text-align: left;}
.timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;}
.timeline .timeline-item:nth-child(2n) div {float: left; text-align: right; clear: left !important;}
.timeline .timeline-item:nth-child(2n) div h3 {color: #E65023; text-align: right;}

/*  FOOTER 													 */
/*************************************************************/
#footer {padding: 20px; width: 1080px;}
#footer .footerlinks {display: inline-block; float: left; z-index: 4000; position: relative;}
#footer .footerlinks a {display: inline-block; float: left; padding-top: 3px; margin-left: 11px; color: #6C6A6B; text-decoration: none; transition:color 0.3s ease;}
#footer .footerlinks a:hover {color: #fff;}
body.vatertest #footer .footerlinks a:hover {color: #AAB455;}
body.ecogenics #footer .footerlinks a:hover {color: #000;}
#footer .ce_text {color: #6C6A6B; z-index: 4000; position: relative; display: inline-block; float: left; clear: left; padding-left: 10px;}
#footer .ce_image {display: inline-block; margin-left: 50px; z-index: 2999; position: relative;}

#footer .mod_changelanguage {padding-left:10px;}
#footer .languagecontainer {width: 115px; float: left; color: #fff; position: relative; font-size: 1.4rem; z-index: 4500;}
#footer .languagetrigger {margin-bottom:0; position:relative; padding:3px 0 3px 10px; width:auto; cursor:pointer; background-position: center left 10px; background-repeat:no-repeat; background-size:14px; transition:background 0.3s ease;}
#footer .languagetrigger:after {content:" "; display:block; width:15px; height:25px; position:absolute; top:0; right:10px; background:url("../../files/data/graphics/btn-language.svg") center no-repeat;}
#footer .languagetrigger.active,
#footer .languagetrigger:hover {background: #4A4A4A;}
#footer #languagechanger {float:none !important; display: none; position:absolute; top:27px; z-index:1000; box-sizing:border-box; width:100%; height:auto; padding:0;}
#footer #languagechanger a {display: block; padding: 3px 0 3px 10px; background: #6C6A6B; color: #fff; text-decoration: none; margin-bottom: 1px; transition:background 0.3s ease;}
#footer #languagechanger a:hover {background: #4A4A4A;}

#cboxTitle{display: none !important;}
#cboxCurrent{font-size: 14px;}

.ce_player video {max-width:100%; height:auto !important;}

/*  FIXES  													 */
/*************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both;}
.invisible {display:none;}


/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width : 1460px)  {
	#wrapper {width: 1250px;}
	#container {width: 1030px;}
	body.normal #topcontent .mod_navigation {width: 17%;}
	.backtotopcontainer {width: 1250px;}
	body.mega #topcontent .mod_navigation .level_1 li a {font-size: 1.6rem;}
	body.home .mod_newslist {right: 20px;}
	.ce_gallery ul li {height: 130px;}
	body.zweispaltig .ce_gallery ul li {height: 90px;}
    body.mega #topcontent .mod_navigation.navigation-site-top {width: 1030px;}
    #topcontent .shopbutton {left: 1050px;}
    #topcontent .headerlang {left: 810px;}
	body.vatertest #topcontent .shopbutton {left: 920px;}
	.jubilaeumbanner .bannerright .jubiclose {left:535px;}
	#footer {width: 990px;}
}

@media screen and (max-width : 1265px)  {
    .mobile {display: block;}
    .desktop {display: none;}
	#header {width: 100%; height: 60px; padding-top: 15px; position: relative;}
	#header .shopbutton {display: block; right: 0; top: 0; height: 75px; position: absolute;}
	#header .shopbutton a {padding: 27px 25px; height: 21px; border-radius: 0; display: block; color: #fff; text-decoration: none; background: #E65023; text-transform: uppercase; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700; font-size: 2rem;}
	body.vatertest #header .shopbutton a {padding: 27px 15px; background:#AAB455;}
	#header .mobilesearchbutton {display: inline-block; position: absolute; top: 32px; left: calc(4% + 40px);}
	#header .mod_navigation {display: none;}
	#header .mobilebtn_search {display: none;}
	#header .mobilebtn_main {display: block; width: 20px; height: 20px; position: absolute; top: 15px; left: 4%;}
	#header .mobilebtn_main a {display: block; width: 20px; height: 20px; background: url(../../files/data/graphics/btn-mobile.svg) center no-repeat;}
	body.ecogenics #header .mobilebtn_main a {display: block; width: 20px; height: 20px; background: url(../../files/data/graphics/btn-mobile-eco.svg) center no-repeat;}
	body.vatertest #header .mobilebtn_main a {display: block; width: 20px; height: 20px; background: url(../../files/data/graphics/btn-mobile-vater.svg) center no-repeat;}
	#mod_nav_mobile > .mm-panel {padding: 30px 0 0 0; color: #fff;}
    #mod_nav_mobile .mobilebtn_main.close {display: block; width: 20px; height: 20px; position: absolute; top: 15px; right: 4%; background: url(../../files/data/graphics/btn-mobile-close.svg) center no-repeat; background-size: contain;}
	body.ecogenics #mod_nav_mobile .mobilebtn_main.close {display: block; width: 20px; height: 20px; position: absolute; top: 15px; right: 4%; background: url(../../files/data/graphics/btn-mobile-close-eco.svg) center no-repeat; background-size: contain;}
	body.vatertest #mod_nav_mobile .mobilebtn_main.close {display: block; width: 20px; height: 20px; position: absolute; top: 15px; right: 4%; background: url(../../files/data/graphics/btn-mobile-close-vater.svg) center no-repeat; background-size: contain;}
 	#mod_nav_mobile .blau {background: #5A87B9;}
 	#mod_nav_mobile .gruen {background: #AAB455;}
 	#mod_nav_mobile .rot {background: #E65023;}
    #mod_nav_mobile .ecogenics {background: #016889;}
 	#mod_nav_mobile .level_1 a.submenu.blau.mega {padding: 20px 10px 20px 20px; font-size: 2rem; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
 	#mod_nav_mobile .level_1 a.submenu.gruen.mega {padding: 20px 10px 20px 20px; font-size: 2rem; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
 	#mod_nav_mobile .level_1 a.submenu.rot.mega {padding: 20px 10px 20px 20px; font-size: 2rem; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
    #mod_nav_mobile .level_1 a.submenu.eco.mega {padding: 20px 10px 20px 20px; font-size: 2rem; font-family: 'myriad-pro', sans-serif; font-style: normal; font-weight: 700;}
 	#mod_nav_mobile .level_1 > li.submenu.mega > .mm-subopen {height: 60px;}
 	#mod_nav_mobile .level_1 > li.submenu.mega > .mm-subopen:after {top: 26px;}
 	.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color: #fff;}

 	#mod_nav_blau .mobilebtn_blau.close {display: block; width: 20px; height: 20px; position: absolute; top: 15px; right: 4%; background: url(../../files/data/graphics/btn-mobile-close.svg) center no-repeat;}

    .backtotopcontainer {width: 80px; right: 0; left: auto;}
 	#topcontent {display: none;}
	#wrapper {width: 100%;}
	#container {width: 100%; padding: 0; margin: 0;}
	#main {width: 92%; padding: 20px 4%;}

	body.home #main {width: 100%;}
	body.home .shopbutton {display: none;}
	body.home .ce_caroufredsel {height: 1100px;}
	body.home .ce_caroufredsel .caroufredsel_skin {height: 100% !important;}
	body.home .ce_caroufredsel .caroufredsel_wrapper {height: 100% !important;}
	body.home .mod_newslist {right: 0; width: 92%; padding: 0 4%; top: 170px;}
	body.home .mod_newslist .layout_latest {height: auto;}
	body.home .ce_caroufredsel .textblock {top: 30px; left: 0; width: 92%; padding: 0 20px; font-size: 3rem; line-height: 3.2rem;}
	body.home #main .image_container img {height: 100% !important;}
	body.home .ce_caroufredsel .ce_text {height: 1100px !important;}
	body.home .ce_caroufredsel .image_container {height: 100% !important;}
	body.home #main .headerlang {display:none;}

	body.vatertest.home .ce_caroufredsel {height: 50vw;}
	body.vatertest.home #main .image_container img {height:auto !important; width:100%;}
	
	.ce_gallery ul li {height: 13vw;}

	#footer {width: 92%; padding: 20px 4%;}
	#footer .ce_image {margin: 0; width: 100%;}
	#footer .ce_image img {width: 100%; height: auto;}
	
	#jubilaeumbanner {height:auto;}
	#jubilaeumbanner .bannerleft {width:60%; padding-right:23%; padding-left:20%; height:auto; background: #E65023;}
	#jubilaeumbanner .bannerright {width:60%; padding-right:20%; padding-left:20%; height:auto;}
	
	#jubilaeumbanner .bannerleft .jubilogo {width: 100%; float: left;}
	#jubilaeumbanner .bannerleft .jubitext {width: 100%; float: left; padding-right:0; font-size: 1.9rem; line-height: 2.4rem; margin-top:15px; padding-top:15px; border-top:2px solid #ffffff;}
	#jubilaeumbanner .bannerleft .jubistory a {position:relative; display:inline-block; margin:10px 0 20px 0; top:0; right:0;}
	
	#jubilaeumbanner .bannerright .jubitexttop {width: 100%; float: left;}
	#jubilaeumbanner .bannerright .jubitextdivider {width: 100%; float: left;}
	#jubilaeumbanner .bannerright .jubitextbot {width: 100%; float: left;}
	#jubilaeumbanner .bannerright .jubishop {width:100%; float:left;}
	#jubilaeumbanner .bannerright .jubishop a {position:relative; display:inline-block; margin:10px 0 20px 0; top:0; right:0;}
	#jubilaeumbanner .bannerright .jubiquiz {width:100%; float:left;}
	#jubilaeumbanner .bannerright .jubiquiz a {position:relative; display:inline-block; margin:10px 0 20px 0; top:0; right:0;}
	
	#jubilaeumbanner .bannerleft .jubiclose {display:block; position:absolute; top:10px; right:7%; width:40px; height:40px; cursor:pointer; background:url(../../files/data/graphics/MIC_30years-close-top.svg) center no-repeat;}
	#jubilaeumbanner .bannerright .jubiclose {display:none;}
}

@media screen and (max-width : 800px)  {
	body.zweispaltig #main .inside {width: 100%; padding: 0;}
	body.zweispaltig #right {width: 100%; padding: 0;}
	body.zweispaltig .ce_gallery ul li {height: 11vw;}
	.ce_youtube {width: 92%; padding-left: 4%; padding-right: 4%;}
	/*.mejs-container, .me-plugin, .mejs-layer {width: 100% !important;}*/
	#jubilaeumbanner .bannerleft {width: 90%; padding-right: 8%; padding-left: 5%;}
	#jubilaeumbanner .bannerright {width: 90%; padding-right: 8%; padding-left: 5%;}
	#jubilaeumbanner {top:0; position:absolute;}
	#jubilaeumbanner .bannerleft .jubilogo img {width:100px !important;}
}

@media screen and (max-width : 700px)  {
	.ce_text.tablescroll {overflow-x: scroll;}
	.ce_text.tablescroll:after {content: "Scroll Right";}
    #backtotop {width: 45px; height: 45px; padding: 0; background: none;}
    #backtotop p {display: none;}
    body.vatertest .anmeldungkalender {width:100%; overflow-x: scroll;}
    body.vatertest .anmeldungkalender:after {content:"Rechts scrollen";}
    body.vatertest .anmeldungkalender table {width: 700px;}
}

@media screen and (max-width : 600px)  {
    form label {width: 100%; margin-bottom: 0;}
    form .widget-text input, form .widget-captcha input {width: 96%; margin-bottom: 10px;}
    form .widget-captcha .captcha_text {float: left;}
    form select {width: 100%; margin-bottom: 10px;}
    form textarea {width: 96%;}
	form .einrucken fieldset.checkbox_container span {width:90%;}
    form fieldset.checkbox_container span {width: 100%; margin-bottom: 5px;}
	.widget-checkbox legend {width:100%;}
    #main .rs-column {width: 100%; padding-left: 0; padding-right: 0;}
    #main .ce_text .tablescroller {width: 97%; overflow-x: scroll; padding-right: 10px;}
	.widget-radio legend {width:100%;}
	form fieldset.radio_container span {width:100%; margin-bottom:10px;}

	.timeline:before {left: 5%;}
    .timeline:after {left: 5%;}

    .timeline .timeline-item:before {left: 5%;}
    .timeline .timeline-item .ce_headline {width: 85%; float: right;}
    .timeline .timeline-item div {width: 85%; float: right;}
    .timeline .timeline-item .ce_headline {float: right; text-align: left;}
    .timeline .timeline-item div {float: right; text-align: left; clear: right !important;}
    .timeline .timeline-item div h3 {text-align: left;}
    .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;}
    .timeline .timeline-item:nth-child(2n) div {float: right; text-align: left; clear: left !important;}
    .timeline .timeline-item:nth-child(2n) div h3 {text-align: left;}
}

@media screen and (max-width : 500px)  {
/*	.mejs-container, .me-plugin, .mejs-layer {height: 250px !important;}*/
    form input.checkbox {width: 5%; margin-right: 5%;}
    form .checkbox_container span label {width: 90%;}
    #header .logo img {margin-right: 45px; width: 120px; height: auto; margin-top: 6px;}
	body.vatertest #header .logo img {margin-right: 0;}
	body.vatertest #header .shopbutton a {font-size:15px;}
}

/*  FONTS 													 */
/*************************************************************/
/* Adobe Typekit einbindung im Theme head */