@charset "UTF-8";
iframe[data-src], [data-iframe][data-src], img[data-src] {
  background: url("/images/layout/loading.svg") no-repeat center center;
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc,.tns-gallery {
  position: relative;
  left: 0;
}

.tns-gallery {
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.33333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.42857%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
  transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
  transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

/*  Grid Map 
    Define your breakpoints and grid classes below.
    Only generate the gridclasses you really need to reduce filesize.
    example:
    tiny: ( <-- "breakpoint name"
        width:  em(480px, $bpContext), <-- "breakpoint width"
        cols: (5,6,12), <-- "columns" result generates .tiny-5, .tiny-6 and .tiny-12
        prefix: (2,4), <-- "prefix" result generates .tiny-prefix-2 and .tiny-prefix-4
        suffix: (6,8), <-- "suffix" result generates .tiny-suffix-6 and .tiny-suffix-8
        center: (align-item: center), <-- resutl generates .tiny-center {align-item: center} for breakpoint tiny
        flex: (display: flex) <-- resutl generates .tiny-flex {display: flex} for breakpoint tiny
    )
*/
@font-face {
  font-family: "icomoon";
  font-weight: null;
  font-style: normal;
  font-display: block;
  src: url("/fonts/icomoon.woff") format("woff"), url("/fonts/icomoon.ttf") format("truetype"), url("/fonts/icomoon.svg#icomoon") format("svg"), url("/fonts/icomoon.eot?#iefix") format("embedded-opentype");
}

/* muli-300 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/muli-v13-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Muli Light"), local("Muli-Light"), url("../fonts/muli-v13-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-v13-latin-300.woff2") format("woff2"), url("../fonts/muli-v13-latin-300.woff") format("woff"), url("../fonts/muli-v13-latin-300.ttf") format("truetype"), url("../fonts/muli-v13-latin-300.svg#Muli") format("svg");
  /* Legacy iOS */
}

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/muli-v13-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Muli Regular"), local("Muli-Regular"), url("../fonts/muli-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-v13-latin-regular.woff2") format("woff2"), url("../fonts/muli-v13-latin-regular.woff") format("woff"), url("../fonts/muli-v13-latin-regular.ttf") format("truetype"), url("../fonts/muli-v13-latin-regular.svg#Muli") format("svg");
  /* Legacy iOS */
}

/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/muli-v13-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Muli Italic"), local("Muli-Italic"), url("../fonts/muli-v13-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-v13-latin-italic.woff2") format("woff2"), url("../fonts/muli-v13-latin-italic.woff") format("woff"), url("../fonts/muli-v13-latin-italic.ttf") format("truetype"), url("../fonts/muli-v13-latin-italic.svg#Muli") format("svg");
  /* Legacy iOS */
}

/* muli-700italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/muli-v13-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Muli Bold Italic"), local("Muli-BoldItalic"), url("../fonts/muli-v13-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-v13-latin-700italic.woff2") format("woff2"), url("../fonts/muli-v13-latin-700italic.woff") format("woff"), url("../fonts/muli-v13-latin-700italic.ttf") format("truetype"), url("../fonts/muli-v13-latin-700italic.svg#Muli") format("svg");
  /* Legacy iOS */
}

/* muli-700 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/muli-v13-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Muli Bold"), local("Muli-Bold"), url("../fonts/muli-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/muli-v13-latin-700.woff2") format("woff2"), url("../fonts/muli-v13-latin-700.woff") format("woff"), url("../fonts/muli-v13-latin-700.ttf") format("truetype"), url("../fonts/muli-v13-latin-700.svg#Muli") format("svg");
  /* Legacy iOS */
}

/**
 * Grid system
 */
.row {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.row.full {
  max-width: none;
}

.row .row {
  margin-left: -1rem;
  padding-left: 0;
  padding-right: 0;
  max-width: calc(100% + 2rem);
  width: calc(100% + 2rem);
}

.row > .row {
  margin: 0;
  padding: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.row > .row,.col {
  max-width: 100%;
  width: 100%;
}

.col {
  float: left;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.no-gutter,
.no-gutter > .col {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 30em) {
  .col.tiny-4 {
    max-width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
  .col.tiny-6 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .col.tiny-8 {
    max-width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

@media (min-width: 40em) {
  .col.small-6 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .small-border {
    border: solid 1px red;
  }
}

@media (min-width: 47.5em) {
  .col.medium-3 {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .col.medium-6 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .col.medium-9 {
    max-width: 75%;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .col.medium-4 {
    max-width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media (min-width: 62em) {
  .col.large-2 {
    max-width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
  }
  .col.large-3 {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .col.large-4 {
    max-width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
  .col.large-5 {
    max-width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
  .col.large-9 {
    max-width: 75%;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .col.large-6 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .col.large-10 {
    max-width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
  }
}

@media (min-width: 75em) {
  .col.giant-3 {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

.icon, ul.styledList li:before, main ul:not(.unstyledList) li:before,
ol.styledList li:before, #navigation nav .info p:before, #quickbar p:before, footer .footer p.phone:before, .timeline-button-next:before,
.timeline-button-prev:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "icomoon";
}

.icon-times:before, noscript input#noticebar:checked ~ label:before {
  content: "×";
}

.icon-minus:before {
  content: "-";
}

.icon-angle-right:before, ul.styledList li:before, main ul:not(.unstyledList) li:before,
ol.styledList li:before, .timeline-button-next:before {
  content: "❯";
}

.icon-angle-left:before,
.timeline-button-prev:before {
  content: "❮";
}

.icon-plus:before {
  content: "+";
}

.icon-angle-up:before {
  content: "↑";
}

.icon-exclamation:before, noscript label:before, .informatizer:before {
  content: "!";
}

.icon-phone:before, #navigation nav .info p.phone:before, #quickbar p:before, footer .footer p.phone:before {
  content: "";
}

.icon-bullhorn:before {
  content: "";
}

.icon-envelope:before, #navigation nav .info p.mail:before {
  content: "";
}

.icon-clock:before, #navigation nav .info p.time:before {
  content: "";
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.10.0
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
          animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
          animation: bounceFromLeft 0.4s ease-out;
}

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

/*
      Preloader
      Borrowed from http://tobiasahlin.com/spinkit/
  */
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

noscript {
  margin-top: 3.33333rem;
  display: block;
}

noscript input#noticebar {
  display: none;
}

noscript input#noticebar:checked ~ div {
  opacity: 1;
  visibility: visible;
}

noscript input#noticebar:checked ~ label {
  background: #fff;
  color: #818181;
}

noscript label {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: #818181;
  bottom: 0.55556rem;
  color: #fff;
  font-size: 1.38889rem;
  height: 2.5rem;
  opacity: 0.9;
  position: fixed;
  right: 0.55556rem;
  text-decoration: none;
  width: 2.5rem;
  z-index: 910;
}

noscript label:before {
  display: inline-block;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

noscript label:hover {
  cursor: pointer;
  background: #747474;
}

noscript label + div {
  opacity: 0;
  visibility: hidden;
  height: 100vh;
}

noscript label + div,
.noticeBar {
  background: #818181;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 0;
  padding: 1.11111rem;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  z-index: 900 !important;
}

noscript label + div span,
.noticeBar span {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 1.22222rem;
  line-height: 1.66667rem;
  margin: 0;
}

noscript label + div a,
.noticeBar a {
  color: #fff;
}

noscript label + div a:hover,
.noticeBar a:hover {
  color: #fff;
  text-decoration: none;
}

noscript div:first-child {
  display: none;
}

.breadcrumb li {
  list-style: none;
  float: left;
}

.breadcrumb li:before {
  content: "❯";
  padding: 0 1rem;
  font-size: 60%;
}

.breadcrumb li:first-child + li:before {
  content: " ";
  padding: 0 0.2rem;
}

.breadcrumb li:first-child:before {
  content: "";
  padding: 0;
}

/**
 * Debug mode
 */
#log_container pre, #log_container .checkupXYZ {
  height: 100%;
  overflow-y: scroll;
  background: #fff;
  padding: 1%;
}

#log_hider {
  cursor: pointer;
  z-index: 999999999;
}

#show_console {
  display: none;
}

#show_console:checked + #log_container {
  top: 0;
}

#log_container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  color: #404040;
  background: #f2f2f2;
  padding: 2%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: inset 0 0 0.05556rem 0.05556rem rgba(129, 129, 129, 0.5);
          box-shadow: inset 0 0 0.05556rem 0.05556rem rgba(129, 129, 129, 0.5);
  z-index: 99999999;
}

#log_container:target,#log_container.show {
  top: 0;
}

#log_container ul {
  list-style: inside square;
}

#log_container ul ul {
  margin-left: 2rem;
}

#log_container ul h3 {
  display: inline-block;
}

