.font-base-smartphone {
  font-family: StoneSansMedium, sans-serif;
  font-size: 15px;
  line-height: 20px;
}
#content article picture,
#content .teaser-box picture,
#content article img,
#content .teaser-box img {
  width: 100%;
}
#content video::-webkit-media-controls {
  display: none !important;
}
#content video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
#content .video-animation {
  display: block;
  height: auto;
  width: 100%;
  margin: 0 auto;
  transform: translate3d(0, 0, 0);
}
#content .vc_col-sm-6 .video-animation {
  max-width: 270px;
}
#content .init.is-hidden {
  display: none;
}
#content .load-more--button,
#content .load-more--filter {
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  padding: 6px;
  width: 100%;
  max-width: 180px;
  display: block;
  text-align: center;
  color: #b1b2b3;
  border: 1px dotted #919191;
  margin: 20px 0 40px 0px;
}
#content .post-wrap {
  border-bottom: 1px dotted #919191;
}
#content .post-wrap.latest,
#content .post-wrap:last-child {
  border-bottom: none;
}
#content .post-wrap.latest {
  position: relative;
}
#content .post-wrap.latest:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  left: -10px;
  right: -10px;
  bottom: 0;
  background: #ececec;
}
#content .post-wrap article[data-class="static"] {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  transition-property: opacity !important;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0.6s !important;
}
#content .ajax {
  position: relative;
  display: none;
}
#content .ajax .post-wrap {
  display: none;
}
#content .ajax .post-wrap.is-visible {
  display: block;
}
#content .ajax .post-wrap--title {
  text-align: right;
  padding-right: 70px;
}
@media (max-width: 520px) {
  #content .ajax .post-wrap--title {
    font-size: 16px;
    padding-right: 60px;
  }
}
#content .clearFilter {
  position: absolute;
  top: -1px;
  right: 0;
  padding: 25px;
}
#content .clearFilter i {
  font-size: 30px;
}
#content .clear-filter-text {
  cursor: pointer;
}
#content .tag-active .post-wrap {
  border-bottom: none;
}
#content .tag-active .post-wrap:before {
  display: none;
}
#content .tag-active .post-wrap .post-container,
#content .tag-active .post-wrap .post-container .row-2-left,
#content .tag-active .post-wrap .post-container .row-center,
#content .tag-active .post-wrap .post-container .row-2-right {
  overflow: visible !important;
}
#content .tag-active .post-wrap--title {
  display: none;
}
#content .stories-wrap {
  overflow: hidden;
}
#content .post-wrap--title {
  font-family: StoneSansMedium, sans-serif;
  font-size: 20px;
  line-height: 30px;
  padding: 25px 35px;
  display: block;
}
#content .oplab-section {
  overflow: hidden;
}
#content .oplab-section--title {
  font-family: StoneSansMedium, sans-serif;
  font-size: 22px;
  line-height: 30px;
  padding: 25px 35px;
  display: block;
}
#content .post-container {
  overflow: hidden;
}
#content .layer {
  box-sizing: border-box;
  overflow: hidden;
  padding: 2vw 35px;
  position: absolute;
  width: 100%;
  /*&.layer-white {
			background-color: fade(#ffffff, 45%);
		}
		&.layer-black {
			background-color: fade(#000000, 45%);
		}*/
}
#content .layer.layer-top {
  top: 5px;
}
#content .layer.layer-bottom {
  bottom: 0;
}
#content .teaser-box {
  margin-bottom: 20px;
  position: relative;
}
#content .teaser-box .layer {
  padding: 15px 10px;
}
#content .teaser-box.box-border-dotted .layer {
  background: transparent;
  border: 1px dotted #ffffff;
  bottom: 6.77vw;
  left: 6.77vw;
  min-height: 0;
  padding: 6.25vw 1.56vw 2.6vw;
  right: 6.77vw;
  width: auto;
}
#content .teaser-box .caption,
#content .wpb_text_column .caption {
  font-size: 12px;
  line-height: 1.44;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#content .teaser-box.caption-right .caption,
#content .wpb_text_column.caption-right .caption {
  text-align: right;
}
#content .teaser-box.caption-left .caption,
#content .wpb_text_column.caption-left .caption {
  text-align: left;
}
#content .teaser-headline,
#content .teaser-copytext {
  color: #4c4c4c;
  font-family: StoneSansMedium, sans-serif;
}
#content .teaser-headline {
  font-size: 6.25vw;
  line-height: 7.81vw;
}
#content .teaser-copytext {
  display: none;
}
#content .teaser-copytext p:last-child {
  margin-bottom: 0;
}
#content .teaser-copytext-mobile {
  margin-top: 25px;
  padding: 0 10px;
}
#content .teaser-copytext-mobile p {
  font-family: StoneSansMedium, sans-serif;
  font-size: 15px;
  line-height: 20px;
}
#content .image-wrapper,
#content .editorial {
  display: block;
  position: relative;
}
#content .editorial {
  margin-bottom: 20px;
  background: #ffffff;
  z-index: 1;
}
#content .editorial a {
  text-decoration: none;
}
#content .editorial .teaser-copytext {
  display: block;
  margin-top: 5px;
}
#content .editorial a:hover h2 {
  text-decoration: underline;
}
#content .video-wrapper {
  position: relative;
}
#content .video-wrapper .video {
  width: 100%;
  /*&:before {
				position: absolute;
				left: 50%;
				top: 50%;
				margin-top: -25px;
				margin-left: -25px;
				padding: 0 8px 0 11px;
				width: 41px;
				height: 60px;
				line-height: 60px;
				font-size: 36px;
				text-align: center;
				color: @color-white;
				border: 1px solid @color-white;
				border-radius: 50%;
			}
			&.fa-caret-right:before {
				font-size: 44px;
				padding: 0 5px 0 11px;
				width: 44px;
				color: @color-grey-light;
				background-color: rgba(0,0,0,0.45);
				border: none;
				top: 55%;
			}*/
}
#content .video-wrapper .video:before,
#content .video-wrapper .video.cpb .cpb_text {
  background: url('../images/icons/button_video_play_grau.png') no-repeat center center;
  background-size: 50px 50px;
  content: "";
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 1000;
}
#content .video-wrapper .video.white:before {
  background-image: url('../images/icons/button_video_play_weiss.png');
}
#content .video-wrapper .video.cpb:before {
  display: none;
}
#content .video-wrapper .video.cpb .cpb_text {
  background-size: 50px;
  margin-left: 0;
  margin-top: 0;
  width: auto;
  display: block;
  position: absolute;
  height: 0;
  color: #b0b1b3;
  font-family: StoneSansMedium, sans-serif;
  padding-top: 70px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
}
#content .video-wrapper .video.cpb.tl .cpb_text {
  top: 30px;
  left: 0;
}
#content .video-wrapper .video.cpb.bl .cpb_text {
  bottom: 40px;
  left: 0;
  top: initial;
}
#content .video-wrapper .video.cpb.tr .cpb_text {
  top: 30px;
  right: 0;
  left: initial;
}
#content .video-wrapper .video.cpb.br .cpb_text {
  bottom: 40px;
  left: initial;
  top: initial;
  right: 0;
}
#content .filter-wrapper {
  overflow: hidden;
}
#content .filter-wrapper a {
  color: #919191;
  display: inline-block;
  font-family: StoneSansMedium, sans-serif;
  font-size: 12px;
  padding: 0 5px;
  text-decoration: none;
}
#content .filter-wrapper a.category {
  background-color: #efefef;
  border: 1px solid #efefef;
}
#content .filter-wrapper a.tag {
  border: 1px dotted #919191;
}
#content .filter-wrapper a:hover {
  background-color: #919191;
  border-color: #919191;
  color: #ffffff;
}
#content article .social-media-buttons {
  padding: 10px 0;
  position: relative;
  z-index: 1;
}
#content article .tags {
  list-style: none;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
