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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type=submit].red:active,.button.red:active{background-color:#be322b}
/*
	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; }

.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-right: 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%;
  }
}


/*
Farben auf der Seite    |  #58585A - grey
						|  #e5e6e6 - lightergrey
						|  #d9dadb - lightgrey
						|  rgb(142,28,128) - violet
/*==========================================================================*/
/*______________________________Typo Start__________________________________*/

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../../files/fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../../files/fonts/robotocondensed-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../../files/fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../../files/fonts/robotocondensed-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../../files/fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../../files/fonts/robotocondensed-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

body {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

p,
a,
td,
tr,
th,
span,
ul,
li {
	font-size: 20px;
}

p,
table {
	margin-bottom: 30px;
}

.font40 {
	font-size: 40px;
	letter-spacing: 1.5px !important;
}

a {
	color: #990099;
	text-decoration: none;
	-webkit-transition: color 0.125s ease-in;
	-moz-transition: 	color 0.125s ease-in;
	-o-transition: 		color 0.125s ease-in;
	transition: 		color 0.125s ease-in;
}

a:hover {
	color: black;
	text-decoration: none;
}

a:visited,
a:active,
a:focus {
	text-decoration: none;
}

.kachel-wrapper a {
	color: #333333;
}

.kachel a {
	font-size: inherit;
	color: #333333;
	display: block;
	width: 100%;
	height: 100%;
}

a.download {
	padding-left: 45px;
	background: url(../../files/img/icons/icon-download.svg) left top no-repeat;
	background-size: 25px;
}

a.download:hover {
	text-decoration: none;
}

/*Fixed Header Offset*/
.offset-header:target {
	margin-top: -110px;
	padding-top: 110px;
}

.suchergebnisse #results p {
	margin-bottom: 0;
}
/*=================================================================================*/
/*==============================  A Link Hover Effect  ============================*/

a.line:active,
a.line:visited {
	text-decoration: none
}

a.line {
	display: inline-block;
}

a.line:hover {
	color: #990099;
}

a.line:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	-webkit-transition: width .5s ease, background-color .5s ease;
	-moz-transition: 	width .5s ease, background-color .5s ease;
	-o-transition: 		width .5s ease, background-color .5s ease;
	transition:			width .5s ease, background-color .5s ease;
	margin-top: 10px;
}

a.line:hover:after {
	width: 100%;
	background: #990099;
}


/*=================================================================================*/
/*==============================   Headings   =====================================*/

h1 {
	font-size: 30px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	transition: color 0.3s ease;
}

h2 {
	font-size: 30px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 1.0px;
}

div#darum-bee h2 {
	margin-bottom: 45px;
}

.kachel-konstruktion h1 {
	margin-bottom: 25px;
}

td,
th {
	padding: 2.5px 10px 2.5px 0;
	vertical-align: top;
}

#warenrückgabe td {
	min-width: 90px;
}

.font60 {
	font-size: 60px;
}

.font-bold {
	font-weight: bold;
}

.white {
	color: white;
}

.centertext {
	text-align: center;
}

.textbackground-violet {
	background-color: #990099;
	padding: 5px 15px;
}


/*______________________________Typo Ende___________________________________*/
/*==========================================================================*/
/*___________________________Paddings | Margins_____________________________*/

.nopad {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nopadl {
	padding-left: 0 !important;
}

.pad15 {
	padding: 15px;
}

.pad15lr {
	padding-left: 15px;
	padding-right: 15px;
}

.pad25l {
	padding-left: 25px;
}

.pad25r {
	padding-right: 25px;
}

.pad30t {
	padding-top: 30px;
}

.pad30b {
	padding-bottom: 30px;
}

.pad40l {
	padding-left: 40px;
}

.pad50lr {
	padding-left: 50px;
	padding-right: 50px;
}

.pad75 {
	padding-left: 75px;
	padding-right: 75px;
}

.pad80b {
	padding-bottom: 80px;
}

.pad80t {
	padding-top: 80px;
}

.pad100lr {
	padding-left: 100px;
	padding-right: 100px;
}

.pad100t {
	padding-top: 100px;
}

.pad100b {
	padding-bottom: 100px;
}

.pad180t {
	padding-top: 180px;
}

.margin10lr {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.margin25t {
	margin-top: 25px;
}

.margin50t {
	margin-top: 50px;
}

.margin50b {
	margin-bottom: 50px;
}

.margin80b {
	margin-bottom: 80px;
}

.margin100b {
	margin-bottom: 100px;
}

.margin120b {
	margin-bottom: 120px;
}

.margin180t {
	margin-top: 180px;
}

.margin180b {
	margin-bottom: 180px;
}

.w1200 {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.w1400 {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.w1600 {
	width: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.centerimg {
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.centerimg img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.img-w75 img {
	width: 75%;
}

.img-w100 img {
	width: 100%;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}


/*___________________________Paddings | Margins Ende________________________*/
/*==========================================================================*/
/*_________________________________Layout Start_____________________________*/

#kugelhaehne .ui-accordion-header .hoverimagewrap {
    background-image: url('/files/img/kacheln/accordeon-kugelhahn.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.225s ease-out;
    -moz-transition:	all 0.225s ease-out;
    -o-transition:		all 0.225s ease-out;
    transition: 		all 0.225s ease-out;
}

#heiztechnikkomponente .ui-accordion-header .hoverimagewrap {
    background-image: url('/files/img/kacheln/accordeon-sicherheitsarmatur.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.225s ease-out;
    -moz-transition:	all 0.225s ease-out;
    -o-transition:		all 0.225s ease-out;
    transition: 		all 0.225s ease-out;
}

#sicherheitsarmaturen .ui-accordion-header .hoverimagewrap {
    background-image: url('/files/img/kacheln/accordeon-armaturen.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.225s ease-out;
    -moz-transition: 	all 0.225s ease-out;
    -o-transition: 		all 0.225s ease-out;
    transition: 		all 0.225s ease-out;
}

#optionen .ui-accordion-header .hoverimagewrap {
    background-image: url('/files/img/kacheln/accordeon-optionen.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.225s ease-out;
    -moz-transition: 	all 0.225s ease-out;
    -o-transition: 		all 0.225s ease-out;
    transition: 		all 0.225s ease-out;
}

#kugelhaehne .ui-accordion-header.ui-state-hover .hoverimagewrap,
#kugelhaehne .ui-accordion-header.ui-accordion-header-active .hoverimagewrap {
    background-image: url('/files/img/kacheln/accordeon-kugelhahn-hover.jpg');
    background-size: contain;
}

#heiztechnikkomponente .ui-accordion-header.ui-state-hover .hoverimagewrap,
#heiztechnikkomponente .ui-accordion-header.ui-accordion-header-active .hoverimagewrap {
    background-image: url('/files/img/kacheln/accordeon-sicherheitsarmatur-hover.jpg');
    background-size: contain;
}

#heiztechnikkomponente #ui-id-4 .accordion-item-holder:nth-child(3) {
    display: none;
}

#sicherheitsarmaturen .ui-accordion-header.ui-state-hover .hoverimagewrap,
#sicherheitsarmaturen .ui-accordion-header.ui-accordion-header-active .hoverimagewrap  {
    background-image: url('/files/img/kacheln/accordeon-armaturen-hover.jpg');
    background-size: contain;
}

#optionen .ui-accordion-header.ui-state-hover .hoverimagewrap,
#optionen .ui-accordion-header.ui-accordion-header-active .hoverimagewrap  {
    background-image: url('/files/img/kacheln/accordeon-optionen-hover.jpg');
    background-size: cover;
}
#kugelhaehne .accordeon-padding,
#heiztechnikkomponente .accordeon-padding,
#sicherheitsarmaturen .accordeon-padding,
#optionen .accordeon-padding {
	padding-right: 40px;
}

#header {
	width: 100%;
	z-index: 500;
	height: 115px;
	padding: 20px 30px;
	position: fixed;
	background: white;
	top: 0;
	box-shadow: 0px 1px 2px #0000003d;
}

#container {
	padding: 0;
}