#log_container ul li {
  padding: 0.5rem 0;
  border-bottom: 0.05556rem solid #f2f2f2;
}

#log_container ul li:last-child {
  border: none;
}

#log_container h1 {
  text-align: center;
  padding-top: 2rem;
}

#log_container h2 {
  padding-bottom: 0.5rem;
  border-bottom: 0.05556rem solid #e5e5e5;
  text-align: center;
  margin-top: 4rem;
}

#log_container h2,#log_container h3 {
  font-weight: normal;
}

#log_container .checkup_pages li {
  padding: 1rem;
}

#log_container .checkup_pages .sub {
  margin-left: 2rem;
}

#log_container > p {
  margin-bottom: 4rem;
}

.checkup_pages > li:nth-child(odd) {
  background: #f4f4f4;
}

.checkupXYZ {
  width: 53.33333rem;
  margin: 0 auto;
  resize: horizontal;
}

.informatizer {
  background: #8dd45c;
  padding: 1%;
  position: fixed;
  top: 2%;
  right: 2%;
  display: block;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}

.informatizer:before {
  margin-right: 1rem;
  font-size: 1.33333em;
  line-height: 1rem;
}

.informatizer a {
  color: #fff;
}

.btnFocus {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  padding: 2.6em;
  background: rgba(129, 129, 129, 0.9);
  color: #fff !important;
  font-size: 1.33333rem;
  z-index: 2000;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  text-decoration: none;
}

.btnFocus:focus {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

body.sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
}

body.sitemap nav {
  width: auto;
  margin: 0 auto;
}

body.sitemap nav .sitemap ul {
  padding-left: 20px;
}

