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}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/*
	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 counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      -moz-transform: scale(0.7, 0.7) translateX(-30%);
      -ms-transform: scale(0.7, 0.7) translateX(-30%);
      -o-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

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

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

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

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

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

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

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/* -- dk_mmenu theme 'lighter' -- */
.mm-menu.mm-light
{
	background: #ececec;
}
#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}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.sharebuttons {
	overflow:hidden;
}

.sharebuttons > ul.theme {
	list-style-type:none;
	margin:-4px;
	padding:0;
}

.sharebuttons > ul.theme:after {
	content:"";
	display:block;
	clear:both;
}

.sharebuttons > ul.theme > li {
	float:left;
}

.sharebuttons > ul.theme > li > a {
	margin:4px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:101%;
	background-repeat:no-repeat;
	background-position:center;
}

.sharebuttons > ul.text > li > a {
	text-indent:0;
}

/* source: http://simplesharingbuttons.com/ */

.sharebuttons > ul.simpleflat > li > a {
	width:32px;
	height:32px;
	background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-32.png');
}

.sharebuttons > ul.simpleflat > li > a.facebook {
	background-position:-40px 0;
}

.sharebuttons > ul.simpleflat > li > a.twitter {
	background-position:-160px 0;
}

.sharebuttons > ul.simpleflat > li > a.gplus {
	background-position:-80px 0;
}

.sharebuttons > ul.simpleflat > li > a.linkedin {
	background-position:-120px 0;
}

.sharebuttons > ul.simpleflat > li > a.xing {
	background-position:-200px 0;
}

.sharebuttons > ul.simpleflat > li > a.mail {
	background-position:0 0;
}

.sharebuttons > ul.simpleflat > li > a.tumblr {
	background-position:-240px 0;
}

.sharebuttons > ul.simpleflat > li > a.pinterest {
	background-position:-280px 0;
}

.sharebuttons > ul.simpleflat > li > a.reddit {
	background-position:-320px 0;
}

.sharebuttons > ul.simpleflat > li > a.whatsapp {
	background-position:-360px 0;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) 
{
	.sharebuttons > ul.simpleflat > li > a {
		background-size:auto 32px;
		background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-64.png');
	}
}

/* allgemeine Definition */
.sc {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	clear:none !important;
}
.sc-first
{
	clear: both !important;
}
.sc-last {
}
.sc-clear {
	clear:left;
}

.sc-rowspan > *
{
	margin: 0!important;
	padding: 0!important;
}

/* 2-spaltig */
.sc2 {
	width:49.5%;padding-right:1%;float:left;display:inline;
}
.sc2-first {
	clear:left;
}
.sc2-last {
	padding-right:0;
}

/* 3-spaltig */
.sc3 {
	width:32.3%;padding-right:1%;float:left;display:inline;
}
.sc3-first {
	clear:left;
}
.sc3-last {
	padding-right:1.1%;
}
.sc3-2 {
	width:65.6%;padding-right:1%;float:left;display:inline;
}
.sc3-2-first {
	clear:left;
}
.sc3-2-last {
	padding-right:1.1%;
}

/* 4-spaltig */
.sc4 {
	width:24%;padding-right:1%;float:left;display:inline;
}
.sc4-first {
	clear:left;
}
.sc4-last {
}
.sc4-2 {
	width:49%;padding-right:1%;float:left;display:inline;
}
.sc4-2-first {
	clear:left;
}
.sc4-2-last {
}
.sc4-3 {
	width:74%;padding-right:1%;float:left;display:inline;
}
.sc4-3-first {
	clear:left;
}
.sc4-3-last {
}

/* 5-spaltig */
.sc5 {
	width:19%;padding-right:1%;float:left;display:inline;
}
.sc5-first {
	clear:left;
}
.sc5-last {
}
.sc5-2 {
	width:39%;padding-right:1%;float:left;display:inline;
}
.sc5-2-first {
	clear:left;
}
.sc5-2-last {
}
.sc5-3 {
	width:59%;padding-right:1%;float:left;display:inline;
}
.sc5-3-first {
	clear:left;
}
.sc5-3-last {
}
.sc5-4 {
	width:79%;padding-right:1%;float:left;display:inline;
}
.sc5-4-first {
	clear:left;
}
.sc5-4-last {
}

/*************************************************************/
/*   Design:  FENSTERGAUTSCHI.CH					 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   Oktober 2015					                 */
/*   Site: 	  wwww.fenstergautschi.ch						 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*FARBEN*/
/*	Rot:		#d9001a
    Blau:       #1d4b71
    Dunkelgrau: #595859
    Hellgrau:   #ecebec
*/