#footer {
	padding: 60px 0 0;
	width: 100%;
	float: left;
	background-color: #58585A;
}

.custom {
	margin-top: 115px;
}

.startseite-header {
	margin-bottom: 80px;
}

.justphone {
	display: none;
}

div#startseite-linkboxen {
	max-width: 1230px;
}

.footer-copyright {
	height: 50px;
	margin-top: 80px;
	color: white;
	background-color: black;
	font-weight: 300;
}

.footer-copyright p {
	padding-top: 10px;
	padding-bottom: 45px;
	margin: 0 0;
}

.header-logo img {
	width: 80px;
	/*margin-left: 100px;*/
}

.background-white {
	background-color: white;
}

.background-lightgrey {
	background-color: #f6f6f6;
}

.background-violet {
	background-color: #990099;
}

.border {
	border: 1px solid;
}

.borderimg img {
	border: 1px solid;
}

.border-top {
	border-top: 1px solid;
}

.border-bottom {
	border-bottom: 1px solid;
}

.border-left {
	border-left: 1px solid;
}

.border-right {
	border-right: 1px solid;
}

.border-black {
	border-color: black;
}

.border-grey {
	border-color: #e5e6e6;
}

.ui-accordion-header .border-right {
	padding: 0;
}

.layout_latest {
	margin-bottom: 100px;
}

#zertifikate select:focus,
#anleitungen select:focus {
	outline: transparent;
}

label.zertifikate {
	display: none;
}

.nomob {
	display: block;
}

.mobonly {
	display: none;
}


/*______________________________Layout Ende____________________________________*/
/*=============================================================================*/
/*______________________________Menu Start_____________________________________*/

nav#mainmenu {
	overflow: visible;
}

nav#mainmenu ul.level_1 {
	height: 50px;
	font-weight: bold;
	letter-spacing: 1.0px;
	padding-left: 15px;
	display:inline-block;
}

nav#mainmenu .level_1 > li > .submenu:hover + ul.level_2,
nav#mainmenu .level_1 > li:hover > ul.level_2 {
	display: block;
}

#header.is-sticky nav#mainmenu ul.level_2 {
	top:70px;
}

nav#mainmenu ul.level_2 {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 115px;
	background: rgba(142, 28, 128, 0.85);
	padding: 30px 0;
}

nav#mainmenu ul.level_2 li {
    display: block;
    border-top: 1px solid #FFF;
    margin: 0 !important;
    background-color: transparent;
    width: 250px;
	margin:0 !important;
}

nav#mainmenu ul.level_2 li:last-child {
	border-bottom:1px solid #FFF;
}

nav#mainmenu .level_2 li a {
	color: #FFF !important;
}

nav#mainmenu .level_2 li a:hover {
	color: rgba(170, 170, 170) !important;
}

.karrierelink {
	margin: 15px;
	width: calc(100% - 30px);
	padding: 0 !important;
	margin-bottom: 50px;
}

.karrierelink h2 {
    margin-top: 20px;
	margin-bottom: 0px;
}

.karrierelink a {
	font-size: 30px;
	font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #000000;
    width: 2000px;
    padding: 25px;
    border: 1px solid #000;
    max-width: 100%;
    float: left;
}

.karrierelink h2 a {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1.0px;
    color: #000000;
    font-weight: bold;
}

.karrierelink a:before {
    content: "mehr Infos >";
    color: black;
    position: absolute;
    right: 35px;
    bottom: 0;
    line-height: unset;
    transform: rotate(00deg);
    transition: all 0.2s ease-in-out;
    font-size: 25px;
    text-transform: initial;
}

@media (max-width: 1154px) {
	ul.level_2{
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

nav#mainmenu ul.level_2:hover {
	display: block;
}

nav#mainmenu .level_1 li a {
	color: black;
	font-weight: bold;
	/*-webkit-transition: border-bottom 0.2s ease-out; 
	-moz-transition: border-bottom 0.2s ease-out; 
	-o-transition: border-bottom 0.2s ease-out; 
	transition: border-bottom 0.2s ease-out;*/
}

nav#mainmenu .level_2 li a {
	font-weight: normal;
}

nav#mainmenu .level_1 li a:hover {
	color: #990099;
	text-decoration: none;
	/*border-bottom: 3px solid rgb(142,28,128);
	padding-bottom: 15px;*/
}

nav#mainmenu .level_1 li a:focus {
	text-decoration: none;
}

nav#mainmenu span.active,
nav#mainmenu span.trail {
    padding-bottom: 42px;
    font-weight: bold;
	color: #990099;
}

nav#mainmenu .level_1 li {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	margin-right: 30px;
	padding: 0;
	text-transform: uppercase;
}

nav#mainmenu .level_1 li:last-child {
	margin-right: 10px;
}

nav#mainmenu .level_1 li:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
	margin-top: 5px;
}


/*
nav#mainmenu .level_1 li:hover:after {
	width: 100%;
	background: rgb(142,28,128);
}
*/

#footer .mod_customnav {
	overflow: visible;
}

#footer nav ul {
	list-style: none
}

#footer nav li a {
	color: white;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: color 0.15s ease-in;
	-moz-transition: color 0.15s ease-in;
	-o-transition: color 0.15s ease-in;
	transition: color 0.15s ease-in;
}

#footer nav li.first a {
	font-weight: 700;
}

#footer nav li a:hover {
	color: black;
	text-decoration: none;
}

#footer span.active {
	text-transform: uppercase;
	color: black;
}

#header.is-sticky {
	max-height: 70px;
	padding: 10px 30px;
	transition: max-height 1s ease-in-out;
}

#header.is-sticky .header-logo img {
	max-height: 50px;
	width: auto;
	margin-bottom: 15px;
}

#header.is-sticky .margin25t {
	margin-top: 8px;
}

#header.is-sticky {
	position: fixed;
}

/*temp*/

#header.is-sticky a.mmenu {
	top: 18px;
	right: 15px;
}

.language .level_1 {
	margin-top: 9px;
}

@keyframes sticky {
	from {
		transform: translateY(-50px)
	}
	to {
		transform: translateY(0px)
	}
}

.scrolltop {
	display: none;
}

.scrolltop {
	position: fixed;
	bottom: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	border: 1px solid #990099;
	background-color: #990099;
}

.scrolltop a {
	width: 50px;
	height: 50px;
	display: block;
	transform: rotate(270deg);
	font-size: 60px;
	margin-left: -23px;
	margin-top: -11px;
	outline: none;
}


/*.scrolltop a:hover {
	color: rgb(142,28,128);
}*/

.scrolltop a:after {
	color: white;
	content: ">";
}


/*______________________________Menu Ende____________________________________*/
/*=============================================================================*/
/*______________________________MMenu Start_____________________________________*/

.mmenu {
	display: none;
	padding-right: 13px;
	padding-left: 26px;
	height: 32px;
	width: 32px;
	line-height: 34px;
	background: url(/files/img/icons/icon-menu.png) no-repeat 8px center;
	background-size: contain;
	font-size: 14px;
	text-transform: uppercase;
	position: fixed;
	right: 28px;
	top: 45px;
	z-index: 1000;
}

.mm-menu .mm-search input {
	background: #f6f6f6;
	color: #333333;
}

.mm-menu a.submenu.sibling:hover {
	background-color: #990099;
}

.mm-menu .level_1,
.mm-menu .level_2 {
	background: rgba(142, 28, 128, 1);
}

.mm-list > li {
	color: white
}

a.mm-subclose {
	color: rgb(217, 218, 220);
}

.mm-menu .mm-list > li > a.mm-subclose {
	color: rgba(217, 218, 220, 0.85);
}

.mm-menu .mm-list > li:after {
	border-color: rgba(255, 255, 255, 0.85);
}

.mm-menu .mm-list > li > a.mm-subopen:before {
	border-color: rgba(0, 0, 0, 0);
}

.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.8);
}

.mm-menu a.submenu.sibling:hover {
	background-color: #ab409d;
}

/*=============================================================================*/
/*_____________________________Breadcrumbs Start_______________________________*/