.backToTop {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 800;
  font-size: 1rem;
  width: 3em;
  height: 3em;
  line-height: 3em;
  background-color: #0c86b6;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

body:not(.scrollingUp) .backToTop {
  opacity: 0;
  visibility: hidden;
}

.backToTop span {
  display: none;
}

* {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #404040;
  font-family: "Muli", sans-serif;
  font-size: 112.5%;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  /* disable text resize in landscape. e.g. on iphone */
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

html,body {
  line-height: 1.55556rem;
}

iframe, [data-iframe] {
  border: none;
  width: 100%;
}

/**
 * Headlines
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  /* Use this to let headlines break in Chrome Desktop
	body.platformWindows.chrome &, body.platformLinux.chrome & {
		word-break: break-all;
	}
	*/
}

h1,
.h1 {
  font-family: "Muli", sans-serif;
  font-size: 1.55556rem;
  line-height: 1.4em;
  font-weight: 700;
  margin-bottom: 2rem;
}

@media (min-width: 47.5em) {
  h1,
  .h1 {
    font-size: 2.33333rem;
    line-height: 1.4em;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 62em) {
  h1,
  .h1 {
    font-size: 1.77778rem;
  }
}

@media (min-width: 85.25em) {
  h1,
  .h1 {
    font-size: 2.33333rem;
  }
}

h1 span,
.h1 span {
  display: block;
  font-weight: 300;
  font-size: 0.7em;
  line-height: 1.4em;
}

h2,
.h2 {
  font-family: "Muli", sans-serif;
  font-size: 1.33333rem;
  line-height: 1.4em;
  font-weight: 700;
  margin-bottom: 2rem;
}

@media (min-width: 47.5em) {
  h2,
  .h2 {
    font-size: 1.88889rem;
    line-height: 1.5em;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 62em) {
  h2,
  .h2 {
    font-size: 1.55556rem;
  }
}

@media (min-width: 85.25em) {
  h2,
  .h2 {
    font-size: 1.88889rem;
  }
}

h2 span,
.h2 span {
  display: block;
  font-weight: 300;
  font-size: 0.7em;
  line-height: 1.4em;
}

h3,
.h3 {
  font-family: "Muli", sans-serif;
  font-size: 1.22222rem;
  line-height: 1.4em;
  font-weight: 700;
  margin-bottom: 2rem;
}

@media (min-width: 47.5em) {
  h3,
  .h3 {
    font-size: 1.55556rem;
    line-height: 1.6em;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 62em) {
  h3,
  .h3 {
    font-size: 1.44444rem;
  }
}

@media (min-width: 85.25em) {
  h3,
  .h3 {
    font-size: 1.55556rem;
  }
}

h3 span,
.h3 span {
  display: block;
  font-weight: 300;
  font-size: 0.7em;
  line-height: 1.4em;
}

h4,
.h4 {
  font-size: 1.22222rem;
  margin-bottom: 1rem;
}

h5,
.h5 {
  font-size: 1rem;
}

h6,
.h6 {
  font-size: 0.88889rem;
}

/**
 * Links
 */
a {
  color: #0c86b6;
  word-wrap: break-word;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
  text-decoration: none;
}

a:focus, a:hover, a:active {
  color: #1da5db;
}

a img {
  border: none;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: underline;
}

a:not(.btn):focus,
[tabindex]:focus {
  outline: 1px dotted #818181;
  outline-offset: 0.27778rem;
}

hr, .hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #e5e5e5;
  border: none;
  clear: both;
  height: 0.05556rem;
  margin: 2rem 0 3rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

ul,
ol {
  list-style: none;
}

ul.styledList li, main ul:not(.unstyledList) li,
ol.styledList li {
  padding: 0.5rem 1rem;
  margin-bottom: 0.38889rem;
  border-bottom: 1px solid #e5e5e5;
}

ul.styledList li:last-child, main ul:not(.unstyledList) li:last-child,
ol.styledList li:last-child {
  border: none;
}

ul.styledList li:before, main ul:not(.unstyledList) li:before,
ol.styledList li:before {
  text-indent: -0.83333rem;
  font-size: 0.7em;
  color: #bebebe;
}

ul.styledList ul, main ul:not(.unstyledList) ul,
ol.styledList ul {
  margin-left: 1rem;
  margin-bottom: 0;
}

dl.styledList,
main dl:not(.unstyledList) {
  zoom: 1;
}

dl.styledList:after,
main dl:not(.unstyledList):after {
  content: "";
  display: table;
  clear: both;
}

dl.styledList dt, main dl:not(.unstyledList) dt,
dl.styledList dd,
main dl:not(.unstyledList) dd {
  display: block;
  background: rgba(229, 229, 229, 0.5);
  padding: 1.5rem;
}

dl.styledList dt, main dl:not(.unstyledList) dt {
  padding-bottom: 0;
  font-weight: 700;
}


dl.styledList dd,
main dl:not(.unstyledList) dd {
  padding-top: 0;
}

dl.styledList dd:not(:last-child), main dl:not(.unstyledList) dd:not(:last-child) {
  margin-bottom: 0.55556rem;
}

dl.floatList {
  zoom: 1;
}

dl.floatList:after {
  content: "";
  display: table;
  clear: both;
}

dl.floatList dt,
dl.floatList dd {
  display: block;
  vertical-align: top;
  float: left;
}

dl.floatList dt {
  padding-right: 0.5rem;
  width: 40%;
  clear: left;
}

dl.floatList dd {
  width: 60%;
}

ol {
  list-style-type: none;
  counter-reset: item;
}

ol li {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  display: table;
  counter-increment: item;
}

ol li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.3em;
}

ol ol {
  margin-bottom: 0;
}

ol ol li:before {
  content: counters(item, ".") " ";
}

/*
 * responsive images
 */
img {
  vertical-align: bottom;
  float: none;
  height: auto;
  max-width: 100%;
  width: 100%;
}

img[src^='http://cms.'], img[src^='https://cms.'] {
  max-width: none;
  width: auto;
}

[data-rel] img,
.lightbox-image img {
  margin-bottom: 0;
}

/**
 * Tables
 */
table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  text-align: left;
  font-size: 1rem;
}

@media (max-width: 39.94444em) {
  table {
    overflow-x: auto;
    display: block;
  }
}

table caption {
  text-align: left;
  padding: 1rem 1rem 1.38889rem;
  display: table-caption;
  font-weight: 700;
  font-size: 1.2rem;
}

table thead {
  border-collapse: collapse;
  display: table-header-group;
}

table tbody {
  width: 100%;
  overflow-x: scroll;
  display: table-row-group;
}

table tbody tr {
  padding: 1rem 0;
}

table tbody tr:not(:last-child) {
  border-bottom: 0.05556rem solid #e5e5e5;
}

table tr {
  display: table-row;
}

table th,
table td {
  padding: 1rem;
  display: table-cell;
  vertical-align: top;
}

@media (max-width: 39.94444em) {
  table td {
    min-width: 50vw;
  }
}

.googleMaps {
  height: 400px;
}

@media (min-width: 62em) {
  .googleMaps {
    height: 520px;
  }
}

.googleMaps iframe {
  height: 100%;
}

@media (min-width: 47.5em) {
  .align-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

img.width-auto {
  width: auto;
}

@media (min-width: 40em) {
  .columns-list {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media (min-width: 47.5em) {
  .columns-list {
    -webkit-column-count: 3;
            column-count: 3;
  }
}

@media (max-width: 47.44444em) {
  .margin-bottom-mediumMax {
    margin-bottom: 18px;
  }
}

p.white {
  color: #fff;
}

p.white.important {
  color: #fff !important;
}

@media (min-width: 47.5em) {
  .flex-direction-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (min-width: 47.5em) {
  .align-right {
    text-align: right;
  }
}

.marginBottom, main p,
main ol,
main ul,
main dl,
main table, form.default label[for="Datenschutz"] {
  margin-bottom: 1.55556rem;
}

.highlight {
  color: #0c86b6;
  font-weight: 700;
}

.middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bigBlock {
  font-size: 1.4rem;
  padding: 0.75rem 1rem;
  display: block;
}

.bigBlock,.round {
  background: #0c86b6;
  color: #fff;
  font-weight: 700;
}

.round {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.22222rem;
}

.btn, form.default button,
form.default [type="submit"] {
  background: #0c86b6;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.55556rem;
  padding: 1.223rem 1rem;
  text-align: center;
  text-decoration: none;
  font-family: "Muli", sans-serif;
  font-weight: 700;
}

@media (min-width: 40em) {
  .btn, form.default button,
  form.default [type="submit"] {
    display: inline-block;
    padding: 1.223rem 2rem;
  }
}

.btn:hover, form.default button:hover,
form.default :hover[type="submit"], .btn:active, form.default button:active,
form.default :active[type="submit"], .btn:focus, form.default button:focus,
form.default :focus[type="submit"] {
  background: #666666;
  color: #fff;
}

.btn.light, form.default button.light,
form.default .light[type="submit"] {
  background: #fff;
  color: #404040;
}

.btn.light:hover, form.default button.light:hover,
form.default .light:hover[type="submit"] {
  background: #1da5db;
  color: #fff;
}

.btn *[class^="icon"], form.default button *[class^="icon"], form.default [type="submit"] *[class^="icon"] {
  margin-left: 0.5rem;
  vertical-align: middle;
}

.clear {
  clear: both;
  float: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none;
}

.hideText {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  overflow: hidden;
  width: 0;
}

.floatLeft {
  float: left;
}

img.floatLeft {
  margin-right: 1rem;
}

.floatRight {
  float: right;
}

img.floatRight {
  margin-left: 1rem;
}

.fluid {
  height: auto;
  width: 100%;
}

.nonFluid {
  width: auto !important;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.wide {
  width: 100%;
  display: block;
}

/* 16:9 video resolutions */
.videoContainer:not(.videoTag), main .googleMaps:not(.videoTag) {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.videoContainer:not(.videoTag) iframe, main .googleMaps:not(.videoTag) iframe {
  border: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.videoContainer video, main .googleMaps video {
  width: 100%;
  height: auto;
}

body:before {
  width: 99pt;
  content: "default:16px....tiny:30em....small:40em....medium:47.5em....large:62em....giant:75em....huge:85.25em....full:95em";
  display: none !important;
  /* Prevent from displaying. */
}

@media (min-width: 30em) {
  body:before {
    width: 177pt;
  }
}

@media (min-width: 40em) {
  body:before {
    width: 261pt;
  }
}

@media (min-width: 47.5em) {
  body:before {
    width: 363pt;
  }
}

@media (min-width: 62em) {
  body:before {
    width: 447pt;
  }
}

@media (min-width: 75em) {
  body:before {
    width: 531pt;
  }
}

@media (min-width: 85.25em) {
  body:before {
    width: 627pt;
  }
}

@media (min-width: 95em) {
  body:before {
    width: 705pt;
  }
}

body.devmode:before, body.debug:before {
  background: #818181;
  border-color: #818181;
  border-style: solid;
  border-width: 0 1rem;
  color: #fff;
  display: block !important;
  font-family: Courier;
  font-size: 10pt;
  left: 0;
  line-height: 2.5;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  white-space: nowrap;
  z-index: 99999;
}

body:hover:before {
  opacity: 0.5;
  pointer-events: none;
}

.backToTop, .btn, form.default button,
form.default [type="submit"], #quickbar label[for="naviToggled"]:after, #navigation, #navigation nav ul.navi li a,
#navigation nav ul.navi li:not(.nav-back) > span, #navigation nav ul.navi li.nav-back,
#navigation nav ul.navi li.hasSub > span, #navigation nav ul.navi li.hasSub > span .sub,
#navigation nav ul.navi li.hasSub > a .sub, #navigation nav ul.navi li.hasSub .sub, #quickbar, form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default input,
form.default textarea,
form.default select {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.notificationArea {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
}

.notificationArea > :not(:last-child) {
  margin-bottom: 18px;
}

.notificationArea .notification {
  position: relative;
  -webkit-transition: 300ms all ease-in-out;
  transition: 300ms all ease-in-out;
  overflow: hidden;
  padding: 1em;
  background: #818181;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  width: 290px;
  max-width: calc(100vw - 40px);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.notificationArea .notification, .notificationArea .notification a {
  color: #fff;
}

.notificationArea .notification .close {
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
}

.notificationArea .notification.hide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
  max-height: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.timeline-row html, .timeline-row body {
  height: 100%;
}

.timeline-row body {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  color: #424949;
  background-color: #ECF0F1;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.timeline-row h1 {
  text-align: center;
  height: 38px;
  margin: 60px 0;
}

.timeline-row h1 span {
  white-space: nowrap;
}

.timeline-row .flex-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.timeline-row .input-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80vw;
  height: 100px;
  max-width: 1000px;
  position: relative;
  z-index: 0;
}

.timeline-row .input {
  width: 25px;
  height: 25px;
  background-color: #2C3E50;
  position: relative;
  border-radius: 50%;
}

.timeline-row .input:hover {
  cursor: pointer;
}

.timeline-row .input::before, .timeline-row .input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #2C3E50;
  width: 4vw;
  height: 5px;
  max-width: 50px;
}

.timeline-row .input::before {
  left: calc(-4vw + 12.5px);
}

.timeline-row .input::after {
  right: calc(-4vw + 12.5px);
}

.timeline-row .input.active,.timeline-row .input.active::before {
  background-color: #2C3E50;
}

.timeline-row .input.active::after {
  background-color: #AEB6BF;
}

.timeline-row .input.active span {
  font-weight: 700;
}

.timeline-row .input.active span::before {
  font-size: 13px;
}

.timeline-row .input.active span::after {
  font-size: 15px;
}

.timeline-row .input.active ~ .input, .timeline-row .input.active ~ .input::before, .timeline-row .input.active ~ .input::after {
  background-color: #AEB6BF;
}

.timeline-row .input span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
}

.timeline-row .input span::before, .timeline-row .input span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}

.timeline-row .input span::after {
  content: attr(data-year);
  top: 25px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
}

.timeline-row .input span::before {
  content: attr(data-info);
  top: -65px;
  width: 70px;
  -webkit-transform: translateX(-5px) rotateZ(-45deg);
          transform: translateX(-5px) rotateZ(-45deg);
  font-size: 12px;
  text-indent: -10px;
}

.timeline-row .description-flex-container {
  width: 80vw;
  font-weight: 400;
  font-size: 22px;
  margin-top: 100px;
  max-width: 1000px;
}

.timeline-row .description-flex-container p {
  margin-top: 0;
  display: none;
}

.timeline-row .description-flex-container p.active {
  display: block;
}

@media (min-width: 1250px) {
  .timeline-row .input::before {
    left: -37.5px;
  }
  .timeline-row .input::after {
    right: -37.5px;
  }
}

@media (max-width: 850px) {
  .timeline-row .input {
    width: 17px;
    height: 17px;
  }
  .timeline-row .input::before, .timeline-row .input::after {
    height: 3px;
  }
  .timeline-row .input::before {
    left: calc(-4vw + 8.5px);
  }
  .timeline-row .input::after {
    right: calc(-4vw + 8.5px);
  }
}

@media (max-width: 600px) {
  .timeline-row .flex-parent {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
  .timeline-row .input-flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: auto;
    margin-top: 15vh;
  }
  .timeline-row .input {
    width: 60px;
    height: 60px;
    margin: 0 10px 50px;
    background-color: #AEB6BF;
  }
  .timeline-row .input::before, .timeline-row .input::after {
    content: none;
  }
  .timeline-row .input span {
    width: 100%;
    height: 100%;
    display: block;
  }
  .timeline-row .input span::before {
    top: calc(100% + 5px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-indent: 0;
    text-align: center;
  }
  .timeline-row .input span::after {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #ECF0F1;
  }
  .timeline-row .description-flex-container {
    margin-top: 30px;
    text-align: center;
  }
}

@media (max-width: 400px) {
  .timeline-row body {
    min-height: 950px;
  }
}

#navigation nav ul.navi li a:hover,
#navigation nav ul.navi li:not(.nav-back) > span:hover, #navigation nav ul.navi li.nav-back:hover,
#navigation nav ul.navi li.hasSub > span:hover {
  color: #fff;
  background-color: #1da5db;
}

@media (min-width: 62em) {
  #navigation nav ul.navi li a:hover,
  #navigation nav ul.navi li:not(.nav-back) > span:hover, #navigation nav ul.navi li.nav-back:hover,
  #navigation nav ul.navi li.hasSub > span:hover {
    color: #c5c5c5;
    background: transparent;
  }
}

#navigation nav ul.navi li a.active,
#navigation nav ul.navi li.hasSub > span.active, #navigation nav ul.navi li.hasSub.active > a,
#navigation nav ul.navi li.hasSub.active > span {
  color: #fff;
  background-color: #1da5db;
}

@media (min-width: 62em) {
  #navigation nav ul.navi li a.active,
  #navigation nav ul.navi li.hasSub > span.active, #navigation nav ul.navi li.hasSub.active > a,
  #navigation nav ul.navi li.hasSub.active > span {
    color: #c5c5c5;
    background: transparent;
  }
}

#navigation nav ul.navi li.nav-back:before {
  font-family: "icomoon";
  content: "❯";
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

@media (min-width: 62em) {
  #navigation nav ul.navi li.nav-back:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

#navigation nav ul.navi li.hasSub > span:after,
#navigation nav ul.navi li.hasSub > a:after {
  font-family: "icomoon";
  content: "❯";
}

@media (min-width: 62em) {
  #navigation nav ul.navi li.hasSub > span:after,
  #navigation nav ul.navi li.hasSub > a:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@media (max-width: 61.94444em) {
  #navigation {
    min-width: 80%;
    overflow: hidden;
    top: 2.77778rem;
    bottom: 0;
  }
  #navigation nav ul {
    overflow: hidden;
    height: calc(100vh - 2.77778rem);
  }
  #navigation nav ul.open, #navigation nav ul.navi {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #navigation nav ul.navi li.hasSub .sub:before {
    content: attr(data-parent-name);
    display: block;
  }
  html.hidden-scroll {
    overflow: hidden;
  }
}

#quickbar {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
}