/*Jobs*/
.mod_plenta_jobs_basic_offer_list h2 {text-align: left; text-transform: none;}
.mod_plenta_jobs_basic_offer_list .layout_default {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dedede;}
#container #main .mod_plenta_jobs_basic_offer_list .ce_text {margin: 10px 0;}
.mod_plenta_jobs_basic_offer_reader .back {clear: both;}
.mod_plenta_jobs_basic_offer_reader {font-size: 14px; color: #333; line-height: 1.7em;}
.mod_plenta_jobs_basic_offer_reader h1 {font-size: 1.8rem; line-height: 2.2rem; text-transform: none; margin: 20px 0 30px 0; color: #595859; font-family: 'merriweatherregular';}

/*Cookiebar*/
.contao-cookiebar .cc-inner {max-width: 500px; font-size: 15px; line-height: 18px;}
.contao-cookiebar .cc-inner label {line-height: 19px;}
.contao-cookiebar .cc-cookies .cc-cookie p {font-size: 15px; line-height: 18px;}
.contao-cookiebar .cc-info > p {font-size: 12px; line-height: 16px;}
.contao-cookiebar .cc-info > p a {color:#999999; text-decoration: none;}
.dlh_googlemap .ce_text p {font-size: 14px; color: #333; line-height: 1.7em;}
.dlh_googlemap .cc-module {font-size: 14px; color: #333; line-height: 1.7em;}
.dlh_googlemap .cc-module {font-size: 14px; color: #333; line-height: 1.7em;}

/*  GLOBAL													 */
/*************************************************************/

html, body {position: relative; height: 100%; width:100%; font-family:"robotobold", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;}
body {font-size:16px; font-size:1.6rem;}

body a {color: #d9001a; text-decoration: none;}

h1, h2, h3, p {color:#333; font-family: 'merriweatherregular';}
h1 {color: #333; text-transform: uppercase; margin-bottom: 60px; margin-top: 30px; font-size: 80px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
h2 {font-size: 1.8rem; color: #595859;}
.mod_newsreader h2 {margin-bottom: 40px;}
h3 {font-size: 18px; margin-bottom: 20px; line-height: 1.4em; color: #333; text-transform: uppercase; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
h4 {color: #333; text-align: center; font-size: 18px; height: 50px; margin: 30px 0; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif; background:url(../../files/data/graphics/line.png) no-repeat center 45px;}
h5 {font-size: 18px; margin-bottom: 3px; line-height: 1.4em; color: #333; text-transform: uppercase; font-family: "robotolight", Arial, Verdana, Helvetica, sans-serif;}

.schmal {width: 50% !important; margin-right: auto !important; margin-left: auto !important;}

body #wrapper {width: 100%; position: relative; margin: 0 auto -425px; min-height: 100%; height:auto !important; height: 100%;}

.cookiebar {z-index: 5000; font-size: 17px; font-family: 'merriweatherregular';}

/*Backtotop*/
#backtotop {width: 70px; position: fixed; bottom: 45px; right: 20px; cursor: pointer; opacity: 0; z-index: 5000;}
#backtotop img {width: 100%;}

/*  NAVIGATION												 */
/*************************************************************/

/*Main*/
body #header .navigation {position: relative; float: right; top: 90px; height: 70px; z-index: 1200; overflow: visible !important; text-transform:uppercase; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

/*Level 1*/

body #header .navigation ul.level_1 li {float: left; padding: 10px 20px; text-align: center; font-size: 16px; height: 50px; background-position: center 30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
body #header .navigation ul.level_1 li.last {padding: 10px 0 10px 20px;}
body #header .navigation ul.level_1 li a {color:#333; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
body #header .navigation ul.level_1 li a:hover {color: #d9001a;}
body #header .navigation ul.level_1 li.submenu:hover {background-repeat: no-repeat; background-position: center 40px; background-image: url(../../files/data/graphics/menu_arrow.png);}

body #header .navigation ul.level_1 li.trail,
body #header .navigation ul.level_1 li.active {background: url(../../files/data/graphics/line.png) no-repeat center 40px;}
body #header .navigation ul.level_1 li.active.last {background-position: 28px 40px;}
body #header .navigation ul.level_1 li.trail a,
body #header .navigation ul.level_1 li.active a {color: #d9001a;}

/*Level 2*/

body #header .navigation ul.level_1 li ul.level_2 {visibility: hidden; opacity: 0; padding: 0 10px; position: absolute; top: 70px; width: 230px; transition:none;}
body #header .navigation ul.level_1 li:hover ul.level_2 {visibility: visible; opacity: 1; position: absolute; width:230px; height: auto; padding: 15px 10px; top: 70px; background-color: rgba(255,255,255,0.8);}
body #header .navigation ul.level_1 li:hover ul.level_2 li {padding: 10px 0;}

body #header .navigation ul.level_1 li ul.level_2 li {padding: 0 0; text-align: left; height: auto; width: 100%; background:none;}
body #header .navigation ul.level_1 li ul.level_2 li.submenu {padding:10px 0 0 0; background:none;}

body #header .navigation ul.level_1 li ul.level_2 li a {color: #333;}
body #header .navigation ul.level_1 li ul.level_2 li:hover a {color: #d9001a;}
body #header .navigation ul.level_1 li ul.level_2 li.active a {color: #d9001a;}

/*Level 3*/

body #header .navigation ul.level_1 li ul.level_2 li ul.level_3 {padding-left: 10px;}
body #header .navigation ul.level_1 li ul.level_2 li ul.level_3 li {padding: 5px 0; width: 100%; font-family: "robotoregular";}

body #header .navigation ul.level_1 li ul.level_2 li ul.level_3 li a {color: #333;}
body #header .navigation ul.level_1 li ul.level_2 li ul.level_3 li:hover a {color: #d9001a;}
body #header .navigation ul.level_1 li ul.level_2 li ul.level_3 li.active a {color: #d9001a;}

/*SpecialFlyout*/
body #header .navigation ul.level_1 li:nth-child(1) ul.level_2 {padding-left: 420px; padding-right: 558px; left: -398px;}
body #header .navigation ul.level_1 li:nth-child(2) ul.level_2 {padding-left: 596px; padding-right: 382px; left: -398px;}
body #header .navigation ul.level_1 li:nth-child(3) ul.level_2 {padding-left: 735px; padding-right: 243px; left: -398px;}
body #header .navigation ul.level_1 li:nth-child(4) ul.level_2 {padding-left: 850px; padding-right: 150px; left: -398px; width: 210px;}

/*Servicenav*/
body #header .servicenav {position: absolute; right: 0; top: 20px; width: 500px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
body #header .servicenav li {display: inline-block; float: right; padding-left: 50px;}
body #header .servicenav li a {font-size: 12px; text-transform: uppercase; color: #595859; text-decoration: none;  font-family: 'merriweatherregular'; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
body #header .servicenav li a:hover {color: #d9001a;}
body #header .servicenav li a.active {color: #d9001a;}
body #header .servicenav li.logout {background-image: url(../../files/data/graphics/icon_login.png); background-repeat: no-repeat; background-position: 29px 14px;}

/*Breadcrumb*/
#container #main .breadcrumb {margin-top: 30px; text-align: center;}
#container #main .breadcrumb li.first {display: none;}
#container #main .breadcrumb li {display: inline-block; margin-right: 2px; font-size: 15px; color: #595859; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container #main .breadcrumb li a {color: #595859; margin-right: 7px; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
#container #main .breadcrumb li.active {color: #d9001a;}
#container #main .breadcrumb li a:hover {color: #d9001a;}
#container #main .breadcrumb li::after {content: " /";}
#container #main .breadcrumb li.last::after {content: " ";}

/*Mobile*/
body .mm-slideout {width: 100%; position: relative; margin: 0 auto -425px; min-height: 100%; height: auto !important; height: 100%;}
body .mod_mmenu {display: none;}
body #header .mobilebtn_ct {display: none;}

/*  HEADER                                                   */
/*************************************************************/

body #header {height:160px; width: 100%; position: fixed; z-index: 2000; background-color: #fff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
body #header .inside {width: 1200px; margin: 0 auto;}
body #header .logo {display: inline-block; float: left; width: 250px; margin-top: 18px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
body .custom #headerbalken {display: none;}

/*sticky*/
body #header.sticky {height: 100px; border-bottom: 1px solid #ecebec;}
body #header.sticky .logo {width: 140px; margin-top: 15px;}
body #header.sticky .navigation {top: 30px;}
body #header.sticky .servicenav {top:-30px;} 


/*  SLIDER                                                   */
/*************************************************************/

.custom {width: 100%; height: auto; padding-top: 160px;}
.custom #slider {width: 1200px; margin: 0 auto; overflow: hidden; max-height: 450px;}
.custom #slider .mod_article {margin: 0;}

.custom #slider .caroufredsel_wrapper {max-height: 450px;}
.custom #slider .caroufredsel .image_container img {width: 100%;}

.custom #slider .ce_text_hover {position: relative;}

.custom #slider .hover-caption {text-align: center; position: absolute; width: 1200px; top: 23%;}
.custom #slider .hover-caption h3 {color: #fff; height: 45px; margin: 0; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif; background:url(../../files/data/graphics/line.png) no-repeat center 40px;}
.custom #slider .hover-caption h2 {color: #fff; font-size: 80px; margin: 15px 0; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
.custom #slider .hover-caption p {color: #fff; font-size: 20px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
.custom #slider .hover-caption a {color: #fff; text-decoration: underline;}

.custom #slider .caroufredsel_navi {position: absolute; top: 45%; width: 1200px;}
.custom #slider .caroufredsel_navi .caroufredsel_prev {height:55px; width: 50px; float: left; margin-left: 7px; background-image: url(../../files/data/graphics/slider_prev.png); background-repeat: no-repeat;}
.custom #slider .caroufredsel_navi .caroufredsel_prev span {display: none;}
.custom #slider .caroufredsel_navi .caroufredsel_next {height:55px; width: 50px; float: right; background-image: url(../../files/data/graphics/slider_next.png); background-repeat: no-repeat;}
.custom #slider .caroufredsel_navi .caroufredsel_next span {display: none;}

.custom #slider .caroufredsel_pagi {position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.custom #slider .caroufredsel_pagi a {width: 7px; height: 7px; display: inline-block; margin: 0 2px 3px 2px; background-image: url(../../files/data/graphics/slider_pagi.png); background-repeat: no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.custom #slider .caroufredsel_pagi a:hover, 
.custom #slider .caroufredsel_pagi a.selected {background-image: url(../../files/data/graphics/slider_pagi_select.png); background-repeat: no-repeat;}
.custom #slider .caroufredsel_pagi a span {display: none;}

/*  INHALTSELEMENTE                                          */
/*************************************************************/

#container {width: 100%; margin-bottom: 30px;}
#container #main {width: 1200px; margin: 0 auto; float: none;}

.mod_article {margin: 20px 0;}

/*Headline*/
#container #main h1.ce_headline {text-align: center; color: #333; text-transform: uppercase; margin-top: 30px; font-size: 80px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
#container #main h2.ce_headline {text-align: center; color: #595859; line-height: 1.4em;}
#container #main h3.ce_headline {text-align: center; text-transform: uppercase; color: #333; font-size: 18px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
#container #main h4.ce_headline {color: #333; text-align: center; text-transform: uppercase; font-size: 18px; height: 50px; margin: 20px 0; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif; background:url(../../files/data/graphics/line.png) no-repeat center 45px;}
#container #main h5.ce_headline {text-align: center; font-size: 18px; color: #333; text-transform: uppercase; font-family: "robotolight", Arial, Verdana, Helvetica, sans-serif;}
/*Text*/
#container #main .ce_text {margin: 30px auto 20px auto;}
#container #main .ce_text h1 {color: #333; text-transform: uppercase; margin-top: 30px; font-size: 80px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
#container #main .ce_text h2 {color: #595859; line-height: 1.4em;}
#container #main .ce_text h3 {text-transform: uppercase; color: #333; font-size: 18px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
#container #main .ce_text h4 {color: #333; text-align: center; text-transform: uppercase; font-size: 18px; height: 50px; margin: 20px 0; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif; background:url(../../files/data/graphics/line.png) no-repeat center 45px;}
#container #main .ce_text h5 {font-size: 18px; color: #333; text-transform: uppercase; font-family: "robotolight", Arial, Verdana, Helvetica, sans-serif;}
#container #main .ce_text p {font-size: 14px; color: #333; line-height: 1.7em;}

.ce_text .image_container.float_left {margin: 5px 4% 6px 0; float: left; width: 45.1%;}
.ce_text .image_container.float_right {margin: 5px 0 6px 4%; float: right; width: 45.1%;}

.ce_text.team .image_container img {width:100%;}

/*Box*/
#container #main .ce_text.box {background-color: #ecebec; text-align: center; padding: 30px 0;}
#container #main .ce_text.box p {padding: 0 10px;}
#container #main .ce_text.box.sc2 {margin-right: 1.5% !important;}
#container #main .ce_text.box.sc2-last {margin-right: 0 !important;}

/*List*/
#container #main .ce_text ul li {background: url("../../files/data/graphics/list_icon.png") 3px 10px no-repeat; padding: 0 0 5px 20px;font-size: 14px; line-height: 2em; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}

/*Downloads*/
.ce_download.sc.last, .ce_downloads.sc.last {padding-right: 0;}
.ce_download, .ce_downloads {position:relative; width:100%; margin:0; padding:0;}
.ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;}
.ce_download ul li, .ce_downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#d5edf1;}
.ce_download img, .ce_downloads img {position:absolute; left:12px; top:10px; z-index:400;}
body #container .ce_downloads a, body #container .ce_downloads a:link, body #container .ce_downloads a:visited, body #container .ce_download a, body #container .ce_download a:visited, body #container .ce_download a:link, body #container .enclosure a:link, body #container .enclosure a:visited {
    position:relative;
    z-index:300;
    text-decoration: none;
    font-size: 14px;
    font-family: "merriweatherregular", Arial, Verdana, Helvetica, sans-serif;
    color: #114b6e;
    display:block;
    padding:10px 30px 6px 40px;
    margin:0 0 0 0;
    background:url(../../files/data/graphics/icon_download.png) top 7px right 8px no-repeat;
    transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; 
    }   
        
body #container .ce_downloads a:hover, 
body #container .ce_downloads a:active, 
body #container .ce_download a:hover, 
body #container .ce_download a:active {background-color:#ecebec;}   

/*Galerie*/
#container .ce_gallery ul li {width:24%; margin:0 1.33% 15px 0;}
#container .ce_gallery ul li.col_last {margin: 0 0 15px 0;}
#container .ce_gallery.schmal ul li {width:24%; margin:0 1.33% 5px 0;}
#container .ce_gallery.schmal ul li.col_last {margin: 0 0 5px 0;}

#container .ce_gallery ul li .image_container {overflow: hidden;}
#container .ce_gallery ul li img {transition: all 1s ease;}
#container .ce_gallery ul li:hover img {opacity: 0.7; -moz-transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}

#colorbox {font-size: 14px; font-family:  "robotoregular", Arial, Verdana, Helvetica, sans-serif;}
#cboxTitle {display: none !important;}

/*Pagination*/
#container .pagination {font-size: 14px;}
#container .pagination ul li {display: inline;}

/*Simplecolumns*/
#container #main .sc .ce_text {margin:0;}
#container #main .sc2 {width: 49.25%; padding-right: 1.5%;}
#container #main .sc2.last {padding-right: 0;}
#container #main .sc2-last {padding-right: 0;}

/*Form*/
#container .ce_form .formbody label {display: block; width: 100%; margin: 12px 0 7px 0; font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container .ce_form .formbody legend {display: block; width: 100%; margin: 12px 0 7px 0; font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container .ce_form .formbody input {display: block; width: 97%; padding: 1%; border:none; background-color: #ecebec; font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container .ce_form .formbody textarea {display: block; width: 97%; padding: 1%; border:none; background-color: #ecebec; font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container .ce_form .formbody button.submit {width: 200px; margin: 30px auto 15px auto; cursor: pointer; background-color: #1d4b71; color: #fff; display: block; padding: 1%; border: none; font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container .ce_form .formbody fieldset.checkbox_container input.checkbox {display: inline-block; width: 4%; margin: 12px 0 3px 0; font-size: 14px;}
#container .ce_form .formbody fieldset.checkbox_container label {display: inline-block; width: 93%; margin: 12px 0 3px 0; font-size: 14px;}
#container .ce_form .formbody fieldset {margin: 25px 0 20px 0;}
#container .ce_form .formbody .explanation p {font-size: 16px;}
#main .formbody .g-recaptcha {display: flex; justify-content: center; margin-top: 15px;}

/*Login - Logout*/
.eservicenav {text-align: center; font-size: 22px; line-height: 1.4em;}
.eservicenav a {color:#333; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.eservicenav a:hover {color: #d9001a;}

#container .mod_login .formbody {font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
#container .mod_login .formbody label {display: block; margin-bottom: 10px;}
#container .mod_login .formbody input {display: block; width: 97%; padding: 1%; border:none; background-color: #ecebec;}
#container .mod_login .formbody button.submit {width: 200px; margin: 30px auto 0 auto; cursor: pointer; background-color: #1d4b71; color: #fff; padding: 3px; border: none; display: block; padding: 1%; border: none; font-size: 14px; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}

/* CE Player*/
.ce_player {margin-bottom:60px;}

/*Referenzen / News*/
/*Halb*/
#container #main .layout_latest_hover.halb {float:left; position:relative; width:48%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}
#container #main .layout_latest_hover.halb .hover-caption .image_container {width:100%; height: auto; margin:0; padding:0; float:left; overflow: hidden;}
#container #main .layout_latest_hover.halb .hover-caption:hover .image_container img {-moz-transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
body.galerie #container #main .layout_latest_hover.halb .hover-caption .image_container {height: 288px;}

/*Viertel*/
#container #main .layout_latest_hover.viertel {float:left; position:relative; width:24%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}

/*Both*/
#container #main .layout_latest_hover.even {clear: both;}
#container #main .layout_latest_hover .hover-caption img {display: block; transition:all 1s ease; width:100% !important; height:auto !important; opacity:1;}
#container #main .layout_latest_hover .hover-caption:hover img {opacity:0.7;}
#container #main .layout_latest_hover .hover-caption {float:none; overflow:hidden; position:relative; text-align:left; color:#000; width:100%; height:100%; margin:4px 0 0 0; padding:0; cursor:pointer;}
#container #main .layout_latest_hover .hover-caption .mask {width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; transition:all 0.3s; z-index:1600;}
#container #main .layout_latest_hover .hover-caption .mask a {padding:0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; text-decoration:none;}
#container #main .layout_latest_hover .hover-caption .text_hover {text-align:left; width: 100%; padding:0; float:left; opacity: 1; transform:scale(1); transition:all 0.3s; z-index:1000;}
#container #main .layout_latest_hover .hover-caption:hover .text_hover a {opacity:1; color:#d9001a !important;}
#container #main .layout_latest_hover .hover-caption .text_hover a {color: #333 !important; transition:all 1s ease;}
#container .layout_latest_hover h3 {padding:0 0 0 0; color:#333; margin: 15px 0 4px 0;}
#container .layout_latest_hover p {font-size: 14px; line-height: 1.7em; color:#333; margin: 0;}

#container .mod_newsreader .back {font-size: 16px;}

/*Home*/
body.home #container .breadcrumb {display: none;}

body.home #container #main .ce_text {width: 100%; text-align: center; padding: 50px 0;}
body.home #container #main .ce_text p {color: #595859; font-size: 25px; line-height: 1.6em; font-family: 'merriweatherregular', Arial, Verdana, Helvetica, sans-serif;}
 
body.home #container #main .homelinks {width: 100%; height: 450px; background-image: url(../../files/inhalte/Demo-Inhalte/bilder-gross/clouds.jpg);}
body.home #container #main .homelinks .sc4 {width: 22%; padding-right: 2%;}
body.home #container #main .homelinks .sc4-first {margin-left: 3% !important;}
body.home #container #main .homelinks h3 {color: #fff; height: 60px; margin:30px 0 0 0; text-align: center; text-transform: uppercase; font-size: 20px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif; background:url(../../files/data/graphics/line.png) no-repeat center 50px;}
body.home #container #main .homelinks .ce_text {height: 335px; margin-top: 0; padding-top:0; padding-bottom: 0; position: relative;}
body.home #container #main .homelinks .ce_text a {text-decoration: none; display: block; width: 100%; height: 100%;}
body.home #container #main .homelinks .ce_text .image_container {width: 200px; margin: 10px auto 20px auto;}
body.home #container #main .homelinks .ce_text .image_container img {border-radius: 150px; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
body.home #container #main .homelinks .ce_text h2 {font-size: 25px; color: #1d4b71; margin: 5px 0 0 0; line-height: 1.1em; font-family: "robotolight", Arial, Verdana, Helvetica, sans-serif; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
body.home #container #main .homelinks .ce_text p {font-size: 12px; bottom: 0; position: absolute; left: 92px; color: #d9001a; font-family: 'merriweatherbold', Arial, Verdana, Helvetica, sans-serif;}

body.home #container #main .homelinks .ce_text a:hover img {box-shadow: #555 0 0 10px; -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04);} 
body.home #container #main .homelinks .ce_text a:hover h2 {color: #d9001a;}

body.home #container #main .homezitat .ce_text {padding: 20px 0 0px 0;}
body.home #container #main .homezitat .ce_text p {font-family: "merriweatheritalic", Arial, Verdana, Helvetica, sans-serif; line-height: 1.6em;}
body.home #container #main .homezitat .ce_text p strong {font-size: 14px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}

/*  FOOTER													 */
/*************************************************************/

body .push {height: 425px;}

#footer {height: 425px; width: 100%; background-color: #1d4b71;}

#footer .socialbar {width: 100%; background-color: #ecebec; height: 90px;}
#footer .socialbar .socialbuttons {width: 180px; margin: 0 auto;}
#footer .socialbar .socialbuttons .yt {float: left;}
#footer .socialbar .socialbuttons .vimeo {float: right;}
#footer .socialbar .socialbuttons .image_container {width: 60px; height: 60px; margin: 15px 5px;}
#footer .socialbar .socialbuttons .image_container img {width: 100%; border-radius: 50px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#footer .socialbar .socialbuttons .image_container img:hover {box-shadow: #555 0 0 5px;  -moz-transform: scale(1.07); -ms-transform: scale(1.07); -webkit-transform: scale(1.07); transform: scale(1.07);}

#footer .footercontent {width: 1200px; margin: 0 auto;}
#footer .footercontent h2.ce_headline {text-align: center; margin:35px 0 20px 0; color: #7d90a4; text-transform: uppercase; font-size: 25px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
#footer .footercontent h3 {color: #fff; text-transform: uppercase; font-size: 18px; font-family: "robotobold", Arial, Verdana, Helvetica, sans-serif;}
#footer .footercontent p {color: #7d90a4; font-size: 14px;}
#footer .footercontent a {color: #7d90a4; font-size: 14px; text-decoration: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#footer .footercontent a:hover {color:#d9001a;}
#footer .footercontent .ce_image {text-align: center; padding-top: 20px;}

#footer .footercontent .copyright {padding:10px 0 30px 0;}
#footer .footercontent .copyright .ce_text {padding-top: 5px;}

/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width: 1250px) {
    body #header .inside {width: 900px;}
    body #header .logo {width: 170px; margin-top: 33px;}
	body #header .navigation ul.level_1 li {padding:10px 9px; font-size: 14px;}

    body #header .navigation ul.level_1 li:nth-child(1) ul.level_2 {padding-left: 206px; padding-right: 472px; left: -193px;}
    body #header .navigation ul.level_1 li:nth-child(2) ul.level_2 {padding-left: 342px; padding-right: 336px; left: -193px;}
    body #header .navigation ul.level_1 li:nth-child(3) ul.level_2 {padding-left: 445px; padding-right: 233px; left: -193px;}
    body #header .navigation ul.level_1 li:nth-child(4) ul.level_2 {padding-left: 617px; padding-right: 114px; left: -193px; width: 177px;}

    .custom #slider {width: 900px;}
    .custom #slider .caroufredsel_navi {width: 900px;}
    .custom #slider .hover-caption {width: 100%;}

    #container #main h1.ce_headline {font-size: 65px;}

    #container #main {width: 900px;}
    body.home #container #main .homelinks .ce_text {height: 310px;}
    body.home #container #main .homelinks .ce_text .image_container {width: 170px;}
    body.home #container #main .homelinks .ce_text p {left: 60px;}

    #container #main .layout_latest_hover.halb {float:left; position:relative; width:48%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}
    #container #main .layout_latest_hover.viertel {float:left; position:relative; width:23.6%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}
    body.galerie #container #main .layout_latest_hover.halb .hover-caption .image_container {height: 213px;}

    #footer .footercontent {width: 900px;}
}

@media screen and (min-width: 950px) {
    /*GoogleMap*/
    .ce_dlh_googlemaps {height: 450px !important;}
}

@media screen and (max-width: 950px) {
    body #header .mobilebtn_ct {display: block;}
    #header a.mobilebtn {display: block; text-decoration: none; width: 36px; height: 34px; padding: 0; position: absolute; top: 44px; right: 3%; z-index: 1500; background: url("../../files/data/graphics/mobile_button.png") right top no-repeat;}

    body #header {height: 125px;}
    body #header .inside {width: 94%; padding: 0 3%;}
    body #header .logo {width: 150px;}
    body #header .servicenav {display: none;}
    body #header .navigation {display: none;}

    body .custom {padding-top: 125px;}
    body .custom #headerbalken {display: block; width: 100%; height: 30px; background-color: #1d4b71;}
    body .custom #headerbalken .inside {width: 94%; padding: 7px 3% 0 3%;}
    body .custom #headerbalken .inside .headertel {float: left; height: 15px;}
    body .custom #headerbalken .inside .headertel a {color: #fff;}
    body .custom #headerbalken .inside .headertel p {font-size: 14px; color: #fff; font-family: "robotoregular", Arial, Verdana, Helvetica, sans-serif;}
    body .custom #headerbalken .inside .headermail {float: right; height: 15px; font-size: 14px;}
    body .custom #headerbalken .inside .headermail a {font-size: 14px; color: #fff; font-family: "robotoregular", Arial, Verdana, Helvetica, sans-serif; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
    body .custom #headerbalken .inside .headermail a:hover {color:#d9001a;}
    body .custom #headerbalken .inside .mod_customnav {float: right;}
    body .custom #headerbalken .inside .mod_customnav ul.level_1 {margin: 0;}
    body .custom #headerbalken .inside .mod_customnav ul.level_1 li {font-size: 14px; height: 17px;}
    body .custom #headerbalken .inside .mod_customnav ul.level_1 li a {font-size: 14px; padding-left: 25px; color: #fff; font-family: "robotoregular", Arial, Verdana, Helvetica, sans-serif;background-image: url(../../files/data/graphics/icon_login_mobile.png); background-repeat: no-repeat; background-position: 0px 7px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
    body .custom #headerbalken .inside .mod_customnav ul.level_1 li a:hover {color:#d9001a;}

    .custom #slider {width: 100%;}
    .custom #slider .caroufredsel_navi {width: 100%;}

    #container #main {width: 94%; padding: 0 3%;}

    #container #main h1.ce_headline {font-size: 55px;}

    body.home #container #main .homelinks .ce_text .image_container {width: 90%;}
    body.home #container #main .homelinks .ce_text p {left: 0; right: 20px; margin:0 auto;}

    body.galerie #container #main .layout_latest_hover.halb .hover-caption .image_container {height: 22vw;}
    #container #main .layout_latest_hover.viertel {float:left; position:relative; width:23%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}

    #footer .footercontent {width: 94%; padding: 0 3%;}
}

@media screen and (max-width: 800px) {
    body .mm-slideout {margin: 0 auto -670px;}
    body #wrapper {margin: 0 auto -670px;}

    .schmal {width: 100% !important;}

    body.home #container #main .homelinks {height: 380px;}
    body.home #container #main .homelinks .ce_text h2 {font-size: 15px;}
    body.home #container #main .homelinks .ce_text {height: 255px;}

    .custom #slider .hover-caption {top: 30%;}
    .custom #slider .hover-caption h3 {font-size: 15px; height: 10px; background:none;}
    .custom #slider .hover-caption h2 {font-size: 60px; margin: 10px 0;}
    .custom #slider .hover-caption p {font-size: 15px;}
    .custom #slider .caroufredsel_navi {display: none;}

    #container #main h1.ce_headline {font-size: 45px;}

    body .push {height: 670px;}

    #footer {height: 670px;}
    #footer .footercontent .sc4 {width: 40%; padding-right: 1%; float: left; padding-left: 9% !important; height: 200px;}
}    

@media screen and (max-width: 700px) {
    h1 {font-size: 60px;}
    #container #main h1.ce_headline {font-size: 40px;}
}

@media screen and (max-width: 650px) {
    #container #main .sc {width: 100%; padding-right: 0;}

    body.galerie #container #main .layout_latest_hover.halb .hover-caption .image_container {height: 45vw;}
    #container #main .layout_latest_hover.halb {float:left; position:relative; width:100%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}
    #container #main .layout_latest_hover.viertel {float:left; position:relative; width:100%; height:auto; margin:16px 11px 0 0; padding:0; font-size:1.4rem; line-height:1.7rem;}

    #backtotop {width: 50px;}
}

@media screen and (max-width: 600px) {
    .custom #slider .hover-caption {width: 100%; left: 0; right: 0; margin: 0 auto;}
    .custom #slider .hover-caption h2 {font-size: 40px;}
    #container #main h2.ce_headline {font-size: 30px;}
}    

@media screen and (max-width: 500px) {
    body .mm-slideout {margin: 0 auto -835px;}
    body #wrapper {margin: 0 auto -835px;}

    .custom #slider .hover-caption {top:27%;}
    .custom #slider .hover-caption p {font-size: 12px; margin-bottom: 5px;}

    body.home #container #main .homelinks {height: 660px;}
    body.home #container #main .homelinks .sc4-first {margin-left: 0 !important;}
    body.home #container #main .homelinks .sc4 {width: 46%; padding-left: 2% !important; padding-right: 2%;}
    body.home #container #main .homelinks .ce_text .image_container {width: 70%;}

    h1 {font-size: 40px;}
    #container #main h1.ce_headline {font-size: 35px;}
    #container #main h2.ce_headline {font-size: 30px;}

    #container .ce_gallery ul li {width:100%; margin:0 0 15px 0;}
    #container .ce_gallery ul li img {width: 100%;}
    #container .ce_gallery ul li.col_last {margin: 0 0 15px 0;}
    #container .ce_gallery.schmal ul li {width:100%; margin:0 0 15px 0;}
    #container .ce_gallery.schmal ul li.col_last {margin: 0 0 15px 0;}   

    body .push {height: 835px;}
    #footer {height: 865px;}
    #footer .footercontent .sc4 {width: 75%; padding-right: 10%; float: left; padding-left: 15% !important; height: auto;}
}

@media screen and (max-width: 330px) {
    h1 {font-size: 35px;}
    #container #main h1.ce_headline {font-size: 30px;}
    h2 {font-size: 25px;}
    #container #main h2.ce_headline {font-size: 25px;}

    body .custom #slider .hover-caption {top: 15%;}
    .custom #slider .hover-caption h3 {font-size: 12px; height: 7px;}
    .custom #slider .hover-caption h2 {font-size: 30px;}

    body.home #container #main .ce_text p {font-size: 20px;}
    body.home #container #main .homelinks h3 {font-size: 15px;}

    body .push {height: 880px;}
    #footer {height: 900px;}
    body .mm-slideout {margin: 0 auto -880px;}
    body #wrapper {margin: 0 auto -880px;}
}

/*  FONTS 				                                     */
/*************************************************************/
@font-face {
    font-family: 'robotoregular';
    src: url('../../files/data/styles/roboto-regular-webfont.woff2') format('woff2'),
         url('../../files/data/styles/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../../files/data/styles/roboto-light-webfont.woff2') format('woff2'),
         url('../../files/data/styles/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoitalic';
    src: url('../../files/data/styles/roboto-italic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../../files/data/styles/roboto-medium-webfont.woff2') format('woff2'),
         url('../../files/data/styles/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../../files/data/styles/roboto-bold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'merriweatherbold';
    src: url('../../files/data/styles/merriweather-bold-webfont.eot');
    src: url('../../files/data/styles/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/merriweather-bold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/merriweather-bold-webfont.woff') format('woff'),
         url('../../files/data/styles/merriweather-bold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatheritalic';
    src: url('../../files/data/styles/merriweather-italic-webfont.eot');
    src: url('../../files/data/styles/merriweather-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/merriweather-italic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/merriweather-italic-webfont.woff') format('woff'),
         url('../../files/data/styles/merriweather-italic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/merriweather-italic-webfont.svg#merriweatheritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatherlight';
    src: url('../../files/data/styles/merriweather-light-webfont.eot');
    src: url('../../files/data/styles/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/merriweather-light-webfont.woff2') format('woff2'),
         url('../../files/data/styles/merriweather-light-webfont.woff') format('woff'),
         url('../../files/data/styles/merriweather-light-webfont.ttf') format('truetype'),
         url('../../files/data/styles/merriweather-light-webfont.svg#merriweatherlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatherlight_italic';
    src: url('../../files/data/styles/merriweather-lightitalic-webfont.eot');
    src: url('../../files/data/styles/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/merriweather-lightitalic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/merriweather-lightitalic-webfont.woff') format('woff'),
         url('../../files/data/styles/merriweather-lightitalic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatherregular';
    src: url('../../files/data/styles/merriweather-regular-webfont.eot');
    src: url('../../files/data/styles/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/merriweather-regular-webfont.woff2') format('woff2'),
         url('../../files/data/styles/merriweather-regular-webfont.woff') format('woff'),
         url('../../files/data/styles/merriweather-regular-webfont.ttf') format('truetype'),
         url('../../files/data/styles/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
    font-weight: normal;
    font-style: normal;
}