.startseite .breadcrumbs,
.startseite-58 .breadcrumbs {
	display: none;
}

.breadcrumbs {
	min-height: 50px;
	padding: 10px 15px;
}

.kontakt .breadcrumbs {
	max-width: 1600px;
}

.unternehmen .breadcrumbs {
	max-width: 1200px;
}

.breadcrumbs li,
.breadcrumbs ul {
	display: inline;
	color: #d9dadb;
}

.breadcrumbs ul {
	-webkit-padding-start: 0;
}

.breadcrumbs li:before {
	padding: 5px;
	content: ">";
}

.breadcrumbs li a {
	color: #d9dadb;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}

.breadcrumbs li a:hover {
	text-decoration: none;
	color: #58585a;
}

.breadcrumbs li.first:before {
	display: none;
}

.breadcrumbs li.active.last {
	color: #58585a;
}

.mod_sitemap li {
	width: 100%;
}

.mod_sitemap .submenu {
	float: left;
	width: 100%;
}

.mod_sitemap ul.level_1,
.mod_sitemap ul.level_2 {
	padding: 0 !important;
	list-style: none;
}

.mod_sitemap ul.level_1 li a {
	font-weight: bold;
	padding-bottom: 5px;
}

.mod_sitemap ul.level_2 li a {
	font-weight: normal;
}

/*___________________________Breadcrumbs Ende_________________________________*/
/*=============================================================================*/
/*______________________________Kontakt Start__________________________________*/

label {
	font-size: 20px;
	font-weight: 600;
}

.widget-text, .widget-select, .widget-captcha {
	width: 50%;
	float: left;
	margin-bottom: 15px;
}

.widget-text:nth-child(odd) {
	padding-right: 15px;
}

.widget-text:nth-child(even) {
	padding-left: 15px;
}

.widget-textarea {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

select {
	font-size: 18px;
}

.widget-select {
	padding-left: 15px;
}

.widget-captcha {
	padding-right: 15px;
}

.submit_container {
	float: left;
	clear: both;
    max-width: 100%;
}


input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input:not([type]),
textarea,
select {
	width: 100%;
	display: inline-block;
	padding: 10px 6px;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	-moz-box-shadow: inset 0 1px 1px #eee;
	-webkit-box-shadow: inset 0 1px 1px #eee;
	box-shadow: inset 0 1px 1px #eee;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: box-shadow .25 ease-in;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input:not([type]):focus,
textarea:focus,
select:focus  {
	outline: 0;
	background: #fcfcfc;
	border-color: black;
	box-shadow: 2px 4px 5px 0px #00000025;
}

input,
textarea {
	font-family: "Roboto Condensed";
	font-size: 18px;
	width: 100%;
	padding: 10px;
	background-color: white;
	color: black;
}

input::placeholder,
textarea::placeholder {
	color: #b9b9b9;
}

input[type=submit] {
	background: #990099;
	padding: 15px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 22px;
	width: 450px;
	margin-top: 15px;
	float: left;
	text-align: left;
	font-weight: 700;
}


/*___________________________Kontakt Ende___________________________________*/
/*==========================================================================*/
/*_________________________ Kacheln Start __________________________________*/


.kachel {
	padding: 15px !important;
	min-height: 155px;
}

.kachel.produktfinder {
	background: url(../../files/img/kacheln/kachel-produktfinder.jpg) no-repeat center center;
	background-size: cover;
	min-height: 310px;
	color: white;
}

.kachel.produktfinder:hover {
	background: url(../../files/img/kacheln/kachel-produktfinder-hover.jpg) no-repeat center center;
	background-size: cover;
	min-height: 310px;
	color: white;
}

.kachel.sicherheitsamaturen {
	background: url(../../files/img/kacheln/kachel-sicherheitsarmaturen.jpg) no-repeat center center;
	background-size: contain;
	height: 335px;
}

.kachel.sicherheitsamaturen:hover {
	background: url(../../files/img/kacheln/kachel-sicherheitsarmaturen-hover.jpg) no-repeat center center;
	background-size: contain;
	height: 335px;
	background-color: #d9dadc;
}

.kachel.optionen {
	background: url(../../files/img/kacheln/kachel-optionen.jpg) no-repeat center center;
	background-size: contain;
	background-size: 370px;
	height: 335px;
}

.kachel.optionen:hover {
	background: url(../../files/img/kacheln/kachel-optionen-hover.jpg) no-repeat center center;
	background-size: contain;
	background-size: 370px;
	height: 335px;
	background-color: #d9dadc;
}

.kachel.kugelhaehne {
	background: url(../../files/img/kacheln/kachel-kugelhahn.jpg) no-repeat center center;
	background-size: contain;
	height: 335px;
}

.kachel.kugelhaehne:hover {
	background: url(../../files/img/kacheln/kachel-kugelhahn-hover.jpg) no-repeat center center;
	background-size: contain;
	height: 335px;
	background-color: #d9dadc;
}

.kachel.heiztechnikkomponente {
	background: url(../../files/img/kacheln/kachel-Sicherheitsventil.jpg) no-repeat center center;
	background-size: contain;
	height: 335px;
}

.kachel.heiztechnikkomponente:hover {
	background: url(../../files/img/kacheln/kachel-Sicherheitsventil-hover.jpg) no-repeat center center;
	background-size: contain;
	height: 335px;
	background-color: #d9dadc;
}

.kachel-wrapper {
	width: calc(33.33333333% - 20px);
	margin: 0 10px;
}

.kachel-konstruktion {
	padding: 25px;
	background: rgba(255, 255, 255, 0.65);
	float: right;
	width: 50%;
}

.konstruktion {
	background: url(../../files/img/kachel-konstruktion-background.jpg) no-repeat 50% 100%;
	height: 725px;
}

.kachelbig {
	padding-top: 25px;
	padding-bottom: 0;
}

.mpull-right {
	float: right;
}

.linkboxen .kachel {
	min-height: 110px;
}

.linkboxen .image_container{
	max-height: 240px;
}

.linkboxen img {
    	object-fit: contain;
    	height: 240px;
}


.thumbnail {
	background-color: transparent;
	border: 0;
}

/*___________________________Kacheln ENDE_____________________________________*/
/*=============================================================================*/
/*______________________________Konstruktion Animation_________________________*/

.konstruktion-animiert {
	background: url(../../files/img/konstruktionBG.jpg) no-repeat 50% 100%;
	height: 733px;
	width: 669px;
	float:left;
	position: relative;
} 

.button-large {
	width: 40px;
    height: 40px;
	margin: calc(3.3855% - 6px);
}

.carousel-inner {
	overflow:initial;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.btn-touch {
	z-index: 3;
    border-radius: 50%;
    position: absolute;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.button-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid transparent;
    position: relative;
    top: -40px;	
}
/*
.line-right {
	width:0;
	position: absolute;
    height: 2px;
	left: 50%;
    top: 50%;
    margin-top: -0.5px;
    background: #990099;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.clicked .line-right {
	width:586px;
}
*/
.pulsating-circle.clicked {
	width:6px;
	height:6px;
	margin: calc(3.3855% - 6px);
}
.carousel-inner.clicked .caption {
	display:block;
}

.clicked.pulsating-circle:before {
	animation:initial;
}

.carousel .caption {
	padding: 25px;
    background: white;
    border: 1px solid #000;
    width: 460px;
    top: 100px;
    right: -500px;
    position: absolute;
	display:none;
}

.kachel-konstruktion-kugel1 {
	padding: 25px;
    background: rgba(255, 255, 255, 0.65);
    float: right;
    width: 30%;
}

#carousel-1 .button-large {
    top: 179px;
    left: 235px;
}
#carousel-2 .button-large {
    top: 218px;
    left: 276px;
}
#carousel-3 .button-large {
    top: 235px;
    left: 339px;
}
#carousel-4 .button-large {
    top: 296px;
    left: 324px;
}  
#carousel-5 .button-large {
	top: 254px;
    left: 243px;
}
#carousel-6 .button-large {
    top: 260px;
    left: 166px;
}
#carousel-1 .pulsating-circle:before {
	animation-delay: 0s;
}
#carousel-2 .pulsating-circle:before {
	animation-delay: 2.20s;
}
#carousel-3 .pulsating-circle:before {
	animation-delay: 3.10s;
}
#carousel-4 .pulsating-circle:before {
	animation-delay: 1.50s;
}
#carousel-5 .pulsating-circle:before {
	animation-delay: 3.80s;
}
#carousel-6 .pulsating-circle:before {
	animation-delay: 0.80s;
}
 
.pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 45px;
    transform: scale(0);
    background-color: #990099;
    animation: pulse-ring 4.0s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.carousel-inner.clicked .pulsating-circle:before {
    width: 50%;
    height: 50%;
	animation: initial;
	margin: 25%;
}

@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
    transform: scale(1);
  }
}

.carousel-inner.clicked .pulsating-circle:before {
	transform: scale(1);
}

/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-duration:1s;
    animation-delay: .1s;
}

.headline-wrapper h2 {
	display: inline-block;
}

.headline-wrapper .close-x {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	font-size: 20px;
}

/*___________________________Konstruktion Animation ENDE______________________*/
/*============================================================================*/
/*___________________________Akkordeon START__________________________________*/

.ui-accordion-header,
.ui-accordion-header h1,
.ui-accordion-header h2 {
	-webkit-transition: all 0.225s ease-out;
	-moz-transition: 	all 0.225s ease-out;
	-o-transition: 		all 0.225s ease-out;
	transition:			all 0.225s ease-out;
}

.ui-accordion-header {
	position: relative;
}

.ui-state-hover,
.ui-accordion-header-active {
	background-color: #990099
}

.ui-accordion-header h1 {
	margin-top: 20px;
	padding-left: 10px;
}

.ui-accordion-header-active h1,
.ui-accordion-header.ui-state-hover h1 {
	color: white;
}

.ui-accordion-header:hover img,
.ui-state-active img {
	opacity: 0.5;
}

.karriere-wrapper .ui-accordion-header:hover img,
.karriere-wrapper .ui-state-active img {
	opacity: 1;
}

.ui-accordion-header:focus {
	outline: none;
}

.ui-accordion-header {
	border: 1px solid black;
	/*min-height: 250px;*/
	font-size: 40px;
	font-weight: 700;
	overflow: hidden;
}

.ui-accordion-header img {
	max-height: 248px;
}

.ui-accordion-content {
	margin-top: 50px;
}

.ui-accordion-item-wrapper {
	margin-left: 33.3333%;
}

.ui-accordion-header:before {
	content: ">";
	color: black;
	position: absolute;
	right: 35px;
	bottom: 0;
	line-height: unset;
	transform: rotate(00deg);
	transition: all 0.2s ease-in-out;
}

.ui-accordion-header-active:before {
	transform: rotate(90deg);
	transition: all 0.2s ease-in-out;
}

.ui-accordion-header-active:before,
.ui-accordion-header.ui-state-hover:before {
	color: white;
}

#ui-id-2 .ui-accordion-item-1,
#ui-id-3 .ui-accordion-item-1 {
	border-bottom: none;
}

/*
.col-xs-12.only-desktop {
	padding-bottom: 50px;
}
*/
.accordion-item-holder .col-xs-12.only-desktop,
.accordion-item-holder .col-xs-8.ui-accordion-item-wrapper {
	float:initial;
	min-height:0;
	
}

div#ui-id-1 .accordion-item-holder:nth-child(3),
div#ui-id-3 .accordion-item-holder:nth-child(3)  {
	display: none;
}

.accordion-item-holder {
    background: #e5e6e6;
	margin-bottom: 25px;
	padding-top: 25px;
}

.accordion-item-holder .ui-accordion-item-1 h1 {
	padding-top: 20px;
}

.accordion-item-holder .ui-accordion-item-1 p:last-child  {
	padding-bottom:50px;
}

/*========= Karriere Akkordeon =========*/

.career .accordion-item-holder {
	background-color: transparent;
}

.career .ui-accordion-header-active h1, .career .ui-accordion-header.ui-state-hover h1,
.career .ui-accordion-header-active h2, .career .ui-accordion-header.ui-state-hover h2 {
	color: white;
}

.career .ui-accordion-header h1 {
	font-weight: normal;
}

.career .ui-accordion-header h2 {
	margin-top: 20px;
	padding-left: 10px;
	font-weight: bold;
}

.career p {
	margin-bottom: 0;
	margin-top: 30px;
}

.career  ul {
	list-style: none;
	padding-inline-start: 0.8em;
}

.career  ul li::before {
  content: "• ";  
  color: black; 
  font-weight: bold; 
  display: inline-block; 
  width: 0.8em; 
  margin-left: -0.8em;
}

/*TEMP*/

.career .ui-accordion-header img {
	width: 100%;
	object-fit: cover;
}



/*___________________________Akkordeon ENDE___________________________________*/
/*============================================================================*/
/*___________________________ News START _____________________________________*/

p.info {
	position: absolute;
	right: 0;
	margin: 0;
	bottom: 0px;
	padding: 0px 20px 15px 0px;
    color: #990099;
    z-index: 10;
}

p.more {}


.mod_newslist h2 a {
	font-weight: bold;
}

/*
.mod_newslist h2 {
	margin-right: 125px;
}
*/


.mod_newslist img {
	margin-bottom: 0px;
}
.mod_newslist img {
	padding: 0px 40px;
	background-color: #fff;
}

.mod_newsreader .ce_image {
	padding-left: 0;
	padding-right: 0;
}


/* -------- Aktuelles Anpassungen --------- */
/* Übersichtsseite */
.mod_newslist .layout_latest {
	position: relative;

	margin-bottom: 30px !important;
}

.mod_newslist .layout_latest h2 {
    color: #990099;
    font-weight: 600;
    margin-top: 30px;
}
.mod_newslist .teaser p {
    margin-bottom: 0px;
}
.newspreview {
	display: flex;
    height: auto;
}
.newspreviewright {
	background-color: #eee;
}
.mod_newslist .layout_latest .image_container {
	margin-right: 0px !important;
	padding: 0px !important;
	display: flex;
	border: 1px solid;
    justify-content: center;
}
@media (max-width: 992px) {
  .newspreview {
    display: block;
  }
}

@media (max-width: 420px) {
	.mod_newslist .layout_latest {
		padding: 15px;
    }

}

.pagination .previous {
	padding-right: 20px;
}



/* Detailseite */
.mod_newsreader .layout_full h1 {
	color: #990099;
	margin-bottom: 50px;
}
.mod_newsreader .ce_text .image_container.float_above, .mod_newsreader .ce_text .image_container.float_left  {
    margin-top: 0px !important;
    position: relative;
    max-width: 35%;
    margin-right: 30px;
    float: left;
    
}
.mod_newsreader .ce_text .image_container img {
    padding: 0px 60px;
    background-color: #fff;
}
.mod_newsreader .ce_text {
	background-color: #eee;	
}

.mod_newsreader .ce_text a[href$=".pdf"] {
	padding-left: 30px;
    background: url(../../files/img/icons/icon-download.svg) left top no-repeat;
    background-size: 20px;
    display: inline-block;
}

.mod_newsreader p.info {
	right: 15px;
    bottom: 85px;
    margin: 0px;
    z-index: 10;
}
.mod_newsreader p {
	margin: 30px;
}
.newscontent {
  display: flex;
}

.newscontent .ce_image {
 height: auto;
 border: 1px solid #000;
 display: flex;
}
.newscontent .ce_image .image_container, .newscontent .ce_image .image_container img {
  display: flex;
  align-self: center;
    margin: 0px auto;
}
.newscontent .ce_image .image_container {
	padding: 0px 30px;
}

@media (max-width: 992px) {
  .newscontent {
    display: block;
  }
}
@media (max-width: 768px) {
	.mod_newsreader .ce_text .image_container.float_above, .mod_newsreader .ce_text .image_container.float_left {
		width: 100%;
		max-width: 100%;

	}
	.mod_newsreader .ce_text .image_container img {
	   margin: 0px auto;
       display: flex;
       margin-bottom: 30px;
	}
	
}