@media (max-width: 61.94444em) {
  #quickbar {
    height: 2.77778rem;
  }
}

#quickbar.hide {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

#quickbar label[for="naviToggled"] {
  display: block;
  cursor: pointer;
  width: 1.11111rem;
  height: 1.11111rem;
  position: relative;
  overflow: hidden;
}

#quickbar label[for="naviToggled"]:after {
  content: "";
  position: fixed;
  left: 0;
  width: 200vw;
  height: 200vh;
  display: block;
  background-color: #404040;
  opacity: 0.9;
  z-index: -1;
  top: 2.77778rem;
}

#quickbar label[for="naviToggled"] span {
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
  text-indent: -9999px;
  width: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#quickbar label[for="naviToggled"] span, #quickbar label[for="naviToggled"] span:before, #quickbar label[for="naviToggled"] span:after {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  height: 2px;
  left: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
}

#quickbar label[for="naviToggled"] span:before, #quickbar label[for="naviToggled"] span:after {
  top: calc(50% + 0rem);
  width: 1.11111rem;
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.2s linear;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.2s linear;
  transition: top 0.3s ease-in-out, transform 0.3s 0.2s linear;
  transition: top 0.3s ease-in-out, transform 0.3s 0.2s linear, -webkit-transform 0.3s 0.2s linear;
}

#quickbar label[for="naviToggled"] span:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

#quickbar label[for="naviToggled"] span:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

#naviToggled {
  display: none;
}

@media (max-width: 61.94444em) {
  #naviToggled:not(:checked) ~ * #navigation,
  #naviToggled:not(:checked) ~ #navigation {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

#naviToggled:not(:checked) ~ #quickbar label[for="naviToggled"]:after {
  opacity: 0;
  visibility: hidden;
}

#naviToggled:not(:checked) ~ #quickbar label[for="naviToggled"] span {
  width: 1.11111rem;
}

#naviToggled:not(:checked) ~ #quickbar label[for="naviToggled"] span:before, #naviToggled:not(:checked) ~ #quickbar label[for="naviToggled"] span:after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: top 0.3s 0.2s ease-in-out, -webkit-transform 0.3s linear;
  transition: top 0.3s 0.2s ease-in-out, -webkit-transform 0.3s linear;
  transition: top 0.3s 0.2s ease-in-out, transform 0.3s linear;
  transition: top 0.3s 0.2s ease-in-out, transform 0.3s linear, -webkit-transform 0.3s linear;
}

#naviToggled:not(:checked) ~ #quickbar label[for="naviToggled"] span:before {
  top: calc(50% + -0.27778rem);
}

#naviToggled:not(:checked) ~ #quickbar label[for="naviToggled"] span:after {
  top: calc(50% + 0.27778rem);
}