#content article .tags li {
  display: inline-block;
  margin-right: 3px;
}
#content article .tags a {
  text-decoration: none;
  color: #919191;
  font-size: 16px;
  line-height: 1.3;
}
#content .vc_row {
  margin: 0 !important;
}
#content .vc_column-inner {
  padding: 0 !important;
}
#content .wpb_start_animation {
  animation-timing-function: cubic-bezier(0.75, 0.15, 0.5, 1.3);
  animation-duration: 1s;
}
#content .vc_row .social-media-buttons {
  margin-left: 10px;
  margin-bottom: 30px;
  position: relative;
}
#content .vc_row .social-media-buttons img.qr-code {
  left: 0;
}
#content .vc_separator {
  padding-bottom: 55px;
  margin-bottom: 0;
  position: relative;
}
#content .vc_separator .section-title {
  color: #4c4c4c;
  font-family: StoneSansMedium, sans-serif;
  font-size: 15px;
  line-height: 20px;
  left: 10px;
  padding: 0;
  position: absolute;
  top: 15px;
}
#content .vc_separator .vc_sep_line {
  border-top: 1px dotted #919191;
}
#content .vc_col-sm-6 .vc_separator .vc_sep_line {
  border-top-color: transparent;
}
#content .wpb_raw_code {
  margin-bottom: 20px;
}
#content .image-wrap--left.vc_col-sm-8 {
  padding: 0 8px 0 0 !important;
}
#content .image-wrap--right.vc_col-sm-4 {
  padding: 0 0 0 14px !important;
}
#content .image-wrap--left.vc_col-sm-4 {
  padding: 0 14px 0 0 !important;
}
#content .image-wrap--right.vc_col-sm-8 {
  padding: 0 0 0 8px !important;
}
#content .wpb_text_column {
  margin-bottom: 25px;
}
#content .wpb_text_column p {
  font-family: StoneSansMedium, sans-serif;
  font-size: 15px;
  line-height: 20px;
  /*strong {
				font-size: 17px;
				font-weight: normal;
			}*/
}
#content .wpb_text_column h5 {
  margin-top: 40px;
}
#content .wpb_text_column.text-large p {
  font-size: 19px;
  line-height: 26px;
}
#content .wpb_text_column blockquote {
  font-style: normal;
}
#content .wpb_text_column blockquote p {
  font-size: 21px;
  line-height: 34px;
}
#content .wpb_text_column blockquote p .text-small {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 25px;
  position: relative;
}
#content .wpb_text_column blockquote p .text-small:before {
  position: absolute;
  left: 5px;
  content: "—";
}
#content .wpb_text_column h2,
#content .wpb_text_column h3,
#content .wpb_text_column h4,
#content .wpb_text_column h5,
#content .wpb_text_column h6 {
  margin-bottom: 20px;
}
#content .wpb_text_column.box-border-dotted {
  border: 1px dotted #4c4c4c;
  padding: 10px;
}
#content .wpb_text_column.box-border-dotted h2 {
  margin: 5px 0;
}
#content .wpb_text_column.box-border-dotted h5 {
  margin: 0;
}
#content .wpb_text_column.grey-box {
  background: #f3f3f3;
  padding-top: 20px;
  padding-bottom: 20px;
}
#content .vc_col-sm-5:last-child {
  max-width: 593px;
}
#content .vc_col-sm-5 .grey-box .wpb_wrapper {
  max-width: 560px;
}
#content .vc_col-sm-4 .wpb_text_column {
  padding: 0 10px;
}
#content .wpb_single_image {
  margin-bottom: 25px;
}
#content .wpb_single_image .vc_figure-caption {
  font-size: 15px;
  line-height: 1.44;
  margin-top: 15px;
}
#content .vc_col-sm-3 .wpb_single_image,
#content .vc_col-sm-4 .wpb_single_image,
#content .vc_col-sm-6 .wpb_single_image {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}
#content .image-wrapper-custm {
  position: relative;
}
#content .image-wrapper-custm .text-layer {
  border: 1px dotted #919191;
  padding: 1%;
  position: absolute;
}
#content .image-wrapper-custm .text-layer.text-layer-big {
  font-size: 3.91vw;
  line-height: 4.3vw;
}
#content .image-wrapper-custm .text-layer.text-layer-huge {
  font-size: 6.15vw;
}
#content .contact-box {
  background: #757575;
  color: #ffffff;
  margin-bottom: 20px;
  margin-left: 0 !important;
  padding: 40px 10px;
}
#content .contact-box a {
  color: #ffffff;
  text-decoration: none;
}
#content .contact-box a:hover {
  text-decoration: underline;
}
#content .contact-box p {
  font-size: 19px;
  line-height: 26px;
  margin-bottom: 20px;
}
#content .contact-box p:last-child {
  margin-bottom: 0;
}
#content .contact-box .contact-box--url {
  font-size: 19px;
  line-height: 26px;
  margin-top: 20px;
}
#content .contact-box .contact-box--url a {
  text-decoration: underline;
}
#content .list-downloads a,
#content .list-links a {
  text-decoration: none;
}
#content .list-downloads a:hover,
#content .list-links a:hover {
  text-decoration: underline;
}
#content .related-articles .row-center article {
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  vertical-align: top;
}
#content .related-articles .row-center article .image-wrapper {
  display: inline-block;
}
#content .related-articles .row-center article .layer {
  padding: 1.5vw 35px;
  min-height: 33%;
}
#content .related-articles .row-center article.square .layer {
  min-height: 20%;
}
#content .related-articles .tags a {
  font-size: 15px;
}
#content .related-articles .teaser-headline {
  font-size: 18px;
  line-height: 1.25;
}
#content .related-articles .square .teaser-headline {
  font-size: 18px;
}
#content #related-posts {
  overflow: hidden;
}
#content #related-posts .post {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
#content #related-posts .post .post-thumbnail img {
  width: 100%;
}
#content #related-posts .post .post-title {
  bottom: 30px;
  color: #ffffff;
  font-size: 19px;
  left: 30px;
  line-height: 26px;
  position: absolute;
}
#content .box-grey {
  background-color: #919191;
  color: #ffffff;
  padding: 0 10px;
}
#content .box-grey.box-grey-first {
  padding-top: 20px;
}
#content .box-grey.box-grey-last {
  padding-bottom: 20px;
  margin-bottom: 20px !important;
}
#content .box-grey .wpb_text_column {
  margin: 0;
}
#content .vc_col-sm-3 {
  margin-bottom: 40px;
  text-align: center;
}
#content .vc_col-sm-3 .wpb_single_image {
  text-align: center;
}
#content .vc_col-sm-3 .wpb_text_column p {
  margin: 0;
}
#content .vc_col-sm-3 .wpb_text_column h5 {
  margin-bottom: 20px;
}
.home #content .video-wrapper .teaser-copytext {
  display: block;
}
.home #content .video-wrapper .teaser-copytext p {
  font-size: 6.25vw;
  line-height: 7.8125vw;
}
.home .category-news {
  position: relative;
  padding-top: 30px;
  padding-bottom: 10px;
}
.home .category-news:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 0;
  border: 1px dotted #919191;
  z-index: 0;
}
.home .category-news .editorial {
  background: transparent !important;
}
@media (max-width: 767px) {
  .home .category-news {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  .home .category-news:after {
    right: 0;
  }
}
.home .most-popular .category-news {
  padding-top: 0;
  padding-bottom: 0;
}
.home .most-popular .category-news:after {
  display: none;
}
.home .most-popular .category-news .editorial {
  background: #fff;
}
@media (max-width: 768px) {
  .home .most-popular .category-news {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
}
#content #posts .latest .category-news {
  padding-right: 0;
  background: #fff;
}
#content #posts .latest .category-news:after {
  right: 0;
}
.datum {
  margin-left: 10px;
  padding-left: 0 !important;
}
.datum p {
  color: #919191;
}
/* ########## Filter Layer ########## */
.single #filter {
  border-bottom: 1px dotted #919191;
  margin-bottom: 30px;
}
#filterForm {
  display: none;
}
.rubrik-mobile {
  display: block;
}
#filter {
  padding: 25px 0 25px;
  line-height: 30px;
}
#filter ul {
  list-style: none outside none;
  overflow: hidden;
  color: #4c4c4c;
}
#filter ul.list-categories > li {
  padding: 25px 10px 25px;
}
#filter ul.list-categories > li.op_lab a {
  color: #00a0d2;
}
#filter ul.list-categories > li.op_lab a.is-active h6:after {
  border-color: #00a0d2;
}
#filter ul.list-categories > li a {
  text-decoration: none;
}
#filter ul.list-categories > li h6 {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 5px;
  margin-left: 35px;
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#filter ul.list-categories > li h6:hover {
  color: #777;
}
#filter ul.list-categories > li.current-category h6:after,
#filter ul.list-categories > li a.is-active h6:after {
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  content: '';
  border-bottom: 3px solid #4c4c4c;
}
#filter ul.list-categories > li label span {
  border: 1px dotted transparent;
  display: block;
  margin-bottom: 5px;
  padding-left: 25px;
  padding-right: 15px;
}
#filter ul.list-categories > li label span:before {
  border: none;
  font-size: 15px;
  left: 8px;
  top: 8px;
}
#filter ul.list-categories > li label input[type="checkbox"]:checked + span {
  border-color: #ffffff;
}
#filter ul.list-categories > li label input[type="checkbox"]:checked + span:before {
  content: "\f00d";
}
/* ########## Image Map Layer ########## */
.klick-layer {
  position: relative;
  max-width: 1820px;
  margin: 0 auto;
}
.klick-layer img {
  max-width: 100%;
  height: auto;
  display: block;
}
.klick-layer .klick-layer-icon {
  display: block;
  position: absolute;
  cursor: pointer;
}
.klick-layer .klick-layer-icon .image {
  display: block;
  width: 8.5vw;
}
.klick-layer .klick-layer-icon .image img {
  max-width: 100%;
  height: auto;
}
.klick-layer .klick-layer-icon .image img.hover {
  display: none;
}
.klick-layer .klick-layer-icon.active .image img,
.klick-layer .klick-layer-icon.hover .image img {
  display: none;
}
.klick-layer .klick-layer-icon.active .image img.hover,
.klick-layer .klick-layer-icon.hover .image img.hover {
  display: block;
}
.klick-layer .klick-layer-icon.active .klick-layer-content,
.klick-layer .klick-layer-icon.hover .klick-layer-content {
  display: none;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-0 {
  bottom: 10%;
  right: 10%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-1 {
  left: 5%;
  top: 30%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-2 {
  left: 5%;
  top: 50%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-3 {
  left: 10%;
  bottom: 10%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-4 {
  left: 25%;
  bottom: 18%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-5 {
  right: 35%;
  bottom: 10%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-6 {
  right: 13%;
  bottom: 30%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-7 {
  right: 5%;
  top: 35%;
}
.klick-layer.innovative-device .klick-layer-icon.klick-layer-icon-8 {
  right: 30%;
  top: 30%;
}
.klick-layer.energy .klick-layer-icon.klick-layer-icon-0 {
  bottom: 26%;
  left: 25%;
}
.klick-layer.energy .klick-layer-icon.klick-layer-icon-1 {
  right: 41%;
  top: 28%;
}
.klick-layer.energy .klick-layer-icon.klick-layer-icon-2 {
  left: 17%;
  top: 27%;
}
.klick-layer.energy .klick-layer-icon.klick-layer-icon-3 {
  left: 14%;
  bottom: 36%;
}
.klick-layer.energy .klick-layer-icon.klick-layer-icon-4 {
  bottom: 42%;
  right: 15%;
}
.klick-layer.energy .klick-layer-icon.klick-layer-icon-5 {
  bottom: 42%;
  right: 32%;
}
.klick-layer.fireplace {
  max-width: none;
  margin-bottom: 50px;
}
.klick-layer.fireplace img {
  margin: 0 auto;
  width: 100%;
  max-width: none;
}
.klick-layer.fireplace .hotspot {
  background-image: url('../images/fireplace/hotspot.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 4vw;
  height: 4vw;
  max-width: 68px;
  max-height: 68px;
  position: absolute;
  border-radius: 50%;
}
.klick-layer.fireplace .hotspot:hover,
.klick-layer.fireplace .hotspot.active {
  background-image: none;
  background-color: #303030;
}
.klick-layer.fireplace .hotspot-1 {
  top: 45%;
  left: 43%;
}
.klick-layer.fireplace .hotspot-2 {
  top: 57%;
  left: 34%;
}
.klick-layer.fireplace .hotspot-3 {
  top: 72%;
  left: 42%;
}
.klick-layer.fireplace .hotspot-4 {
  top: 34%;
  left: 53%;
}
.klick-layer.fireplace .hotspot-5 {
  top: 47%;
  left: 64%;
}
.klick-layer.fireplace .hotspot-6 {
  top: 62%;
  left: 59%;
}
.klick-layer.fireplace .title {
  font-family: "Covered By Your Grace", cursive;
  font-size: 3vw;
  text-align: center;
  position: absolute;
  color: #E0E0E0;
  cursor: default;
}
.klick-layer.fireplace .title:hover,
.klick-layer.fireplace .title.active {
  color: inherit;
}
@media (min-width: 2048px) {
  .klick-layer.fireplace .title {
    font-size: 2vw;
  }
}
.klick-layer.fireplace .title-1 {
  top: 10%;
  left: 8%;
}
.klick-layer.fireplace .title-2 {
  top: 40%;
  left: 5%;
}
.klick-layer.fireplace .title-3 {
  top: 70%;
  left: 0%;
}
.klick-layer.fireplace .title-4 {
  top: 10%;
  right: 3%;
}
.klick-layer.fireplace .title-5 {
  top: 46%;
  right: 5%;
}
.klick-layer.fireplace .title-6 {
  top: 80%;
  right: 2%;
}
.klick-layer.fireplace .title-2.en {
  top: 33%;
  left: 0%;
}
.klick-layer.fireplace .title-4.en {
  top: 10%;
  right: 0%;
}
.klick-layer.fireplace .arrow {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  opacity: 0.5;
}
.klick-layer.fireplace .arrow.active {
  opacity: 1.0;
}
.klick-layer.fireplace .arrow-1 {
  background-image: url('../images/fireplace/arrow_01.png');
  width: 21vw;
  height: 10vw;
  max-width: 401px;
  max-height: 186px;
  top: 28%;
  left: 20%;
}
.klick-layer.fireplace .arrow-2 {
  background-image: url('../images/fireplace/arrow_02.png');
  width: 20vw;
  height: 6vw;
  max-width: 376px;
  max-height: 99px;
  top: 50%;
  left: 12%;
}
.klick-layer.fireplace .arrow-3 {
  background-image: url('../images/fireplace/arrow_03.png');
  width: 24vw;
  height: 4vw;
  max-width: 442px;
  max-height: 60px;
  top: 77%;
  left: 17%;
}
.klick-layer.fireplace .arrow-4 {
  background-image: url('../images/fireplace/arrow_04.png');
  width: 26vw;
  height: 5vw;
  max-width: 480px;
  max-height: 90px;
  top: 30%;
  right: 15%;
}
.klick-layer.fireplace .arrow-5 {
  background-image: url('../images/fireplace/arrow_05.png');
  width: 20vw;
  height: 3vw;
  max-width: 366px;
  max-height: 44px;
  top: 55%;
  right: 12%;
}
.klick-layer.fireplace .arrow-6 {
  background-image: url('../images/fireplace/arrow_06.png');
  width: 14vw;
  height: 11vw;
  max-width: 259px;
  max-height: 194px;
  top: 71%;
  right: 24%;
}
@media (max-width: 375px) {
  .klick-layer.fireplace .hotspot {
    width: 8vw;
    height: 8vw;
  }
  .klick-layer.fireplace .hotspot-1 {
    top: 45%;
    left: 40%;
  }
  .klick-layer.fireplace .hotspot-2 {
    top: 55%;
    left: 20%;
  }
  .klick-layer.fireplace .hotspot-3 {
    top: 70%;
    left: 35%;
  }
  .klick-layer.fireplace .hotspot-4 {
    top: 32%;
    left: 58%;
  }
  .klick-layer.fireplace .hotspot-5 {
    top: 45%;
    left: 80%;
  }
  .klick-layer.fireplace .hotspot-6 {
    top: 60%;
    left: 70%;
  }
  .klick-layer.fireplace .title {
    display: none;
  }
  .klick-layer.fireplace .title.active {
    display: block;
    top: auto;
    left: 0;
    right: 0;
    bottom: -20px;
    font-size: 8vw;
  }
  .klick-layer.fireplace .title.title-4,
  .klick-layer.fireplace .title.title-6 {
    bottom: -45px;
  }
  .klick-layer.fireplace .title br {
    display: none;
  }
  .klick-layer.fireplace .arrow {
    display: none;
  }
}
.klick-layer .klick-layer-content,
.klick-layer + .mobile-klick-layer-content-box {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #ed961a;
  background-color: rgba(237, 150, 26, 0.8);
  padding: 10px 15px;
  color: #FFF;
  width: 320px;
  bottom: 11vw;
  left: 5vw;
  box-sizing: border-box;
}
.klick-layer .klick-layer-content:before,
.klick-layer + .mobile-klick-layer-content-box:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  height: 0;
  width: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 20px 17px 0 0;
  border-color: rgba(237, 150, 26, 0.8) transparent transparent;
}
.klick-layer .klick-layer-content.left,
.klick-layer + .mobile-klick-layer-content-box.left {
  left: auto;
  right: 5vw;
}
.klick-layer .klick-layer-content.left:before,
.klick-layer + .mobile-klick-layer-content-box.left:before {
  left: auto;
  right: 0;
  border-width: 20px 0 0 17px;
}
.klick-layer .klick-layer-content p,
.klick-layer + .mobile-klick-layer-content-box p {
  margin-bottom: 0;
}
.klick-layer + .mobile-klick-layer-content-box {
  display: none;
}
.klick-layer + .mobile-klick-layer-content-box.active {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  margin: 1rem 0;
}
.klick-layer + .mobile-klick-layer-content-box:before {
  display: none;
}
.widget_mslswidget {
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}
.widget_mslswidget a {
  border: 1px dotted #FFFFFF;
  display: block;
  float: left;
  padding: 5px;
  margin-right: 10px;
  color: #EFEFEF;
}
.widget_mslswidget a:hover {
  background-color: #EFEFEF;
  color: #4C4C4C;
  text-decoration: none;
}
/* ########## Social Sharing Icons ########## */
.fa-qzone::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("../images/icons/qzone.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px 17px;
}
/* ########## Local Video ########## */
.video-container-local {
  display: none;
}
.fancybox-inner .video-container-local {
  background-color: #000000;
  height: 100%;
  display: flex !important;
  align-items: center;
}
.fancybox-inner video {
  display: block;
  width: 100%;
  height: auto;
}
/* ########## QR Code ########## */
img.qr-code {
  display: none;
  position: absolute;
  bottom: 45px;
  border: 1px solid #EFEFEF;
  width: auto !important;
  max-width: 100px;
  z-index: 10000;
}
#header img.qr-code {
  right: 0;
  bottom: initial;
  top: 40px;
  max-width: 100%;
}
article .social-media-buttons img.qr-code {
  left: 0;
}
/* ########## Tab navigation ########## */
.tab-navi {
  list-style: none;
  background: #757575;
  margin: 0;
  padding: 20px 10px;
}
.tab-navi li {
  display: inline-block;
  font-size: 2vw;
  line-height: 1.54vw;
  color: #fff;
}
.tab-navi li a {
  color: inherit;
  text-decoration: none;
}
.tab-navi li:first-child {
  padding-left: 0;
}
.tab-navi li:after {
  content: "\00a0|\00a0";
}
.tab-navi li:last-child:after {
  content: "";
}
.tab-navi li.active a,
.tab-navi li a:hover {
  text-decoration: underline;
}
.tab-wrapper .contact-box {
  display: none !important;
}
.tab-wrapper .contact-box.active {
  display: block !important;
}
@media (min-width: 768px) {
  .tab-wrapper .contact-box.active {
    display: table !important;
  }
}
#contact-badge {
  display: block;
  position: absolute;
  bottom: 6.2%;
  left: 6.2%;
  text-align: center;
  background: #40ad48;
  border-radius: 50%;
  font-size: 1.95vw;
  line-height: 1.14;
  color: #fff;
  padding: 3.33vw;
  width: 16vw;
  height: 16vw;
  text-decoration: none;
  z-index: 1;
  box-sizing: border-box;
  transition: background .2s ease;
}
#contact-badge:after {
  display: block;
  content: '\f063';
  font-family: FontAwesome;
  margin-top: 1.1vw;
  opacity: .4;
  font-size: 3vw;
}
#contact-badge:hover {
  background: #246329;
}
@media all and (max-width: 767px) {
  #contact-badge {
    left: auto;
    right: 6.2%;
    bottom: -8vw;
  }
}
@media all and (max-width: 767px) {
  .op-lab-single .vc_col-has-fill .wpb_text_column.wpb_content_element {
    padding: 0 10px;
  }
}
/* Op lab */
.op-lab--post--container {
  overflow: hidden;
  margin-bottom: 30px;
}
.op-lab--post--container h6 {
  margin-bottom: 20px;
}
.page-template-page_op_kontakt h4.section-title {
  display: none;
}
.page-template-page_op_kontakt .op-lab--contact label input[type="checkbox"] + span {
  padding-left: 7% !important;
}
@media all and (max-width: 767px) {
  .page-template-page_op_kontakt .op-lab--contact label input[type="checkbox"] + span {
    padding-left: 30px !important;
  }
}
/* Story 13 */
.story-13-html {
  position: relative;
  overflow: hidden;
  margin-left: 0 !important;
  padding-right: 30px !important;
}
@media all and (min-width: 768px) {
  .story-13-html {
    min-height: 1000px;
  }
}
.story-13-html h3 {
  color: #3fa435;
}
@media all and (max-width: 767px) {
  .story-13-html .story-scroll-container {
    display: none;
  }
}
.story-13-html .mobile-story {
  display: none;
}
@media all and (max-width: 767px) {
  .story-13-html .mobile-story {
    display: block;
  }
}
.story-13-html .subline {
  position: absolute;
  z-index: 2;
  font-size: 1.17vw;
  line-height: 1.35;
  left: 0;
  bottom: 0;
  text-align: center;
  opacity: 0;
  transition: opacity 1s ease 2s;
}
.story-13-html .molecule {
  position: absolute;
  width: 4%;
  transform-origin: 50% 50%;
  transform: scale(1) rotate(0);
  opacity: 0;
  -webkit-backface-visibility: hidden;
  transition: opacity 1s ease, transform .6s ease;
}
.story-13-html .molecule img {
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0);
}
.story-13-html .molecule.molecule-1 {
  top: 59%;
  left: 13%;
  transition-delay: .3s;
}
.story-13-html .molecule.molecule-2 {
  top: 44.3%;
  left: 17%;
  transition-delay: .6s;
}
.story-13-html .molecule.molecule-3 {
  top: 35.7%;
  left: 24%;
  transition-delay: .9s;
}
.story-13-html .molecule.molecule-4 {
  top: 48.3%;
  left: 33.7%;
  transition-delay: 1.2s;
}
.story-13-html .molecule.molecule-5 {
  top: 73%;
  left: 40%;
  transition-delay: 1.5s;
}
.story-13-html .co2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.story-13-html .co2-container .label {
  position: absolute;
  z-index: 2;
  top: 56%;
  left: 22%;
  opacity: 0;
  transition: opacity 1s ease 2s;
  font-size: 3vw;
}
.story-13-html .co2-container .subline {
  width: 53%;
}
.story-13-html .co2-container.is-visible .molecule {
  opacity: 1;
}
.story-13-html .co2-container.is-visible .molecule img {
  animation: pulserotate 3s linear infinite;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  max-width: 1000px;
}
.story-13-html .co2-container.is-visible .molecule.molecule-1 {
  transform: rotate(-90deg);
}
.story-13-html .co2-container.is-visible .molecule.molecule-1 img {
  animation-delay: 0.2s;
}
.story-13-html .co2-container.is-visible .molecule.molecule-2 {
  transform: rotate(-90deg) scale(1.07);
}
.story-13-html .co2-container.is-visible .molecule.molecule-2 img {
  animation-delay: 0.6s;
}
.story-13-html .co2-container.is-visible .molecule.molecule-3 {
  transform: scale(1.4);
}
.story-13-html .co2-container.is-visible .molecule.molecule-3 img {
  animation-delay: 0.3s;
}
.story-13-html .co2-container.is-visible .molecule.molecule-4 {
  transform: rotate(-110deg) scale(1.75);
}
.story-13-html .co2-container.is-visible .molecule.molecule-4 img {
  animation-delay: 0.4s;
}
.story-13-html .co2-container.is-visible .molecule.molecule-5 {
  transform: rotate(-10deg) scale(2.06);
}
.story-13-html .co2-container.is-visible .molecule.molecule-5 img {
  animation-delay: 0.1s;
}
.story-13-html .co2-container.is-visible .molecule.molecule-5.move {
  animation: movedown 2s ease infinite;
}
.story-13-html .co2-container.is-visible .label,
.story-13-html .co2-container.is-visible .subline {
  opacity: 1;
}
.story-13-html .sun {
  width: 38%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  transform: scale(0.2);
  opacity: 0;
  transition: transform .6s ease, opacity .6s ease;
}
.story-13-html .sun img {
  width: 100%;
  height: auto;
}
.story-13-html .sun .subline {
  width: 100%;
}
.story-13-html .sun:before,
.story-13-html .sun:after {
  position: absolute;
  width: 98%;
  height: 98%;
  background-size: cover;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.story-13-html .sun:before {
  background: url('../images/story13/Sonne_Hinten.svg') no-repeat center center;
  z-index: -1;
  width: 115%;
  height: 115%;
}
.story-13-html .sun:after {
  background: url('../images/story13/Sonne_Mitte.svg') no-repeat center center;
  z-index: 1;
}
.story-13-html .sun.is-visible {
  transform: scale(1);
  opacity: 1;
}
.story-13-html .sun.is-visible .subline {
  opacity: 1;
}
.story-13-html .sun.is-visible:before {
  animation: sunpulsateback 2s ease infinite;
}
.story-13-html #step2 {
  width: 100%;
  position: relative;
  z-index: 3;
}
.story-13-html #step2 .tube {
  width: 100%;
  position: relative;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  transition: opacity .6s ease;
}
.story-13-html #step2 .tube img {
  width: 100%;
  display: block;
}
.story-13-html #step2 .tube.is-visible {
  opacity: 1;
}
.story-13-html #step2 .tube.is-visible .alga.show-first {
  opacity: 1;
}
.story-13-html #step2 .alga-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.story-13-html #step2 .alga-container .alga {
  position: absolute;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation: wobble 4s linear infinite;
  opacity: 0;
  transition: opacity .6s ease .4s;
}
.story-13-html #step2 .alga-container .alga img {
  width: 100%;
  height: auto;
  display: block;
}
.story-13-html #step2 .alga-container .alga.small {
  width: 1.3vw;
}
.story-13-html #step2 .alga-container .alga.medium {
  width: 2.9vw;
  transition-delay: 2s;
}
.story-13-html #step2 .alga-container .alga.big {
  width: 4.5vw;
  transition-delay: 4s;
}
.story-13-html #step2 .alga-container .alga:nth-child(1) {
  animation-delay: .2s;
}
.story-13-html #step2 .alga-container .alga:nth-child(2) {
  animation-delay: .7s;
}
.story-13-html #step2 .alga-container .alga:nth-child(3) {
  animation-delay: .4s;
}
.story-13-html #step2 .alga-container .alga:nth-child(4) {
  animation-delay: .8s;
}
.story-13-html #step2 .alga-container .alga:nth-child(5) {
  animation-delay: 1.4s;
}
.story-13-html #step2 .alga-container .alga:nth-child(6) {
  animation-delay: 1.2s;
}
.story-13-html #step2 .alga-container .alga:nth-child(7) {
  animation-delay: .18s;
}
.story-13-html #step2 .alga-container .alga:nth-child(8) {
  animation-delay: 1.8s;
}
.story-13-html #step2 .alga-container .alga:nth-child(9) {
  animation-delay: 2.1s;
}
.story-13-html #step2 .alga-container .alga:nth-child(10) {
  animation-delay: 2.8s;
}
.story-13-html #step2 .alga-container .alga:nth-child(11) {
  animation-delay: 0.7s;
}
.story-13-html #step2 .alga-container .alga:nth-child(12) {
  animation-delay: 1.52s;
}
.story-13-html #step2 .alga-container .alga:nth-child(13) {
  animation-delay: 3.1s;
}
.story-13-html #step2 .alga-container .alga:nth-child(14) {
  animation-delay: 1.9s;
}
.story-13-html #step2 .alga-container .alga:nth-child(15) {
  animation-delay: .34s;
}
.story-13-html #step2 .alga-container .alga:nth-child(16) {
  animation-delay: .28s;
}
.story-13-html #step2 .alga-container.is-visible .alga {
  opacity: 1;
}
.story-13-html #step3 {
  position: relative;
}
.story-13-html #step3 .arrow {
  position: absolute;
  top: 0px;
  height: 320px;
  margin-left: -75px;
  opacity: 0;
  transition: opacity .6s ease 2.2s;
}
.story-13-html #step3 .arrow img {
  width: auto;
  height: 100%;
}
.story-13-html #step3 .arrow.arrow-left {
  transform: translateX(-120px);
  left: 50%;
}
.story-13-html #step3 .arrow.arrow-right {
  transform: translateX(120px);
  right: 50%;
}
.story-13-html #step3 .oxigen-container,
.story-13-html #step3 .biomasse-container {
  width: 50%;
  position: absolute;
  top: 0px;
  -webkit-backface-visibility: hidden;
  opacity: 0;
  max-width: 600px;
  transition: opacity .6s ease, transform 1.2s ease;
}
.story-13-html #step3 .biomasse-container {
  right: 50%;
  top: 300px;
  box-sizing: border-box;
  padding: 50px;
  transform: translate(50%, -150%) scale(0);
}
.story-13-html #step3 .oxigen-container {
  left: 50%;
  top: 250px;
  height: 100%;
  box-sizing: border-box;
  transform: translate(-50%, -150%) scale(0);
}
.story-13-html #step3 .oxigen-container .label {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 1s ease 2s;
  font-size: 3vw;
}
.story-13-html #step3 .oxigen-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.story-13-html #step3 .oxigen-wrap .oxigen {
  width: 6vw;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3vw;
  margin-top: -3vw;
}
.story-13-html #step3 .oxigen-wrap .oxigen img {
  width: 100%;
  height: auto;
  display: block;
}
.story-13-html #step3 .oxigen-wrap .oxigen:nth-child(1) {
  transform: translate3d(0, -6.3vw, 0);
}
.story-13-html #step3 .oxigen-wrap .oxigen:nth-child(2) {
  transform: translate3d(6.3vw, 0, 0);
}
.story-13-html #step3 .oxigen-wrap .oxigen:nth-child(3) {
  transform: translate3d(0, 6.3vw, 0);
}
.story-13-html #step3 .oxigen-wrap .oxigen:nth-child(4) {
  transform: translate3d(-6.3vw, 0, 0);
}
.story-13-html #step3 .subline {
  width: 100%;
}
.story-13-html #step3.is-visible .oxigen-container {
  transform: translate(-100%, 0) scale(1);
}
.story-13-html #step3.is-visible .biomasse-container {
  transform: translate(100%, 0) scale(1);
}
.story-13-html #step3.is-visible .oxigen-container,
.story-13-html #step3.is-visible .biomasse-container {
  opacity: 1;
}
.story-13-html #step3.is-visible .oxigen-container .label,
.story-13-html #step3.is-visible .biomasse-container .label,
.story-13-html #step3.is-visible .oxigen-container .subline,
.story-13-html #step3.is-visible .biomasse-container .subline {
  opacity: 1;
}
.story-13-html #step3.is-visible .arrow {
  opacity: 1;
}
.story-13-html #final {
  margin-top: 120px;
  width: 50vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.story-13-html #final p {
  font-size: 1.17vw;
  line-height: 1.35;
}
@keyframes wobble {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes movedown {
  0% {
    transform: rotate(-10deg) scale(2.06) translate(0, 0, 0);
  }
  100% {
    transform: rotate(-10deg) scale(2.06) translate3d(50px, 170px, 0);
  }
}
@keyframes pulserotate {
  0% {
    width: 100%;
    transform: translate3d(0, 0, 0) rotate(0);
  }
  50% {
    width: 100%;
    transform: translate3d(-5px, 0, 0) rotate(-15deg);
  }
  100% {
    width: 100%;
    transform: translate3d(0, 0, 0) rotate(0);
  }
}
@keyframes sunpulsateback {
  0% {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  }
  50% {
    transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  }
}
.oplab-kontakt-box--content {
  background: #008CD6;
  position: relative;
  opacity: 0;
  transition: opacity .25s ease;
  box-sizing: border-box;
}
.oplab-kontakt-box--content.is-visible {
  opacity: 1;
}
@media all and (max-width: 767px) {
  .oplab-kontakt-box--content {
    height: auto !important;
  }
}
.oplab-kontakt-box--content .oplab-kontakt-wrap {
  padding: 1.5vw 2vw;
  position: relative;
  box-sizing: border-box;
  height: 100%;
}
@media all and (max-width: 767px) {
  .oplab-kontakt-box--content .oplab-kontakt-wrap {
    padding: 20px;
  }
}
.oplab-kontakt-box--content h2,
.oplab-kontakt-box--content p,
.oplab-kontakt-box--content a {
  color: #fff;
}
.oplab-kontakt-box--content h2 {
  margin-bottom: 20px;
  font-size: 4.6vw;
  line-height: 1;
}
@media all and (max-width: 800px) {
  .oplab-kontakt-box--content h2 {
    margin-bottom: 10px;
    font-size: 4vw;
  }
}
@media all and (max-width: 767px) {
  .oplab-kontakt-box--content h2 {
    font-size: 7vw;
  }
}
@media all and (min-width: 2000px) {
  .oplab-kontakt-box--content h2 {
    font-size: 80px;
  }
}
.oplab-kontakt-box--content p {
  font-size: 1.15vw;
  line-height: 1.54vw;
}
@media all and (max-width: 800px) {
  .oplab-kontakt-box--content p {
    font-size: 15px;
    line-height: 1.33;
  }
}
@media all and (max-width: 767px) {
  .oplab-kontakt-box--content p {
    font-size: 4vw;
    margin-top: 20px;
  }
}
@media all and (min-width: 2000px) {
  .oplab-kontakt-box--content p {
    font-size: 30px;
    line-height: 1.3;
  }
}
.oplab-kontakt-box--content .button-container {
  position: absolute;
  left: 2vw;
  bottom: 2vw;
}
@media all and (max-width: 767px) {
  .oplab-kontakt-box--content .button-container {
    position: relative;
    left: 0;
    bottom: initial;
    margin-top: 30px;
  }
}
.oplab-kontakt-box--content .button-container:after {
  content: '';
  position: absolute;
  width: 130px;
  height: 100px;
  background: url('../images/icons/image_contact.png') no-repeat center center;
  background-size: auto 100%;
  right: -150px;
  top: -70px;
}
.oplab-kontakt-box--content .button {
  text-decoration: none;
  padding: 0.3vw 1vw;
  font-size: 2vw;
  border: 3px solid #fff;
  transition: background .35s ease, color .35s ease;
}
.oplab-kontakt-box--content .button:hover {
  background: #fff;
  color: #008CD6;
}
@media all and (max-width: 767px) {
  .oplab-kontakt-box--content .button {
    font-size: 16px;
    padding: 10px 20px;
    display: inline-block;
  }
}
@media all and (min-width: 2000px) {
  .oplab-kontakt-box--content .button {
    font-size: 30px;
  }
}
.page-template-page_op_kontakt .custom-margin {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
@media all and (max-width: 767px) {
  .page-template-page_op_kontakt .custom-margin {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
.page-template-page_op_kontakt h3,
.page-template-page_op_kontakt p {
  color: #fff;
}
.page-template-page_op_kontakt h3 {
  display: block;
}
@media all and (max-width: 767px) {
  .page-template-page_op_kontakt #content .vc_column-inner > .wpb_wrapper {
    padding: 0 20px;
  }
}
.op-lab-form--wrap p {
  color: #fff;
}
.wpcf7-form .op-lab--contact p {
  margin-bottom: 10px;
}
.wpcf7-form .op-lab--contact span.label,
.wpcf7-form .op-lab--contact label span {
  color: #fff;
}
.wpcf7-form .op-lab--contact input[type="text"],
.wpcf7-form .op-lab--contact input[type="email"],
.wpcf7-form .op-lab--contact input[type="tel"] {
  font-size: 16px;
  height: auto;
  padding: 10px 10px 10px 20px;
}
.wpcf7-form .op-lab--contact label input[type="checkbox"] + span:before {
  color: #fff;
}
.wpcf7-form .op-lab--contact input[type="submit"] {
  margin-bottom: 20px;
}
.hide {
  display: none !important;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-width: none;
  width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.schott-carousel {
  text-align: center;
}
.slick-slide {
  position: relative;
}
.slider-caption {
  position: absolute;
  font-size: 1vw;
  padding: 2.1vw 0 2.1vw 7.2%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
}
@media all and (max-width: 1023px) {
  .slider-caption {
    font-size: 15px;
    padding: 15px;
  }
}
.slick-arrow {
  background: transparent no-repeat center center;
  background-size: 100%;
  outline: none;
  cursor: pointer;
  border: none;
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 2.6vw;
  height: 4.91vw;
  top: calc(50% - 38px);
  z-index: 1;
  transform: translateY(-50%);
}
@media all and (max-width: 499px) {
  .slick-arrow {
    /*top: initial;
		bottom: 20px;
		width: 16px;
		height: 30px;
		margin-top: 0;
		&.slick-prev {
			left: 5px !important;
		}
		&.slick-next {
			right: 5px !important;
		}*/
    display: none !important;
  }
}
.slick-arrow.slick-prev {
  left: 30px;
  transition: left .3s ease;
}
.slick-arrow.slick-prev:hover {
  left: 25px;
}
.slick-arrow.slick-next {
  right: 30px;
  transition: right .3s ease;
}
.slick-arrow.slick-next:hover {
  right: 25px;
}
.slider-light .slider-caption {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.slider-light .slick-arrow.slick-prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAC4CAYAAADzN4JEAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEXElEQVR4Ae3d7VnUQBSG4RcrsAPtQKlA7YAOxA4swRLoQOwAOqAE7AA7kArwGlx0WbJJZnLOzPl4n3/8YWHvK4RNZk5OHh4ewNQ7B3AG4PXuhW4BXAC4K18QQbfypl8B+DDxKvcAvgK4JIJeBeAGwLuFVzglgk5rAUrXRJCvBuCxV45+OQ9VA4AIojUBgAhiNQPwnCDTFoDSKY+EbW0F+FI+uBGhPQmAS/Cc0JwYAIjQlCgAiFCdOACIUJUKAIiwOjUAEGFVqgAgwmLqACDCbF0AQISjdQMAESbrCgAivKg7AIjwrCEAIMK/hgGACI8NBQARxgMgOYIJACRGMAOApAimAJAQwRwAkiGYBEAiBLMASIJgGgAJEMwDIDiCCwAERnADgKAIrgAQEMEdAIIhuARAIAS3AAiC4BoAARDcA8A5QggAOEYIAwCnCKEA4BAhHACcIYQEgCOEsABwghAaAA4QwgPAOEIKABhGSAMAowipAGAQIR0AjCGkBIAhhLQAMIKQGgAGENIDYDACAXaNQiDAXiMQCHBQbwQCTNQTgQBH6oVAgJl6IBBgIW0EAqxIE4EAK9NCIEBFGggEqEwagQANSSIQoDEpBAJsSAKBABvbikAAgbYgEECoVgQCCNaCQADhahEIoFANAgGUWotAAMXWIBBAuSUEAnRoDoEAnTqGQICOTSEQoHOHCAQY0D4CAQb1hECAgT09j/mWAOMqR8I3AoytHAl3AN40/BQEEKogtDwfngCCZX+ci4kKws+GH+Q7gPOA78eQCsJF4wsTQqhXu7/tPxq/HSEEejonnBNiXPsnZkIM6vC/I0IMaOpfVEJ07tjnBEJ0bO7DGiE6tfSJmRAdWnPZghDKrb12RAjFai7gEUKp2quohFCo5VI2IYRrvZ9ACMG23NQhhFBb76wRQiCJ25uE2JjUPWZCbEjyRj8hGpNebUGIhjSWvBCiMq11R4SoSHPxFyFWpr0CjxAr6rEMkhAL9VqLSoiZei4IJsSReq/KJsREI5bGE+KgUfsTCLHXyE0ihNg1eqdOeggY2S6VHsLKnrXUEJY2DqaFsLZ7MyWExS206SCs7mNOBWF5M3kaCOs7+lNAeBirEB7Cy2yL0BCeBoyEhfA25SUkhMdRO+EgvM47CgXheehUGAjvk79CQEQYv+YeIsoMPNcQkQYRuoWINg3SJUTEkZzuIKLORXUFEXk4rRuI6BOCXUBkGNNsHiLLrGzTEJkGlpuFyDY13iRExtH95iCyPj/BFETmh1iYgcj+JBETENkRYAGCCH8bCkGE/w2DIMLzhkAQ4WXdIYgwXVcIIhyvGwQR5usCQYTl1CGIsC5VCCKsTw2CCHWpQBChPnEIIrQlCkGE9sQgiLAtEYiTtkf0s4PKM60/N74pn4ggVyvENRFka4LgOUG2pnMEEeSrhbgngk41EFc8J+i2dI64B/CWR4Juc0fELwAfAfzmkdCn9wDOdm/6HYCb8meoAADAH1X5lTk8L2/DAAAAAElFTkSuQmCC');
}
.slider-light .slick-arrow.slick-next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAC4CAYAAAAYADlHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEW0lEQVR4nO3d63HbRhSG4ddswCrBHcipwHYHLkElpBR34JSQVBC7A6WDuAO5AmZgA7EuvGAvZ/ec3e+d0R/NECTwEFjszpB8dTweedQd8BG4Wf/1BfgEPKBM2yBu1oN+e+LJvgPvgXtR2HVYt/znGYSl1yvS2+g767nD+m5/d+U1CsO4DWJPwjDskLhpYRiVCoEwbDqsBzU1YVRug/iasVlhVGy7NC2TuH8yNiuMSm0QD+vdkzA69XiwFkbHnt81CaNTp25fhdGhc/MIYTTu0oROGA27NrMWRqP2LHEIo0F715qEYVzKop8wDEtdfRWGUTnL4MIwKAcCYdQvFwJh1K0EAmHUqxQCYdSpBgTCKK8WBMIoqyYEwsivNgTCyMsCAmGkZwWBMNKyhEAY+7OGQBj7agGBMK7XCgJhXK4lBMI4X2sIhHG6HhAI42W9IBDG03pCIIxf9YZAGD/zALE0PYYXCGbH8ATBzBjeIJgVwyMEM2J4hWA2DM8QVMLY+10jXfMOQQWMv9cvBHNdBAgKMZY+e8eIAsHoGJEgGBkjGgSjYkSEYESMqBCMhhEZgpEwokMwCsYIEIyAMQoE0TFGgiAyxmgQRMUYEYKIGKNCEA1jZAgiYYwOQRSMGSCIgDELBN4xZoLAM8ZsEHjFmBECjxizQuANY2YIPGHMDoEXDEH8rDuGIH7VFUMQT+uGIYiXdcEQxOmaYwjifE0xBHG5ZhiCuF4TDEHsyxxDEPszxRBEWmYYgkjPBEMQeVXHEER+VTFeHY/HzvsTvpv189y3mY//sDxeEHUqwfgGvBFEvUowPmiMqFfJmPFeEHV7s/6l9qBLU73erpem1xlb/E1nRJ1KEL4C94IorwThO/A7mtAVV4qwDO73CKKoaggIIruqCAgiq+oICCI5EwQEkZQZAoLYnSkCgtiVOQKCuFoTBARxsWYICOJsTREQxMmaIyCIF3VBQBBP6oaAIP6vKwKC+FF3BAThA4HJIdwgMDGEKwQmhXCHwIQQLhGYDMItAhNBuEZgEgj3CEwAEQKBwSHCIDAwRCgEBoUIh8CAECERGAwiLAIDQYRGYBCI8AgMADEEAsEhhkEgMMRQCASFGA6BgBBDIhAMYlgEAkEMjUAQiOERCAAxBQLOIaZBwDHEVAg4hZgOAYcQUyLgDGJaBBxBTI2AE4jpEXAAIYS1nhBCeFQvCCE8qweEEE7UGkIIZ2oJIYQLtYIQwpVaQAhhR9YQQtiZJYQQErKCEEJiFhBCyKg2hBAyqwkhhIJqQQihsBoQQqhQKYQQKlUCIYSK5UIIoXI5EEIwKBVCCEalQAjBsL0QQjBuD4QQGnQNQgiNugQhhIadgxBC405BCKFDzyGE0KnHEELo2AYhhM5tv/C+HMTbjJcihEotZ8SdEPp3WC9LqQmhcjkQQjDosA7SexOCUSkQQjBsg/jrylMIwbhtHnF3AeObEOzb5hFbywH/uA7g/65nyx/j7r6TgP8AnqcrX42mOacAAAAASUVORK5CYII=');
}
.slider-dark .slider-caption {
  background: rgba(255, 255, 255, 0.4);
  color: #222;
}
.slider-dark .slick-arrow.slick-prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAC4CAYAAADzN4JEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA45JREFUeNrs3cFtE1EQh3GbpAD2yAnhEzeggsCNG+kA0wElpAR3QOjA6SAlhAIshQ6SDniLfEJISDbOfDPzjTQHW7uX99Pu23d4/7dcrVYL6+S1Hn05+vn+993ozej73W63OHd8TlrzoG9HX/zx/8Ue5uvo66VPwkkBbke/+cd1786maXK44gDmevHM8QoFmOuTCLEAv0uEYAARAACjbkSIBZjrSoRYgC9jsXYnQiDAvFBzTgAAiAAAEAEAIAIAQAQAgAgAABEAACIAAEQAAIgAABABACACAEAEAIAIAAARAADdERAAnREwAF0RUAAdEXAA3RCQAJ0QsABdENAAHRDwANURUgBURkgDUBUhFUBFhHQA1RBSAlRCSAtQBSE1QAWE9ADZEUoAZEYoA5AVoRRARoRyANkQSgJkQigLkAWhNEAGhPIAdIQWAGSENgBUhFYARIR2ADSElgAkhLYAFITWAASE9gDRCAIEIwgQjCBAMIIAwQgCBCMIEIwgQDCCAMEIAgQjCBCMIEAwggDBCAIEIwgQjCBAMIIAwQgCBCMIEIwgQDCCAMEIAgQjCBCMIEAwggDBCAIEIwgQjCBAMIIAwQgCBCMIAEAQIBjhSoB4hLUA8QgvBeCumK0nRPhxwH3fjniNWX9B2Bx4rxD/EWF+t38XIn5OWAvBmJiFgHwdCQH5RBUCsk4QArJYEwKyYhYCgCAEBEEICIIQEAQhIAhCQBCEgCAIAUEQAoIgBARBCAiCEBAEISAIQkAQhIAgCAFBEAKCIAQEQQgIghAQBCEgCEJAEISAIAgBQRACgiDEgrNnrTUEaeNgWwja7s2WEMQttO0gqPuYW0GQN5O3gaDv6G8BkSFWoTxElmyL0hCZAkbKQmRLeSkJkTFqpxxE1ryjUhCZQ6fKQGRP/ioBUSF+LT1ElQy81BCVggjTQlRLg0wJUTGSMx1E1VzUVBCVw2nTQFRPCE4B0SGmGQ/RJSsbDdEpsBwL0S01HgnRMbofB9H1/AQUROdDLDAQ3U8SQUB4nAsAQgQAhAgACBEAECIAIEQAQIgAgBABACECAEIEAIQIAAgRABAiACBEAECIAIAQAQCxXK1WDuXxdT3684H3fjibpskhPL62o1+NfnvAvZMI8RCvnRMAc4QI8RCPIsRDbJ0TYueIx9EffRLinoifo9/vdruHc8fpSSA2oy/nQR99P/p2/6Q8zBf8EmAAzpdz1EZDLVoAAAAASUVORK5CYII=');
}
.slider-dark .slick-arrow.slick-next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAC4CAYAAAAYADlHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2dJREFUeNrs3NFtE0EUhWGzyjvpAGQXkHSAS3AJLiGl0AEuASpg04EpYCXowOmAMRkkhFBEJK/3v/f+RzpareSH0Xye3ZmXfbNer1d/ZN+6a73t92Prx9bTysySaZp+XW/6/W2f9Lu/fveh9aF123p02ubL0K+f/4HwO2870r3TNS/Etv/zX4oYV4L4n4hxhUfTSoxYEGLMCDGKwYF4FIPxaDof4r6JsTzEqe+exAC8rMUA7ZrEAG1fxQCdI8QAHejEAJ2sxYBAiAGCEAMEIQYIQgwQhBggCDFAEGKAIMQAQYgBghADBCEGCEIMEIQYIAgxQBBigCDEAEGIAYIQAwQhBghCDBCEGCAIMUAQYoAgxABBiAGCEAMEUR5jgI2nLMYAHFNJjAE6rnIYA3hspTAG+PgugbEVgoHxdfX8QTAhFsY45xMdIwpEeoxIEKkxokGkxYgIkRIjKkQ6jMgQqTCiQ6TByACRAiMLRHiMTBChMbJBhMXICBESIytEOIzMEKEwskOEwagAEQKjCgQeoxIEGqMaBBajIgQSoyoEDqMyBAqjOgQGQwgIhhAQDCEgGEJAMISAYAgBwRACgiEEBEMICIYQEAwhIBhCQDCEgGAIAcEQYmGMzWazFYKBcRCCgfHuvCqEYGAIceG87301ohCXy/lLOOPq+fsfr80oxPIIj9M0HYVYFuGp9cFd0/II2/NqEGJhhNajJ2sQghAQBCEgCEJAEISAIAgBQRACgiAEBEEICIIQEAQhIAhCQBCEgCAIAUEQAoJQHQKDUBkChVAVAodQEQKJUA0Ci1AJAo1QBQKPUAEiBEJ2iDAImSFCIWSFCIeQESIkQjaIsAiZIEIjZIEIj5ABIgVCdIg0CJEhUiFEhUiHEBEiJUI0iLQIkSBSI0SBSI8QAaIEAh2iDAIZohQCFaIcAhGiJAINoiwCCaI0AgWiPAIBQgQAhAgACBEAECIAIEQAQIgAgBABACECAEIEAIQIAAgRABAiACBEAECIAIAQAQAhAgBCBACECAAIEQAQIgAgRABAiACAEAEAIQIAQgQAhAgACBEAECIAIEQAQIgAgBABAnEQYXmIfeudCMtD3IsQE0KEmSBGEWJBiHAFiC8iMLav+xcwfogwf2769dS66xO+6y/w7321HJym+fNTgAEAVk8gXVk3dzYAAAAASUVORK5CYII=');
}
.carousel-container {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.slick-dots {
  padding: 30px 0;
  display: inline-block;
}
.slick-dots li {
  display: inline-block;
  margin: 0 10px;
}
.slick-dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #4c4c4c;
  width: 57px;
  height: 3px;
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 0.1px;
  transition: background .25s ease;
}
.slick-dots li.slick-active button {
  background: #dc75df;
}
@media all and (max-width: 720px) {
  .slick-dots li {
    margin: 0 5px;
  }
  .slick-dots li button {
    width: 20px;
    height: 3px;
  }
}
@-webkit-keyframes softFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes softFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.softFadeIn {
  opacity: 0;
  transform: translateY(10px);
  transition: transform 0.4s ease-out, opacity 0.8s ease-out;
}
.softFadeIn.animated {
  opacity: 1;
  transform: translateY(0);
}
.searchform {
  max-width: 560px;
  float: right;
  top: -7px;
  position: relative;
  margin-left: 20px;
}
.searchform input[type="text"] {
  margin-bottom: 0;
  font-size: 22px;
  padding: 10px 3.04vw 10px 1.1vw;
  line-height: 1.2;
  height: auto;
}
.searchform #searchsubmit {
  display: none;
}
.searchform .screen-reader-text {
  display: none;
}