/*___________________________ News ENDE ______________________________________*/
/*============================================================================*/
/*___________________________ Search START ___________________________________*/


/*Toggler*/

div#search-toggler {
	float: right;
	height: 30px;
	margin-top: 28px;
	padding-right: 60px;
}

div#search-toggler img {
	width: 20px;
}


/*Header Searchbar*/

.search-box {
	float: right;
}

.search-box input[type=submit] {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0;
	background: url(../../files/img/icons/icon-magni.svg) center center no-repeat;
	background-size: 20px;
	text-indent: -9999px;
	border: 0;
	width: 55px;
	padding: 10px 5px;
	height: 48px;
}

.search-box input[type=submit]:hover {
	background-position: center center !important;
}

.search-box input[type=search] {
	box-shadow: none;
	border: 1px solid;
	border-radius: 0;
	height: 45px;
}

.search-box {
	margin-top: 15px;
}

.is-sticky .search-box {
	margin-top: 0;
}

.search-box .widget-text {
	position: relative;
	width: 100%;
	display: inline-block;
	float: right;
	padding-right: 0;
	margin-bottom: 0;
}


/*Page View*/

.mod_search {
	padding: 15px;
	margin-top: 40px;
	height: auto;
	border: 0;
	cursor: pointer;
	overflow: visible;
	transition: all 0.2s ease-in-out;
}

.mod_search .formbody {
	position: relative
}

.mod_search .formbody input[type=submit] {
	position: absolute;
	right: 0;
	top: 0px;
	margin-top: 0;
	background: url(../../files/img/icons/icon-magni.svg) center center no-repeat;
	background-size: 20px;
	text-indent: -9999px;
	border: 0;
	width: 55px;
	padding: 10px 5px;
	height: 46px;
}

.mod_search .formbody input[type=submit]:hover {
	background-position: center center !important;
}

.mod_search .formbody input[type=search] {
	box-shadow: none;
	border: 1px solid;
	border-radius: 0;
	height: 45px;
}
.mod_search #results .row {
	display:flex;
	align-items:center;
}
.mod_search #results .row:nth-child(2n){
	background-color: #d9dadb;
}


/*___________________________ Search ENDE ____________________________________*/
/*============================================================================*/
/*_________________________ Slideout START ___________________________________*/

#slideout-phone,
#slideout-mail {
	position: fixed;
	right: 0;
	background-color: #990099;
	padding: 20px 15px;
	width: 60px;
	height: 70px;
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
	z-index: 21;
	cursor: pointer;
}

#slideout_inner-phone,
#slideout_inner-mail {
	position: fixed;
	right: -300px;
	background-color: #e5e6e6;
	padding: 15px 15px 10px;
	width: 300px;
	min-height: 70px;
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
	box-shadow: 4px 3px 8px 0px #55555552;
}

#slideout-mail,
#slideout_inner-mail {
	z-index: 22;
}

#slideout-phone,
#slideout_inner-phone {
	top: 50%;
}

#slideout-mail,
#slideout_inner-mail {
	top: calc(50% - 75px);
}

#slideout-phone.active,
#slideout-mail.active {
	right: 300px;
}

#slideout-phone.active #slideout_inner-phone,
#slideout-mail.active #slideout_inner-mail {
	right: 0;
}

#slideout_inner-phone p,
#slideout_inner-mail p {
	margin-bottom: 10px
}

#slideout_inner-phone a,
#slideout_inner-mail a {
	font-size: 30px;
}

#slideout_inner-phone a:hover,
#slideout_inner-mail a:hover {
	text-decoration: none;
	color: inherit;
}


/*___________________________ Slideout ENDE __________________________________*/
/*============================================================================*/
/*___________________________ Download START _________________________________*/

.service .tableform select {
	padding: 10px;
}

.service .ce_downloads {
	padding-left: 10px;
}

.service .ce_downloads li {
	list-style: none;
}

.ce_downloads ul {
	padding-left: 20px;
}

.service .ce_downloads img.mime_icon {
	display: none;
}

.service .ce_downloads a {
	padding: 5px 0 5px 45px;
	background: url(../../files/img/icons/icon-download.svg) left top no-repeat;
	background-size: 25px;
	display: inline-block
}


/*___________________________ Download ENDE __________________________________*/
/*============================================================================*/
/*_____________________________ GMaps START __________________________________*/

.placeholder {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	background-color: #f6f6f6;
}



.placeholder p {
	position: relative;
	max-width: 250px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	background-color: #990099;
	color: white;
	box-shadow: 1px 3px 10px #00000066;
}

.placeholder iframe,
.placeholder.iframe_visible p {
	display: none;
}

.placeholder.iframe_visible {
	background-color: transparent;
}

.placeholder.iframe_visible iframe {
	display: block;
}

/*____________________________ GMaps ENDE ____________________________________*/
/*============================================================================*/
/*_____________________________ xxxx START ___________________________________*/


/*-------------------------------TEMP------*/

li.active.submenu:hover>span.active.submenu+ul.level_2 {
	display: block;
}


/* - var 2 */

nav ul li:hover>ul {
	display: block;
}

nav ul ul {
	padding: 0;
	display: none;
	width: 100vw;
	position: absolute;
	top: 70px;
	left: 0px;
}

.kachel-img img {
	min-width: 100%;
	object-fit: cover;
	height: 500px;
}

#unternehmen-kacheln .ce_text {
	height: 500px;
	padding: 50px 100px !important;
}

.kachel:hover,
.kachel-wrapper:hover {
	background-color: #ddd;
}


/* Markus TEMP */

iframe {
	max-width: 100%;
}


/*___________________________Media Queries START______________________________*/

@media (max-width: 1440px) {
	.only-desktop {
		display: none;
	}
	#footer nav ul {
		padding: 0;
	}
	#footer .level_1 li a {
		font-size: 18px
	}
}

@media (min-width: 1025px) and (max-width: 1440px) {
	.mod_changelanguage.pad50lr {
		padding-left: 25px;
		padding-right: 25px;	
	}
}

@media (max-width: 1200px) {
	.carousel .caption {
		width: 275px;
		right: -270px;
	}
}

@media (max-width: 1225px) {
	/* html:lang(de) */ nav#mainmenu .level_1 li {
    		margin-right: 19px;
	}	
}

@media (max-width: 1100px) {
	.accordeon-sub-item {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.accordeon-item-header-image {
		position: initial;
		padding-bottom: 30px;
	}
	.carousel .caption h1 {
		font-size:20px;
	}
	.carousel .caption li	{
		font-size:16px;
	}
}

@media (max-width: 1024px) {
	p,
	a,
	td,
	tr,
	th,
	span,
	ul,
	li {
		font-size: 16px;
	}
	.nomob {
		display: none;
	}
	.mobonly {
		display: block;
	}
	#unternehmen-kacheln .ce_text {
		padding: 50px !important;
	}
	.header-logo {
		padding-left: 0! important;
	}
	.kachel {
		padding: 10px 5px !important;
	}
	h1,
	h2 {
		font-size: 22px;
		letter-spacing: 1px;
	}
	#header.is-sticky .header-logo img {
		margin: 0 !important;
		max-height: 50px;
	}
	#main .inside {
		padding: 10px;
	}
	.ce_accordion:nth-child(3) .ui-accordion-header .hoverimagewrap,
	.ce_accordion:nth-child(3) .ui-accordion-header.ui-state-hover .hoverimagewrap {
		background-size: contain;
	}
	.carousel .caption {
		top: 540px;
		min-height: 185px;
		width: calc(100% - 60px);
		right: 0;
		margin: 0 30px;	
	}
	.konstruktion-animiert {
		left: 50%;
		transform: translate(-50%);
	}
	
	/** fadeInBottom **/
	@-webkit-keyframes fadeInBottom {
		from {
			opacity:0;
			-webkit-transform: translatey(-10px);
			-moz-transform: translatey(-10px);
			-o-transform: translatey(-10px);
			transform: translatey(-10px);
		}
		to {
			opacity:1;
			-webkit-transform: translatey(0);
			-moz-transform: translatey(0);
			-o-transform: translatey(0);
			transform: translatey(0);
		}
	}
	@-moz-keyframes fadeInBottom {
		from {
			opacity:0;
			-webkit-transform: translatey(-10px);
			-moz-transform: translatey(-10px);
			-o-transform: translatey(-10px);
			transform: translatey(-10px);
		}
		to {
			opacity:1;
			-webkit-transform: translatey(0);
			-moz-transform: translatey(0);
			-o-transform: translatey(0);
			transform: translatey(0);
		}
	}
	@keyframes fadeInBottom {
		from {
			opacity:0;
			-webkit-transform: translatey(-100px);
			-moz-transform: translatey(-100px);
			-o-transform: translatey(-100px);
			transform: translatey(-100px);
		}
		to {
			opacity:1;
			-webkit-transform: translatey(0);
			-moz-transform: translatey(0);
			-o-transform: translatey(0);
			transform: translatey(0);
		}
	}
	.in-left {
		-webkit-animation-name: fadeInBottom;
		-moz-animation-name: fadeInBottom;
		-o-animation-name: fadeInBottom;
		animation-name: fadeInBottom;
	}
}