#navigation {
  position: fixed;
  max-width: 100%;
  right: 0;
  background-color: #0c86b6;
  z-index: 1001;
}

@media (min-width: 62em) {
  #navigation .maxWidth {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
  }
}

#navigation nav .info {
  background: #fff;
  text-align: right;
  padding: 1.25rem 0;
}

@media (max-width: 61.94444em) {
  #navigation nav .info {
    display: none;
  }
}

@media (min-width: 85.25em) {
  #navigation nav .info {
    padding: 1.5rem 0;
  }
}

#navigation nav .info .text {
  padding-right: 3.75rem;
  padding-left: 0;
}

@media (min-width: 75em) {
  #navigation nav .info .text {
    padding-right: 4.5rem;
  }
}

#navigation nav .info .text .languages {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 0;
}

#navigation nav .info p {
  font-size: 0.77778rem;
  display: inline-block;
  margin-left: 1rem;
  position: relative;
  z-index: 11;
}

@media (min-width: 75em) {
  #navigation nav .info p {
    font-size: 0.88889rem;
    margin-left: 2rem;
  }
}

@media (min-width: 85.25em) {
  #navigation nav .info p {
    font-size: 1rem;
    margin-left: 2.5rem;
  }
}

#navigation nav .info p:before {
  margin-right: 0.35rem;
  position: relative;
}

#navigation nav .info p.time {
  padding: 0;
}

#navigation nav .info p.time:before {
  top: 0.05rem;
  font-size: 22px;
}

#navigation nav .info p.phone:before {
  top: 0.15rem;
  font-size: 1.3em;
}

#navigation nav .info p.mail:before {
  font-size: 1.1em;
  top: 0.05rem;
}

#navigation nav ul {
  width: 100%;
}

@media (min-width: 62em) {
  #navigation nav ul.navi {
    padding: 1rem 0;
  }
}

#navigation nav ul.navi li {
  border-top: 1px solid #1da5db;
}

@media (min-width: 62em) {
  #navigation nav ul.navi li {
    font-size: 0.83333rem;
    border: none;
  }
}

@media (min-width: 75em) {
  #navigation nav ul.navi li {
    font-size: 0.88889rem;
  }
}

@media (min-width: 85.25em) {
  #navigation nav ul.navi li {
    font-size: 1rem;
  }
}

#navigation nav ul.navi li a,
#navigation nav ul.navi li:not(.nav-back) > span, #navigation nav ul.navi li.nav-back,
#navigation nav ul.navi li.hasSub > span {
  display: block;
  cursor: pointer;
  padding: 1em 1rem;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

@media (min-width: 62em) {
  #navigation nav ul.navi li a,
  #navigation nav ul.navi li:not(.nav-back) > span, #navigation nav ul.navi li.nav-back,
  #navigation nav ul.navi li.hasSub > span {
    padding: 0;
  }
}

#navigation nav ul.navi li.hasSub > span,
#navigation nav ul.navi li.hasSub > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navigation nav ul.navi li.hasSub > span span,
#navigation nav ul.navi li.hasSub > a span {
  cursor: auto;
}

#navigation nav ul.navi li.hasSub > span .sub,
#navigation nav ul.navi li.hasSub > a .sub {
  position: absolute;
  left: 0;
  top: 0;
  background: #0c86b6;
}

#navigation nav ul.navi li.hasSub > span .sub:before,
#navigation nav ul.navi li.hasSub > a .sub:before {
  content: none;
}

@media (max-width: 61.94444em) {
  #navigation nav ul.navi li.hasSub > span .sub,
  #navigation nav ul.navi li.hasSub > a .sub {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@media (min-width: 62em) {
  #navigation nav ul.navi li.hasSub > span .sub,
  #navigation nav ul.navi li.hasSub > a .sub {
    opacity: 0;
    visibility: hidden;
  }
}

@media (max-width: 61.94444em) {
  body.isTouch #navigation nav ul.navi li.hasSub > span .sub.current, body.isTouch
  #navigation nav ul.navi li.hasSub > a .sub.current {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@media (min-width: 62em) {
  body.isTouch #navigation nav ul.navi li.hasSub > span .sub.current, body.isTouch
  #navigation nav ul.navi li.hasSub > a .sub.current {
    opacity: 1;
    visibility: visible;
  }
}

#navigation nav ul.navi li.hasSub > span:after,
#navigation nav ul.navi li.hasSub > a:after {
  margin-left: 0.5em;
  display: inline-block;
}

@media (min-width: 62em) {
  #navigation nav ul.navi li.hasSub > span:after,
  #navigation nav ul.navi li.hasSub > a:after {
    font-size: 0.85em;
    margin-left: 0.5rem;
    position: relative;
    top: -0.05rem;
  }
}

@media (max-width: 61.94444em) {
  body:not(.isTouch) #navigation nav ul.navi li.hasSub .sub.current {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@media (min-width: 62em) and (min-width: 62em) {
  body:not(.isTouch) #navigation nav ul.navi li.hasSub:hover .sub {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 62em) and (min-width: 62em) {
  body:not(.isTouch) #navigation nav ul.navi li.hasSub:hover .sub .hasSub:not(:hover) .sub {
    opacity: 0;
    visibility: hidden;
  }
}

#navigation nav ul.navi li.hasSub span {
  cursor: auto;
}

#navigation nav ul.navi li.hasSub .sub {
  position: absolute;
  left: 0;
  top: 0;
  background: #0c86b6;
}

#navigation nav ul.navi li.hasSub .sub:before {
  content: none;
}

@media (max-width: 61.94444em) {
  #navigation nav ul.navi li.hasSub .sub {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@media (min-width: 62em) {
  #navigation nav ul.navi li.hasSub .sub {
    opacity: 0;
    visibility: hidden;
  }
}

@media (max-width: 61.94444em) {
  body.isTouch #navigation nav ul.navi li.hasSub .sub.current {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@media (min-width: 62em) {
  body.isTouch #navigation nav ul.navi li.hasSub .sub.current {
    opacity: 1;
    visibility: visible;
  }
}

#navigation nav ul.navi li.nav-back {
  position: relative;
}

#navigation nav ul.navi li.nav-back:before {
  margin-right: 1em;
  display: inline-block;
}

@media (min-width: 62em) {
  #navigation {
    top: 0;
    width: 100%;
  }
  #navigation nav ul.navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #navigation nav ul.navi li a,
  #navigation nav ul.navi li:not(.nav-back) > span,
  #navigation nav ul.navi li .sub:before,
  #navigation nav ul.navi li .nav-back {
    white-space: nowrap;
  }
  #navigation nav ul.navi li.hasSub {
    position: relative;
  }
  #navigation nav ul.navi li.hasSub .sub {
    top: 100%;
    width: auto;
  }
  #navigation nav ul.navi li.hasSub .sub .sub {
    left: 100%;
    top: 0;
  }
  body:not(.isTouch) #navigation nav ul.navi li.nav-back {
    display: none;
  }
  #navigation nav ul.navi li.nav-back:before {
    content: "×";
    text-align: center;
    width: 100%;
  }
  #navigation nav ul.navi li.nav-back span {
    display: none;
  }
  #navigation nav ul.navi li.hasSub .sub li {
    border-top: 1px solid #1da5db;
    padding: 0.5rem 0.75rem;
  }
}

#quickbar {
  background-color: #0c86b6;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  z-index: 1000;
  overflow: hidden;
}

@media (min-width: 62em) {
  #quickbar {
    display: none;
  }
}

#quickbar p:before {
  position: relative;
  top: 0.15rem;
  margin-right: 0.45rem;
}

#quickbar ul.languages {
  background: #1da5db;
  padding: 1rem 0.5rem;
  position: absolute;
  right: 3.25rem;
}

#header {
  display: none;
}