@media (max-width: 1154px) {

	nav#mainmenu {
		display: none;
	}
	.mmenu {
		display: inline-block;
	}

}

@media (min-width: 768px) {
	#search-toggler {
		display: none;
	}
}

@media (max-width: 768px) {
	.kachel-wrapper {}
	#header img {
		margin-left: 0;
	}
	.kachel-wrapper {
		width: calc(50% - 20px);
		margin-bottom: 20px;
	}
	#unternehmen-kacheln .ce_text {
		padding: 25px !important;
	}
	.margin80b {
		margin-bottom: 40px;
	}
	.pad80t {
		padding-top: 40px;
	}
	.pad80b {
		padding-bottom: 40px;
	}
	.pad100t {
		padding-top: 50px;
	}
	.pad100b {
		padding-bottom: 50px
	}
	.konstruktion {
		height: 600px;
	}
	.kachel-konstruktion {
		right: 70px;
		top: 140px;
	}
	div#kugelhaehne .ui-accordion-item-wrapper {
		width: 100% !important;
		margin: 0;
	}
	.font60 {
		font-size: 20px !important;
		line-height: 30px !important;
	}
	p.info {
		display: inline-block;
		position: unset;
	}
	.tabpad {
		padding-left: 0;
		padding-right: 0;
	}
	.textbackground-violet {
		font-size: 22px !important;
		padding: 12px !important;
		margin: 0 !important;
	}
	.ce_revolutionslider .ce_text:nth-child(3) {
		top: 75px !important;
	}
	
}

@media (max-width: 767px) {
	.kachel.kugelhaehne,
	.kachel.kugelhaehne:hover {
		height: 335px;
		border-top: 1px solid black;
	}
	/*	#header.is-sticky .mod_search {
		margin-top: 70px;
	}
	.mod_search {
		margin-top: 85px;
		width: 100%;
		right: 0;
	}*/
	.search-box {
		display: none;
		position: absolute;
		top: 100px;
		width: 100%;
	}
	.is-sticky .search-box {
		top: 70px;
	}
	.language {
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 24px;
	}
	#header.is-sticky div#search-toggler {
		margin-top: 11px;
	}
	.nophone {
		display: none;
	}
	.margin100b {
		margin-bottom: 50px;
	}
	.pad100t {
		padding-top: 50px;
	}
	#erfahrung .ce_text {
		padding: 25px 0;
	}
	#erfahrung img {
		width: 100%;
	}
	#slideout-phone,
	#slideout-mail {
		padding: 10px;
		width: 40px;
		height: 40px;
	}
	#slideout-mail,
	#slideout_inner-mail {
		top: calc(50% - 45px);
	}
	#slideout_inner-phone a,
	#slideout_inner-mail a {
		font-size: 22px;
	}
	#slideout_inner-phone,
	#slideout_inner-mail {
		padding: 5px 15px 5px;
		width: 250px;
		right: -250px;
	}
	#slideout-phone.active,
	#slideout-mail.active {
		right: 250px;
	}
	#unternehmen-kacheln .ce_text {
		height: auto;
	}
}
@media (max-width: 650px) {
	.konstruktion-animiert {
		width:100%;
		background: url(../../files/img/konstruktionBG.jpg) no-repeat;
	}
	.carousel .caption {
		width: calc(100% - 30px);
		right: 0;
		margin: 0 15px;
	}
}

@media (max-width: 450px) {
/*	div#darum-bee,
	div#konstruktion .ce_text {
		padding-left: 20px;
		padding-right: 20px;
	}*/
	.thumbnail.centerimg img {
		width: 40%;
	}
	.sicherheitsamaturen,
	.optionen {
		border-top: 0;
	} 
	.search-box {
		top: 65px
	}
	#startseite-kacheln-quicklinks, 
	#startseite-kacheln-produktlinks, 
	#startseite-linkboxen, 
	#startseite-traceparts, 
	.kachel-img, #service-intro-traceparts {
		padding: 0 15px !important;
	}
	#startseite-traceparts .ce_text, 
	#traceparts .ce_text, 
	#service-intro-traceparts .ce_text {
		padding: 20px 0 !important;
	}
	#startseite-kacheln-quicklinks .kachel {
		padding: 10px !important;
	}
	.mobvisible,
	.mobvisible li {
		display: block !important;
	}
	#produkte-leitfaden .pad100lr,
	#leitfaden .pad100lr,
	#produkte-online-katalog .pad100lr {
		padding: 0;
	}
	#startseite-header {
		margin-bottom: 40px;
	}
	#header {
		height: 90px;
	}
	.custom {
		margin-top: 90px;
	}
	.header-logo {
		width: 70px;
	}
	/*    .w1200 {
        padding: 0 15px !important;
    }*/
	body.qualitaet .ce_text.pad50lr.pull-right {
		padding: 0 50px !important;
	}
	#slideout-mail,
	#slideout-phone {
		display: none;
	}
	.border {
		border: none;
	}
	.kachelgrid {
		border: 1px solid #333;
	}
	h1,
	h2 {
		font-size: 17px;
	}
	#warenrückgabe td {
		min-width: 70px;
	}
	#startseite-kacheln-produktlinks .kachel {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		/*margin-bottom: 15px;*/
	}
	.kachel h1,
	.kachel h2 {
		letter-spacing: 1.05px !important;
	}
	.sicherheitsamaturen {
		border: 1px solid #333;
	}
	.optionen {
		border: 1px solid #333;
		border-top: none;
	}
	.kugelhaehne {
		border: 1px solid #333;
		border-top: none;
		max-height: 250px;
	}
	.sicherheitsamaturen {
		max-height: 250px;
	}
	.optionen {
		max-height: 250px;
	}
	.kachel-wrapper {
		width: 100%;
		margin: 0;
		border: 1px solid #333;
		margin-bottom: 15px;
	}
	.kachel-wrapper h1,
	.kachel-wrapper h2 {
		font-size: 22px;
	}
	.footer-copyright p {
		padding-top: 6px;
		font-size: 14px;
	}
	.ce_accordion {
		padding: 0;
	}
	.ce_revolutionslider,
	.rs-container,
	.banner {
		min-height: 150px !important;
	}
	.banner img {
		height: 100% !important;
	}
	#startseite-traceparts {
		background-color: white;
	}
	.ui-accordion-header {
		min-height: 150px;
	}
	.ui-accordion-header:before {
		right: 10px;
		bottom: 0;
		top: initial;
	}
	.ui-accordion-content {
		margin-left: 0;
		width: 100%;
	}
	.ui-accordion-header>div {
		height: 127px;
	}
	.slide .caption {
		left: 0px !important;
	}
	.startseite .ce_revolutionslider .ce_text:nth-child(2) {
		top: 85px !important;
	}
	.startseite .ce_revolutionslider .ce_text:nth-child(3) {
		top: 100px !important;
	}
	
	.tp-simpleresponsive .caption,
	.tp-simpleresponsive .tp-caption {
		left: 30px !important;
	}
	#erfahrung *,
	#kontakt-ansprechpartner * {
		padding: 0 !important;
	}
	#article-95 * {
		padding: 0;
	}
	#article-95 h1 {
		padding-top: 15px;
	}
	#erfahrung .ce_image {
		margin-bottom: 15px;
	}
	.traceparts,
	.oxomi {
		border: 1px solid #333;
	}
	.mod_customnav li:nth-child(n+2) {
		display: none;
	}
	.justphone li {
		display: block !important;
		margin-bottom: 10px;
	}
	#kontakt-kontaktformular h1 {
		margin-bottom: 15px;
	}
	.widget-text, .widget-select {
		padding: 0 !important;
		width: 100%;
	}
	.submit_container input {
		max-width: 100%;
	}
	#footer nav ul {
		padding: 0;
	}
	.kachel-konstruktion.border {
		width: 75%;
		right: 50px;
		padding: 25px !important;
		border: 1px solid;
	}
	.layout_latest {
		margin-bottom: 50px;
	}
	.layout_latest img {
		margin-bottom: 15px;
	}
	.start-slider-text h2 {
		font-size: 14px !important;
	}
	.layout_full .ce_text {
		padding: 15px 0;
	}
	.ce_revolutionslider_video.fullscreenvideo.caption.tp-caption {
		left: 0 !important;
	}
	.konstruktion-animiert {
		background-position: -40px 0;
	}
	#carousel-1 .button-large {
		left: 195px;
	}
	#carousel-2 .button-large {
		left: 236px;
	}
	#carousel-3 .button-large {
		left: 299px;
	} 
	#carousel-4 .button-large {
		left: 284px;
	}   
	#carousel-5 .button-large {
		left: 203px;
	}   
	#carousel-6 .button-large {
		left: 126px;
	}
	.career .hoverimagewrap {
		display: none;
	}
	.career .ui-accordion-item-wrapper {
		margin-left: 0;
		width: 100%;
	}
	.career .ui-accordion-content {
		margin-top: 0;
	}
}

@media (max-width: 425px) {
	.mpad {
		padding-left: 0;
		padding-right: 0;
	}
	.mpull-left {
		float: right;
	}
	.mpull-right {
		float: left;
	}
	#unternehmen-kacheln .ce_text,
	#unternehmen-kacheln .kachel-img img {
		height: auto;
	}
	#unternehmen-kacheln .ce_text {
		padding: 25px !important;
	}
	.margin180b {
		margin-bottom: 40px;
	}
	.pad100b {
		padding-bottom: 20px;
	}
	.font60 {
		font-size: 18px !important;
	}
	#startseite-traceparts .border {
		border: 1px solid black;
	}
}
@media (max-width: 375px) {
	.mod_sitemap .submenu {
			width: 100%;
		}
	.language {
		padding-left:0;
		padding-right:20px;
	}
	.konstruktion-animiert {
		background-size: 500px;
		background-position: -20px 0;
		height: 620px;
	}
	.carousel .caption {
		top: 406px;
	}
	#carousel-1 .button-large {
		top: 130px;
		left: 147px
	}
	#carousel-2 .button-large {
		top: 169px;
		left: 188px;
	}
	#carousel-3 .button-large {
		top: 178px;
		left: 251px;
	} 
	#carousel-4 .button-large {
		top: 229px;
		left: 222px;
	}   
	#carousel-5 .button-large {
		top: 205px;
		left: 155px;
	}   
	#carousel-6 .button-large {
		top: 203px;
		left: 96px;
	} 
}

@media (max-width: 325px) {
	.font60 {
		font-size: 16px !important;
	}

	.tp-simpleresponsive .caption, 
	.tp-simpleresponsive .tp-caption {
		left: 15px !important;
	}
	.textbackground-violet {
		font-size: 16px !important;
		padding: 12px !important;
		margin: 0 !important;
	}
	.startseite .kachel a,
	.startseite-58 .kachel a {
		font-size: 14px;
	}
}

.sicherheitsamaturen,
.optionen {
	border-top: 0;
} 

/*___________________________Media Queries ENDE_______________________________*/
/*============================================================================*/

/* --------------- Paul ---------------- */

a.small_subheadline {
	font-size: 14pt;
}

.mod_changelanguage li {
	list-style-type: none;
	display: inline;
}

.mod_changelanguage li:first-child:after {
	content: ' |'
}

.submenu,
.active .submenu {
	padding-bottom: 42px;
}

nav#mainmenu .level_1 li {
	line-height: 1.8em;
	font-weight: normal;
}

nav#mainmenu .level_1 li::after {
	content: none;
}


/* Mario */

@media (max-width: 768px) {
	#main .inside {
		padding: 0;
	}
	.kachel.optionen {
		background-size: 210px;
	}
	.kachel.optionen:hover {
		background-size: 210px;
	}
	#startseite-kacheln-produktlinks .kachel {
		padding-left: 20px !important;
	}
	.ui-accordion-icons .col-xs-8 {
		padding-left: 0px;
	}
	.mod_search {
		padding:15px 30px;
	} 
	.mod_search #results .row {
		flex-direction:column;
	}
	.mod_search #results .row a{
		font-size:18px;
	}
	.productId {
		border-bottom:1px solid black;
		padding:15px;
		
	}
	.resultcontent {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.resultcontent a:after {
		content: ' ';
		background: url(../../files/img/icons/icon-download.svg) left top no-repeat;
		position: absolute;
		left: 80%;
		display: inline-block;
		width: 22px;
		height: 22px;
		background-size: auto;
	}
	.productId [aria-expanded='true']:after{
		content: '>';
		font-size: 40px;
		font-weight:200;
    		position: absolute;
    		left: 75%;
    		display: inline-block;
    		width: 22px;
    		height: 22px;
    		background-size: auto;
		top: 22px;
    		left: calc(75% + 18px );
		transform: rotate(90deg);
    		transition: all 0.2s ease-in-out;
	}
	.productId [aria-expanded='false']:after{
		content: '>';
    		font-size: 40px;
		font-weight:200;
    		position: absolute;
    		left: 75%;
    		display: inline-block;
    		width: 22px;
    		height: 22px;
    		background-size: auto;
    		top: 0;
		transition: all 0.2s ease-in-out;
	}

}

.kachel--preisliste {
  min-height: 0 !important;
}

.kachel--preisliste a {
  color: #fff !important;
}


/* --------------- Marcel ---------------- */
#ansprechpartner {
	overflow: visible;
}
/*Farben auf der Seite
|  #58585A - grey
|  #e5e6e6 - lightergrey
|  #d9dadb - lightgrey
|  #8e1c80 - violet
/*==========================================================================*/


/*_____________________________new__________________________*/

.item-wrapper {
    /*	background-color:#e5e6e6;	padding:15px;	*/
    padding: 0;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lifted {
    box-shadow: 0 0 0 3px #9e319a;
    margin-bottom: 50px;
    margin-top: 10px;
}

.product-info {
    padding: 15px;
    background: #e5e6e6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
}

.top {
    margin-bottom: 15px;
}

.bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: auto;
    width: 100%;
}

.product-name {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 0;
    font-size: 18px;
    text-transform: none !important;
    font-weight: bold;
}

.product-id {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    color: #b1b1b1;
    font-weight: bold;
}

.product-description_short {
    margin-bottom: 15px;
    font-size: 18px;
}

.product-logo-traceparts {
    width: 110px;
    margin-top: 10px;
}

.more {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: bold;
}