.branding {
  display: block;
  max-width: 164px;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

@media (min-width: 62em) {
  .branding {
    margin: 0;
  }
}

@media (max-width: 61.94444em) {
  .branding .largeBlock {
    display: none;
  }
}

.brandBack {
  padding: 1rem 0;
  background: #fff;
}

@media (min-width: 62em) {
  .brandBack {
    display: none;
  }
}

ul.languages li {
  height: 18px;
}

ul.languages li a {
  display: inline-block;
  font-size: 0;
  height: 18px;
}

ul.languages li a:before {
  content: '';
  width: 30px;
  height: 18px;
  display: block;
  position: relative;
  font-size: 1rem;
}

ul.languages li.en a:before {
  background: url(/images/layout/en.png) no-repeat center;
}

ul.languages li.de a:before {
  background: url(/images/layout/de.png) no-repeat center;
}

main {
  display: block;
}

main#content {
  padding: 3rem 0 2rem;
  margin-top: 2.77778rem;
}

@media (min-width: 47.5em) {
  main#content {
    padding: 4rem 0 3rem;
  }
}

@media (min-width: 85.25em) {
  main#content {
    padding: 4.5rem 0 3.5rem;
  }
}

@media (min-width: 62em) {
  main#content {
    margin-top: 11rem;
  }
}

@media (min-width: 85.25em) {
  main#content {
    margin-top: 11.5rem;
  }
}

@media (min-width: 62em) {
  main#content .firstSection {
    padding: 5rem 0 0;
  }
}

@media (min-width: 75em) {
  main#content .firstSection {
    padding: 6rem 0 0;
  }
}

@media (min-width: 85.25em) {
  main#content .firstSection {
    padding: 6.5rem 0 0;
  }
}

main#content .firstSection .text {
  padding: 4rem 1rem 2.75rem;
}

@media (min-width: 47.5em) {
  main#content .firstSection .text {
    padding: 5rem 1rem 3.75rem;
  }
}

@media (min-width: 62em) {
  main#content .firstSection .text {
    padding: 0 1.5rem 0 1rem;
  }
}

@media (min-width: 75em) {
  main#content .firstSection .text {
    padding: 0 2.5rem 0 1rem;
  }
}

main#content .firstSection .pic {
  height: 14rem;
  background: url(/images/index/tiny-bgWork.jpg) no-repeat center/cover;
}

@media (min-width: 40em) {
  main#content .firstSection .pic {
    height: 18rem;
  }
}

@media (min-width: 47.5em) {
  main#content .firstSection .pic {
    background: url(/images/index/bgWork.jpg) no-repeat center/cover;
    height: 22rem;
  }
}

@media (min-width: 62em) {
  main#content .firstSection .pic {
    height: 34rem;
  }
}

@media (min-width: 75em) {
  main#content .firstSection .pic {
    height: 36rem;
  }
}

main#content .secondSection {
  padding: 4rem 0 2.75rem;
}

@media (min-width: 47.5em) {
  main#content .secondSection {
    padding: 5rem 0 3.75rem;
  }
}

@media (min-width: 62em) {
  main#content .secondSection {
    padding: 1rem 0 3.75rem;
  }
}

@media (min-width: 75em) {
  main#content .secondSection {
    padding: 1rem 0 4.25rem;
  }
}

@media (min-width: 85.25em) {
  main#content .secondSection {
    padding: 1rem 0 4.75rem;
  }
}

@media (max-width: 61.94444em) {
  main#content .secondSection hr {
    display: none;
  }
}

main#content .teaserDiv {
  padding: 4rem 0;
  background: #e5e5e5;
  text-align: center;
}

@media (min-width: 47.5em) {
  main#content .teaserDiv {
    padding: 5rem 0;
  }
}

@media (min-width: 62em) {
  main#content .teaserDiv {
    padding: 5rem 0 5.5rem;
  }
}

@media (min-width: 75em) {
  main#content .teaserDiv {
    padding: 6rem 0 6.5rem;
  }
}

@media (min-width: 85.25em) {
  main#content .teaserDiv {
    padding: 6.5rem 0 7rem;
  }
}

@media (min-width: 75em) {
  main#content .teaserDiv .my-slider-teaser {
    width: 100%;
  }
}

main#content .teaserDiv .my-slider-teaser .col {
  padding: 0 0.25rem;
}

@media (min-width: 47.5em) {
  main#content .teaserDiv .my-slider-teaser .col {
    padding: 0 0.5rem;
  }
}

main#content .teaserDiv .my-slider-teaser .col .box {
  background: #0c86b6;
  padding: 0 0 1rem;
}

main#content .teaserDiv .my-slider-teaser .col .box:before {
  content: '';
  height: 13rem;
  width: 100%;
  background: #fff;
  position: relative;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 47.5em) {
  main#content .teaserDiv .my-slider-teaser .col .box:before {
    height: 14rem;
  }
}

main#content .teaserDiv .my-slider-teaser .col .box.first:before {
  background: #fff url(/images/index/intermat.jpg) no-repeat center;
}

main#content .teaserDiv .my-slider-teaser .col .box.second:before {
  background: #fff url(/images/index/rollomat.jpg) no-repeat center;
}

main#content .teaserDiv .my-slider-teaser .col .box.third:before {
  background: #fff url(/images/index/capmat.jpg) no-repeat center;
}

main#content .teaserDiv .my-slider-teaser .col .box.fourth:before {
  background: #fff url(/images/index/addmat.jpg) no-repeat center;
}

main#content .teaserDiv .my-slider-teaser .col .box p {
  color: #fff;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1.11111rem;
}

main#content .teaserDiv .my-slider-teaser .col .box a {
  color: #fff;
  font-weight: 300;
}

main#content .teaserDiv .my-slider-teaser .col .box a:hover {
  opacity: 0.7;
}

main#content .teaserDiv .my-slider-teaser .col .box a:hover:after {
  margin-left: 0.35rem;
}

main#content .teaserDiv .my-slider-teaser .col .box a:after {
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
  content: '»';
  margin-left: 0.55rem;
}

main#content .thirdSection {
  padding: 4rem 0 2.75rem;
}

@media (min-width: 47.5em) {
  main#content .thirdSection {
    padding: 5rem 0 3.75rem;
  }
}

@media (min-width: 75em) {
  main#content .thirdSection {
    padding: 6rem 0 4.75rem;
  }
}

@media (min-width: 85.25em) {
  main#content .thirdSection {
    padding: 6.5rem 0 5.25rem;
  }
}

main#content .highlightDiv {
  padding: 3rem 0;
  text-align: center;
  background: #e5e5e5;
}

@media (min-width: 47.5em) {
  main#content .highlightDiv {
    padding: 4rem 0 3rem;
  }
}

@media (min-width: 62em) {
  main#content .highlightDiv {
    padding: 4.5rem 0;
  }
}

@media (min-width: 62em) {
  main#content .highlightDiv .col {
    padding: 0;
  }
}

main#content .highlightDiv .col p {
  font-weight: 300;
  border-bottom: 1px solid #bebebe;
  padding-bottom: 2rem;
}

@media (min-width: 47.5em) {
  main#content .highlightDiv .col p {
    border-bottom: none;
  }
}

@media (min-width: 62em) {
  main#content .highlightDiv .col p {
    font-size: 0.83333rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 75em) {
  main#content .highlightDiv .col p {
    padding: 2rem 0;
    border-right: 1px solid #bebebe;
  }
}

@media (min-width: 85.25em) {
  main#content .highlightDiv .col p {
    font-size: 0.88889rem;
  }
}

@media (min-width: 95em) {
  main#content .highlightDiv .col p {
    font-size: 1rem;
  }
}

main#content .highlightDiv .col p:before {
  content: '';
  height: 89px;
  width: 120px;
  margin: 0 auto 1.5rem;
  display: block;
}

main#content .highlightDiv .col p strong {
  font-weight: 700;
}

main#content .highlightDiv .col p.first:before {
  background: url(/images/index/vertriebsnetz.png) no-repeat center;
}

main#content .highlightDiv .col p.second:before {
  background: url(/images/index/kompetenz.png) no-repeat center;
}