.variant {
    font-weight: bold;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.size,
span.price,
span.configuratorLink,
span.moreLink {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
    background-color: #8e1c80;
    color: white;
}

span.configuratorLink a,
span.configuratorLink a:focus,
span.configuratorLink a:active,
span.configuratorLink a:hover,
span.configuratorLink a:visited,
span.moreLink a,
span.moreLink a:focus,
span.moreLink a:active,
span.moreLink a:hover,
span.moreLink a:visited
{
    color: white;
}

.configuratorentry {
    margin-top: 40px;
}

.lbm {
    font-size:18px;
}

.product-thumbnail {
    background: #e5e6e6;
    padding: 15px;
}

.product-sheet {
    display: flex;
    flex-direction: column;
    background: #e5e6e6;
    padding: 15px;
    border-left: 5px solid white;
}

.product-sheet .collapseCert:after {
    content: '-';
    float: right;
    padding-right: 9px;
}

.product-sheet .collapsed.collapseCert:after {
    content: '+';
    padding-right: 7px;
}

.product-sheet .sheet:after {
    content: ' ';
    background: url(../../files/img/icons/icon-download.svg) left top no-repeat;
    float: right;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: auto;
}

.product-sheet .sheet {
    color: #8e1c80;
}


.product-document-icons {
    margin-top: 10px;
}

.product-document-icons-header {
    font-size: 18px;
    font-weight: bold;
    color: rgb(142, 28, 128);
    margin-bottom: 5px;
    min-width: 200px;
}

.product-document-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.product-document-icons a.sheet {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

.product-document-icon {
    width: 40px;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
}

.product-traceparts {
    display: none;
}

/*TEMP*/

.product-thumbnail img {
    border: solid 1px black;
    max-width: 100%;
    height: auto;
    display: block;
}

.text-primary {
    color: #990099;
}

a {
    text-decoration: none !important;
}

.loading {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loading.show {
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/* center first step */

#step1 .flex-row {
    justify-content: center;
}

.mb-100 {
    margin-bottom: 100px;
}

.steps-wrapper {
    border: 0;
    border-radius: 0;
    min-height: 0;
    position: relative;
    background-color: #e5e6e6;
}

.steps-wrapper .dots {
    float: right;
}

.steps-wrapper .dots>* {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    background-color: #888;
    border-radius: 50%;
}

.steps-wrapper .dots>*.active {
    background-color: #990099;
}

.step .btn-reset {
    margin-top: 30px;
    float: right;
    border-radius: 0;
}

.btn-secondary {
    margin-top: 30px;
    padding: 9px 12px;
    outline: none !important;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-primary {
    background-color: #990099;
    border-color: #990099 !important;
    outline: none !important;
    border-radius: 0;
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    margin-top: 30px;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 12px;
}

.btn-primary:before {
    content: '>';
    margin-right: 10px;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:visited {
    background-color: #710071 !important;
    border-color: #710071 !important;
}

.step hr {
    border-color: #000;
}


/* filter */

.resultswrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: stretch;
}

/* Fix for Firefox: flex items need min-width: 0 to shrink below content width */
.resultswrapper > div:not(.filterwrapper) {
    min-width: 0;
    flex: 1;
}

.filterwrapper {
    border: 0;
    border-radius: 0;
    position: relative;
    background-color: #e5e6e6;
    overflow: visible !important;
    max-height: none !important;
    min-width: 250px;
    width: 250px;
    flex-shrink: 0;
    padding: 15px;
    align-self: stretch;
}

.filterwrapper p {
    font-size: 16px;
}

.filterwrapper label {
    font-size: 14px;
    font-weight: normal;
}

.filter-title {
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
}


/* custom inputs */

.input-image-label {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 300px;
    margin-bottom: 30px;
}

.input-image-label input,
.custom-radio input,
.custom-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.input-image-label label {
    position: relative;
    cursor: pointer;
    border: 2px solid #000;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

.input-image-label label>* {
    position: relative;
    z-index: 1;
    padding: 15px;
    display: block;
}

.input-image-label label img {
    margin: 0 auto;
}

.input-image-label label .label-title {
    z-index: 3;
    color: #000;
    border-top: 2px solid #000;
    margin-top: auto;
}

.input-image-label label .label-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background-color:#990099;*/
    opacity: 0;
    z-index: 2;
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
}

.input-image-label label:hover .label-title {
    background-color: #990099;
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
}

.input-image-label input:checked+label .label-layer,
.input-image-label label:hover .label-layer {
    opacity: 0.5;
}

.input-image-label input:checked+label .label-title,
.input-image-label label:hover .label-title {
    color: #fff;
}

.custom-radio label,
.custom-checkbox label {
    position: relative;
    padding-left: 25px;
    margin: 5px 0;
    cursor: pointer;
}

.custom-radio label:after,
.custom-checkbox label:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #e5e6e6;
    box-shadow: 0px 0px 0px 1px #000;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
}

.custom-checkbox label:after {
    border-radius: 0;
}

.custom-radio input:checked+label:after,
.custom-checkbox input:checked+label:after {
    background-color: #000;
}

input[type='text'] {
    border: 1px solid #888;
    color: #000;
    padding: 8px 15px;
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    height: 40px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #888;
    color: #000;
    padding: 8px 15px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.select-styled:active:after,
.select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #000 transparent;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #888;
    max-height:300px;
    overflow: auto;
    list-style: none;
}

.select-options li {
    margin: 0;
    padding: 5px 20px;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    position: relative;
    outline: none !important;
    font-size: 17px;
}

.select-filter input {
    padding: 5px 20px !important;
    font-size: 17px !important;
}

li.app-select__option, .app-select__option span {
    padding: 5px 20px !important;
    font-size: 17px;
}

input.app-select__filter {
    font-size: 17px !important;
    padding: 5px 20px !important;
}

.app-select__options {
    max-height: 300px !important;
}

/* .select-options li:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
} */

.select-options li:before {
  display: none !important;
}

.select-options li:hover, .select-options li:focus {
    color: #888;
    background: #fff;
}

.select-options li:hover:before, .select-options li:focus:before {
    background: #888;
}

.select-filter {
  position: sticky;
  top: 0;
  z-index: 5;
}

.select-filter input {
  width: 100%;
  display: block;
  background: #c8c8c8;
  outline: none !important;
  border: none;
  border-radius: 0;
  padding: 10px 20px;
  font: inherit;
  color: #000 !important;
  border: none !important;
}

.select-filter input::placeholder {
  color: #787878 !important;
}

.select-filter-highlight {
  font-weight: bold;
  background: none;
  color: inherit;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  padding: 0 !important;
}

input[type='text'],
.select,
.step .btn-next {
    width: 220px;
}

.option-placeholder,
.btn-edit,
.btn-reset,
.btn-search {
    display: none;
}

.container {
    min-height: 900px;
}

#lieferprogramm {
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width:767px) {
    .product-thumbnail img {
        max-width: 200px;
        margin: 0 auto 15px 0;
    }
    .bottom {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .price,
    .size {
        margin-left: 0;
        /*margin-top: 10px;*/
    }
    .variant {
        margin-bottom: 10px;
    }
    .product-sheet {
        flex-direction: row;
        border: none;
    }
    .product-sheet .sheet,
    .product-sheet .collapseCert {
        padding: 15px;
    }
    .product-sheet .collapseCert:after {
        padding-left: 5px
    }
    .product-sheet .sheet:after {
        display: none;
    }
    /* Filter above results on mobile */
    .resultswrapper {
        flex-direction: column;
    }
    .filterwrapper {
        width: 100%;
        min-width: 100%;
        order: -1;
        margin-bottom: 20px;
    }
}

@media (min-width:768px) {
    input[type='text'],
    .select,
    .step .btn-next {
        width: 320px;
    }
}

@media (max-width:991px) {
    .product-sheet .sheet:after {
        display: none;
    }
}

@media (min-width:1200px) {
    .container {
        min-height: 900px;
        width: 1000px;
    }
}

@media (min-width:1900px) {
    .filterwrapper {
        position: fixed;
        z-index: 100;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 280px;
    }
}

@media (max-width: 690px) {
    .container {
        min-height: 1005px;
    }
}

@media (max-width: 450px) {
    .container {
        min-height: 1105px;
    }
}

/* No filter results message */
.no-filter-results {
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 16px;
    background: #f9f9f9;
    border-radius: 4px;
    margin: 20px 0;
}

.no-filter-results p {
    margin: 0;
}