@media (min-width: 47.5em) {
  main#content .highlightDiv .col p.third {
    margin-bottom: 0;
  }
}

main#content .highlightDiv .col p.third:before {
  background: url(/images/index/ideen.png) no-repeat center;
}

main#content .highlightDiv .col p.fourth {
  border: none;
  padding: 0;
}

@media (min-width: 75em) {
  main#content .highlightDiv .col p.fourth {
    padding: 2rem 0;
  }
}

main#content .highlightDiv .col p.fourth:before {
  background: url(/images/index/ausbildungsbetrieb.png) no-repeat center;
}

@media (min-width: 47.5em) {
  main .googleMaps {
    height: 22.22222rem;
  }
}

#privacyPolicy a {
  display: inline-block;
  word-break: break-all;
}

footer {
  background: #fff;
}

footer .footer {
  background: #0c86b6;
  padding: 5rem 0;
  text-align: center;
}

@media (min-width: 40em) {
  footer .footer {
    padding: 6rem 0;
  }
}

footer .footer .h1 {
  color: #fff;
  margin-bottom: 2rem;
}

@media (min-width: 47.5em) {
  footer .footer .h1 {
    margin-bottom: 3rem;
  }
}

footer .footer .h1 span {
  color: #fff;
}

footer .footer p.phone {
  border: 1px solid #fff;
  display: block;
  margin-bottom: 0.25rem;
  color: #fff;
  font-weight: 700;
  padding: 1.167rem 2rem;
}

@media (min-width: 40em) {
  footer .footer p.phone {
    display: inline-block;
    margin-right: 0.35rem;
    margin-bottom: 0;
  }
}

footer .footer p.phone:before {
  margin-right: 0.35rem;
  position: relative;
  top: 0.15rem;
}

footer .contacts {
  padding: 3rem 0;
}

@media (min-width: 40em) {
  footer .contacts {
    padding: 4rem 0;
  }
}

@media (min-width: 47.5em) {
  footer .contacts {
    padding: 4rem 0 3rem;
  }
}

@media (min-width: 62em) {
  footer .contacts {
    padding: 3.5rem 0;
  }
}

footer .contacts .branding {
  margin: 0 0 2rem;
}

footer .contacts p {
  margin-bottom: 1rem;
  font-size: 0.88889rem;
}

@media (min-width: 62em) {
  footer .contacts p {
    font-size: 0.72222rem;
    margin-bottom: 0;
  }
}

@media (min-width: 75em) {
  footer .contacts p {
    font-size: 0.88889rem;
  }
}

@media (min-width: 85.25em) {
  footer .contacts p {
    font-size: 1rem;
  }
}

@media (min-width: 62em) {
  footer .contacts p span.time {
    display: none;
  }
}

@media (min-width: 62em) {
  footer .contacts .branding {
    margin: 0;
  }
}

footer .navi li {
  line-height: 1.4em;
}

footer .navi li a {
  font-size: 0.88889rem;
  color: #404040;
}

@media (min-width: 62em) {
  footer .navi li a {
    font-size: 0.72222rem;
  }
}

@media (min-width: 75em) {
  footer .navi li a {
    font-size: 0.88889rem;
  }
}

@media (min-width: 85.25em) {
  footer .navi li a {
    font-size: 1rem;
  }
}

footer .navi li a:hover, footer .navi li a.active {
  color: #0c86b6;
}

body.langDE ul.languages li.de,body.langEN ul.languages li.en {
  display: none;
}

body.index #header, body.enIndex #header {
  position: relative;
  width: 100%;
  margin-top: 2.77778rem;
  display: block;
}

@media (min-width: 62em) {
  body.index #header, body.enIndex #header {
    margin-top: 11rem;
  }
}

body.index #header.lazyLoaded, body.enIndex #header.lazyLoaded {
  background-size: cover;
}

body.index #header .tns-nav, body.enIndex #header .tns-nav {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 111;
}

body.index #header .tns-nav button, body.enIndex #header .tns-nav button {
  background: transparent;
  border: 1px solid #404040;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 0.25rem;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
}

body.index #header .tns-nav button.tns-nav-active, body.index #header .tns-nav button:hover, body.enIndex #header .tns-nav button.tns-nav-active, body.enIndex #header .tns-nav button:hover {
  background: #0c86b6;
  border: 1px solid #0c86b6;
}

body.index #header .my-slider-header, body.enIndex #header .my-slider-header {
  height: 22rem;
  position: relative;
}

@media (min-width: 30em) {
  body.index #header .my-slider-header, body.enIndex #header .my-slider-header {
    height: 25rem;
  }
}

@media (min-width: 62em) {
  body.index #header .my-slider-header, body.enIndex #header .my-slider-header {
    height: 30rem;
  }
}

body.index #header .my-slider-header .claim .col, body.enIndex #header .my-slider-header .claim .col {
  opacity: 0;
  visibility: hidden;
}

body.index #header .my-slider-header .claim .col:first-of-type, body.enIndex #header .my-slider-header .claim .col:first-of-type,body.index #header .my-slider-header .claim .col:last-of-type, body.enIndex #header .my-slider-header .claim .col:last-of-type {
  -webkit-transition: 800ms;
  transition: 800ms;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}

body.index #header .my-slider-header .tns-slide-active .claim .col:first-of-type, body.enIndex #header .my-slider-header .tns-slide-active .claim .col:first-of-type {
  -webkit-transition: 800ms;
  transition: 800ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

body.index #header .my-slider-header .tns-slide-active .claim .col:last-of-type, body.enIndex #header .my-slider-header .tns-slide-active .claim .col:last-of-type {
  -webkit-transition: 800ms;
  transition: 800ms;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

body.index #header .my-slider-header .tns-item, body.enIndex #header .my-slider-header .tns-item {
  position: relative;
  height: 100%;
}

body.index #header .my-slider-header .tns-item .claim, body.enIndex #header .my-slider-header .tns-item .claim {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  width: 100%;
}

@media (min-width: 85.25em) {
  body.index #header .my-slider-header .tns-item .claim, body.enIndex #header .my-slider-header .tns-item .claim {
    margin: 0 auto;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

body.index #header .my-slider-header p.big, body.enIndex #header .my-slider-header p.big {
  font-weight: 700;
  font-size: 1.44444rem;
  margin-bottom: 1rem;
  line-height: 1.4em;
}

@media (min-width: 47.5em) {
  body.index #header .my-slider-header p.big, body.enIndex #header .my-slider-header p.big {
    font-size: 1.66667rem;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 75em) {
  body.index #header .my-slider-header p.big, body.enIndex #header .my-slider-header p.big {
    font-size: 1.88889rem;
  }
}

@media (min-width: 85.25em) {
  body.index #header .my-slider-header p.big, body.enIndex #header .my-slider-header p.big {
    font-size: 2.16667rem;
  }
}

body.index #header .my-slider-header p.big span, body.enIndex #header .my-slider-header p.big span {
  font-weight: 300;
  display: block;
  font-size: 0.8em;
}

body.index #header .my-slider-header p.small, body.enIndex #header .my-slider-header p.small {
  color: #0c86b6;
  font-weight: 700;
  font-size: 1.22222rem;
  margin-bottom: 2rem;
}

@media (min-width: 47.5em) {
  body.index #header .my-slider-header p.small, body.enIndex #header .my-slider-header p.small {
    font-size: 1.44444rem;
  }
}

body.index main#content, body.enIndex main#content {
  margin: 0;
  padding: 0;
}

body.kontakt footer .contacts, body.enContact footer .contacts {
  background: #e5e5e5;
}

body.cmsBackend header,
body.cmsBackend footer,
body.cmsBackend nav {
  display: none;
}

body.langEN main#content .highlightDiv {
  background: #fff;
}

.fade {
  -webkit-transform: translate(0, 4rem);
          transform: translate(0, 4rem);
  opacity: 0;
  visibility: hidden;
}

.fade:nth-of-type(4n+1) {
  -webkit-transition: all 0.5s 0.15s ease-in-out;
  transition: all 0.5s 0.15s ease-in-out;
}

.fade:nth-of-type(4n+2) {
  -webkit-transition: all 0.5s 0.3s ease-in-out;
  transition: all 0.5s 0.3s ease-in-out;
}

.fade:nth-of-type(4n+3) {
  -webkit-transition: all 0.5s 0.45s ease-in-out;
  transition: all 0.5s 0.45s ease-in-out;
}

.fade:nth-of-type(4n+4) {
  -webkit-transition: all 0.5s 0.6s ease-in-out;
  transition: all 0.5s 0.6s ease-in-out;
}

.fade.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none;
}

.tns-horizontal .tns-item.first {
  background: url(/images/slideshow/slider-1-tiny.jpg) no-repeat bottom center/cover;
}

@media (min-width: 40em) {
  .tns-horizontal .tns-item.first {
    background: url(/images/slideshow/slider-1.jpg) no-repeat bottom center/cover;
  }
}

.tns-horizontal .tns-item.second {
  background: url(/images/slideshow/slider-2-tiny.jpg) no-repeat bottom center/cover;
}

@media (min-width: 40em) {
  .tns-horizontal .tns-item.second {
    background: url(/images/slideshow/slider-2.jpg) no-repeat bottom center/cover;
  }
}

.tns-horizontal .tns-item.third {
  background: url(/images/slideshow/slider-3-tiny.jpg) no-repeat bottom center/cover;
}

@media (min-width: 40em) {
  .tns-horizontal .tns-item.third {
    background: url(/images/slideshow/slider-3.jpg) no-repeat bottom center/cover;
  }
}

.unternehmenUeberUns #content, .enCompanyAboutUs #content {
  background: #efefef;
}

@media (min-width: 62em) {
  .unternehmenUeberUns #content, .enCompanyAboutUs #content {
    padding: 4.5rem 0 12.5rem;
  }
}

/************************************************************

  Timeline

*************************************************************/
.timeline {
  max-width: 100%;
}

@media (min-width: 40em) {
  .timeline {
    padding: 40px;
  }
}

.timeline-dates {
  padding: .5rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 3rem 0 3.5rem;
}

.timeline-dates .swiper-slide {
  cursor: pointer;
  font-weight: bold;
  font-style: italic;
  min-height: 37px;
  width: auto;
  height: 100%;
}

.timeline-dates .swiper-slide div {
  position: relative;
  font-size: 1.5rem;
  opacity: 0.4;
  top: 0;
}

.timeline-dates .swiper-slide-active div {
  font-size: 2rem;
  opacity: 1;
  top: -.5rem;
}

.timeline-dates.swiper-container:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: .3rem;
  opacity: .5;
  border-bottom: 2px dotted #0c86b6;
}

.timeline-dates .swiper-slide:after {
  content: "";
  width: .4rem;
  height: .4rem;
  position: absolute;
  bottom: -.55rem;
  background-color: #0c86b6;
  border-radius: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.timeline-dates .swiper-wrapper {
  height: 100% !important;
}

.timeline-dates .swiper-slide-active:after {
  background-color: #0c86b6;
}

.timeline-contents {
  height: 80%;
  width: 100%;
}

/* Arrows */
.timeline-buttons-container {
  position: absolute;
  top: 245px;
  right: 1rem;
  left: 1rem;
}

@media (min-width: 40em) {
  .timeline-buttons-container {
    top: 50%;
  }
}

@media (min-width: 62em) {
  .timeline-buttons-container {
    top: 60%;
  }
}

.timeline-button-next,
.timeline-button-prev {
  position: absolute;
  top: 45%;
  width: auto;
  height: auto;
  margin-top: 0;
  z-index: 2;
  cursor: pointer;
  background-color: #0c86b6;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 17px;
  padding: 5px;
}

.timeline-button-next {
  right: 0;
}

@media (min-width: 40em) {
  .timeline-button-next {
    right: 1rem;
  }
}

.timeline-button-prev {
  left: 0;
}

@media (min-width: 40em) {
  .timeline-button-prev {
    left: 1rem;
  }
}

.timeline-button-next:hover,
.timeline-button-prev:hover {
  background-color: rgba(12, 134, 182, 0.7);
}

.timeline-button-next:before,
.timeline-button-prev:before {
  color: white;
  position: absolute;
  top: 45%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-right: -50%;
}

.timeline-button-next:before {
  left: 53%;
}

.timeline-button-prev:before {
  left: 47%;
}

.timeline-button-next:hover:before,
.timeline-button-prev:hover:before {
  color: #fff;
}

.timeline-content-width {
  max-width: 90% !important;
  margin: 0 auto !important;
}

.hotelIframes iframe {
  border: 0;
  height: 450px;
  width: 100%;
}

form.default {
  overflow: hidden;
  width: 100%;
}

form.default ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #404040;
}

form.default ::-moz-placeholder {
  /* Firefox 19+ */
  color: #404040;
}

form.default :-ms-input-placeholder {
  /* IE 10+ */
  color: #404040 !important;
}

form.default :-moz-placeholder {
  /* Firefox 18- */
  color: #404040;
}

form.default fieldset {
  border: none;
  margin: 0 0 3.5rem 0;
}

form.default label,
form.default input,
form.default textarea,
form.default select,
form.default button,
form.default [type="submit"] {
  min-height: 3.5rem;
}

form.default label {
  color: inherit;
  display: block;
  padding: 1rem 0 0.6rem;
  position: relative;
}

form.default label small {
  color: #818181;
  display: inline-block;
  line-height: 0.5rem;
}

form.default label[for="Datenschutz"] {
  float: left;
  width: calc(100% - 1.66667rem);
}

form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default input,
form.default textarea,
form.default select {
  background: #fff;
  border: 1px solid #bebebe;
  color: #404040;
  display: block;
  font-family: "Muli", sans-serif;
  font-size: 1rem;
  line-height: 1.55556rem;
  margin: 0 0 0.5rem 0;
  padding: 1rem;
  position: relative;
  resize: none;
  width: 100%;
  border-radius: 0;
}

form.default [type="text"]:focus,
form.default [type="tel"]:focus,
form.default [type="email"]:focus,
form.default [type="file"]:focus,
form.default input:focus,
form.default textarea:focus,
form.default select:focus {
  background: #e5e5e5;
  outline: none;
  border: 1px solid #e5e5e5;
}

form.default textarea {
  /* fake line-height */
  min-height: 7.5rem;
  padding-top: 0.9rem;
}

form.default textarea[name="Nachricht"] {
  min-height: 18.5rem;
}

form.default [type="checkbox"] {
  display: inline-block;
  float: right;
  margin: 0 0 0.5rem 0.83333rem;
  padding: 0;
  width: 0.83333rem;
  height: 0.83333rem;
}

body.internetExplorer form.default [type="checkbox"], form.default [type="checkbox"] body.edge {
  border: none;
  min-height: 0.83rem;
  margin-top: 1.45rem;
}

body.internetExplorer form.default [type="checkbox"]:focus, form.default [type="checkbox"] body.edge:focus {
  background: none;
}

form.default [type="radio"] {
  clear: none;
  float: left;
  width: 0.83333rem;
  margin: 0.4rem 0.8rem 0 0;
  min-height: auto;
}

form.default button,
form.default [type="submit"] {
  margin: 0 0 1.75rem;
  width: 100%;
}

/*=VALIDATION */
.specialfield {
  display: none !important;
  visibility: hidden !important;
}

#newsletter-info {
  background: #818181;
  color: #fff;
  font-weight: bold;
  margin-bottom: 28px;
  padding: 18px;
}

#newsletter-info *:last-of-type {
  margin-bottom: 0;
}

img[name="vimg"] + input[name="imgverify"] {
  float: right;
}