@charset 'UTF-8';
@import "bootstrap-tables.css";
@import "bootstrap-select.min.css";
@import "jquery-ui.min.css";
@import "jquery.fancybox.css";
@import "glyphicons.css";
@import "slick.css";
.logo img {
  height: auto;
}
#topcontrol {
  z-index: 200;
}
.ba {
  margin: 0px;
}
.cms-first-content-item {
  line-height: 1.2em!important;
  margin-top: inherit;
}
@media (max-width: 991px) {
  main .container {
    padding: 0 20px;
  }
  main .row {
    margin-left: -7px;
    margin-right: -7px;
  }
}
main a:hover img {
  backface-visibility: hidden;
  opacity: 1;
}
#wrapper {
  overflow: hidden;
}
/* ============================================================================================================================== */
/* FONTS
/* ============================================================================================================================== */

/* ============================================================================================================================== */
/* Variables
/* ============================================================================================================================== */
/*------ Main Colors ------*/
/*------ Secundary Colors ------*/
/*------ Fonts ------*/
/*------ Mixins ------*/
/*------ Element Lightbox ------------------------ */

@media (max-width: 767px) {
  .fancybox-wrap {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .fancybox-inner {
    width: 100% !important;
  }
  .fancybox-skin,
  .fancybox-outer,
  .fancybox-inner {
    height: 100% !important;
  }
}
/*------ Lightbox Iframe Content------------------------ */
.tx-lightbox.fancybox-type-iframe {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.tx-lightbox.fancybox-type-iframe .fancybox-inner {
  width: 100% !important;
}
.tx-lightbox.fancybox-type-iframe .fancybox-skin,
.tx-lightbox.fancybox-type-iframe .fancybox-outer,
.tx-lightbox.fancybox-type-iframe .fancybox-inner {
  height: 100% !important;
}
/*------ Lightbox Inline Content------------------------ */
.tx-lightbox-inline .box-content .cms-section {
  padding: 40px;
}
.tx-lightbox-inline .box-content .container {
  width: 900px;
  max-width: 900px;
}
@media (max-width: 991px) {
  .tx-lightbox-inline .box-content .container {
    width: 100%;
  }
}
.tx-lightbox-inline .box-content img {
  max-width: 980px;
}
@media (max-width: 991px) {
  .tx-lightbox-inline .box-content img {
    margin-bottom: 20px;
  }
}
.tx-lightbox-inline .box-content .row.v-center {
  margin-bottom: 40px;
}
.tx-lightbox-inline .box-content .row.v-center:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tx-lightbox-inline .fancybox-nav span {
    width: 30px;
  }
  .tx-lightbox-inline .fancybox-nav span:before {
    width: 30px;
  }
}
/* Slider */
.slick-list {
  padding: 0;
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 100px;
  margin-top: -50px;
  padding: 0;
  cursor: pointer;
  color: #ffffff;
  border: none;
  outline: none;
  background: #333333;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slick-prev:before,
.slick-next:before {
  font-family: "Glyphicons Regular";
  font-size: 15px;
  line-height: 100px;
}
.slick-prev {
  left: -80px;
}
.slick-prev:before {
  content: "\E225";
}
.container .slick-prev {
  left: 25px;
}
.slick-prev:hover {
  color: #ffffff;
  background-color: #cf0000;
}
[dir='rtl'] .slick-prev {
  right: -80px;
  left: auto;
}
.slick-next {
  right: -80px;
}
.slick-next:before {
  content: "\E224";
}
.container .slick-next {
  right: 25px;
}
.slick-next:hover {
  color: #ffffff;
  background-color: #cf0000;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -80px;
}
.cms-slideshow:hover .slick-prev {
  left: 25px;
}
.cms-slideshow:hover .slick-next {
  right: 25px;
}
/* Dots */
.slick-dots {
  display: block;
  width: 100%;
  padding: 30px 0 0 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 7px;
  height: 7px;
  padding: 4px;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: #c4c4c4;
}
.slick-dots li.slick-active button {
  background: #cf0000;
}
main {
  background: #ffffff;
  color: #000000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.7em;
  /* ============================================================================================================================== */
  /* Resets
/* ============================================================================================================================== */
  /* ============================================================================================================================== */
  /* Global Styles
/* ============================================================================================================================== */
  /*------ Helper Clases ------*/
  /* ============================================================================================================================== */
  /* Global Elements
/* ============================================================================================================================== */
  /*------ Buttons / Links ------*/
  /*------ Listen ------*/
  /*------ Tabellen ------*/
  /*------ Formular ------*/
  /*--- Tooltip ---*/
  /*--- Glyphicons FIX---*/
  /* ============================================================================================================================== */
  /* TEMPLATE SECTIONS / FULLPAGE
/* ============================================================================================================================== */
  /*------ Sections ------*/
  /*------ Section Full Size ------------------------ */
  /*------ OnePage Navigation ------------------------ */
  /*------ More-hint ------------------------ */
  /* ============================================================================================================================== */
  /* LIVELINK ELEMENTS
/* ============================================================================================================================== */
  /*------ Element Tab Navigation ------------------------ */
  /*------ Element Countdown ------------------------ */
  /*------ Element Half Image ------------------------ */
  /*------ Element Slideshow ------------------------ */
  /*------ Slideshow Varianten ------------------------ */
  /*------ Element Steps ------------------------ */
  /*------ Element Interview ------------------------ */
  /*------ Element Bubbles ------------------------ */
  /*------ Element Teaser Footer ------------------------ */
  /*------ Element Teaser Box ------------------------ */
  /*------ Element Accordion ------------------------ */
  /*------ Element Download Liste ------------------------ */
  /*------ Element Step Box ------------------------ */
  /*------ Element Tab Box ------------------------ */
  /*------ Element Box Shadow------------------------ */
  /*------ Element Head Image ------------------------ */
  /*------ Element Overlay ------------------------ */
  /*------ Element Progressbar / Progress Circle ------------------------ */
  /*------ Element Image Circle ------------------------ */
  /* ============================================================================================================================== */
  /* DASHBOARD ELEMENTS
/* ============================================================================================================================== */
  /*------ Grid Elements ------------------------ */
  /*------ Element Message Box ------------------------ */
  /*------ Element Icon ------------------------ */
  /*------ Element CGI ------------------------ */
  /*------ Element Events ------------------------ */
  /* ============================================================================================================================== */
  /* PRELOADER
/* ============================================================================================================================== */
  /* Smartphone */
}
main * {
  padding: 0px;
  margin: 0px;
  outline: 0;
}
main a:hover,
main a:focus,
main a:active,
main .bootstrap-select button:hover,
main .bootstrap-select button:focus,
main .bootstrap-select button:active {
  outline: 0;
}
main body {
  background: #ffffff;
  color: #000000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.7em;
}
main .cms-section.cms-section-full-size h1 {
  font-size: 60px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1em;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  main .cms-section.cms-section-full-size h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  main .cms-section.cms-section-full-size h1 {
    font-size: 30px;
  }
}
main h1 {
  font-size: 30px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.2em;
  margin: 0 0 30px 0;
  text-transform: uppercase;
}
main h2 {
  font-size: 30px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.2em;
  margin: 0 0 30px 0;
  text-transform: uppercase;
}
main h3 {
  font-size: 20px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.2em;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
main h4 {
  font-size: 18px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
}
main h5 {
  font-size: 16px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
}
main b,
main strong {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
}
main a,
main button,
main input[type=submit] {
  color: #000000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
main a:focus,
main button:focus,
main input[type=submit]:focus,
main a:active,
main button:active,
main input[type=submit]:active,
main a:hover,
main button:hover,
main input[type=submit]:hover {
  outline: none;
  text-decoration: none;
}
main p {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.7em;
  margin: 0 0 20px 0;
}
main p a,
main p .link-text {
  font-family: Tahoma, Geneva, sans-serif;
  text-decoration: underline;
}
main p a:hover,
main p .link-text:hover {
  color: #cf0000;
  text-decoration: underline;
}
main img + h1,
main img + h2,
main img + h3,
main img + h4,
main img + p,
main figure + h1,
main figure + h2,
main figure + h3,
main figure + h4,
main figure + p {
  margin-top: 20px;
}
main .no-padding {
  padding: 0!important;
}
main .no-padding-bottom {
  padding-bottom: 0!important;
}
main .no-padding-top {
  padding-top: 0!important;
}
main .no-margin {
  margin: 0 auto!important;
}
main .no-margin-bottom {
  margin-bottom: 0!important;
}
main .no-margin-top {
  margin-top: 0!important;
}
main .spacer {
  height: 60px;
  width: 100%;
}
main .position-absolute {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 80px 0;
  z-index: 20;
}
@media (max-width: 1023px) {
  main .position-absolute {
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
  }
}
main .display-table {
  width: 100%;
  height: 100%;
  display: table;
}
main .display-table-cell {
  display: table-cell;
  vertical-align: top;
}
@media (max-width: 767px) {
  main .display-table-cell {
    width: 100%;
    float: left;
  }
}
main .display-table-cell.align-bottom {
  vertical-align: bottom;
}
main .d-table {
  display: table;
}
main .d-table > div {
  display: table-cell;
  vertical-align: top;
}
main .float-right {
  float: right;
}
main .text-center {
  text-align: center!important;
}
main .vertical-middle {
  vertical-align: middle;
}
main .text-align-left {
  text-align: left!important;
}
main .text-align-right {
  text-align: right!important;
}
main .img-responsive {
  width: 100%;
  max-width: inherit;
  height: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  main .img-responsive-sm {
    width: 100%;
    height: auto;
  }
}
main .line-grey + p {
  margin-top: 20px;
}
main .line-white {
  border-color: #ffffff;
}
main div + .line-white {
  margin-top: 30px;
  margin-bottom: 30px;
}
main .v-center {
  font-size: 0;
}
main .v-center > div {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;

  float: none;
}
main .v-center > div.v-center-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  main .v-center > div.v-center-content {
    padding-top: 0px;
  }
}
main .res-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 55%;
  padding-top: 15px;
  position: relative;
}
main .res-video iframe,
main .res-video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
main a.link-button,
main .link-button,
main input[type=submit].link-button {
  font-size: 15px;
  font-family: Tahoma, Geneva, sans-serif;
  color: #ffffff;
  background-color: #333333;
  text-transform: uppercase;
  text-decoration: none;
  padding: 18px 20px 13px;
  display: inline-block;
  line-height: 1em;
  border: none;
  height: auto;
  width: auto;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
main a.link-button:hover,
main .link-button:hover,
main input[type=submit].link-button:hover {
  color: #ffffff;
  background-color: #cf0000;
}
main a.link-button:active,
main .link-button:active,
main input[type=submit].link-button:active {
  color: #ffffff;
  background-color: #9c0000;
}
@media (max-width: 767px) {
  main a.link-button,
  main .link-button,
  main input[type=submit].link-button {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    margin-right: 0px;
  }
}
main a.link,
main .link {
  background: none;
  color: inherit;
  display: inline-block;
  font-size: 15px;
  font-family: Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  height: auto;
  margin: 0;
  padding: 10px 10px 10px 0!important;
  width: auto;
}
main a.link:hover,
main .link:hover {
  color: #cf0000;
  text-decoration: none!important;
}
main a.button-ios,
main a.button-android {
  display: inline-block;
  background: url('../images/button_store_ios.jpg') top left no-repeat;
  text-indent: -99999px;
  width: 157px;
  height: 57px;
}
main a.button-ios:hover,
main a.button-android:hover {
  opacity: 0.8;
}
main a.button-android {
  background: url('../images/button_store_google.jpg') top left no-repeat;
}
main .cms-list-dot {
  margin-bottom: 20px;
  padding-left: 15px;
  list-style-image: none;
}
main .cms-list-dot li {
  margin-bottom: 10px;
}
main .cms-list-numbers {
  margin-bottom: 20px;
  counter-reset: my-badass-counter;
  list-style: none;
}
@media (max-width: 767px) {
  main .cms-list-numbers {
    padding-left: 0px;
  }
}
main .cms-list-numbers li {
  position: relative;
  padding-left: 80px;
  padding-bottom: 40px;
}
main .cms-list-numbers li:before {
  content: counter(my-badass-counter);
  counter-increment: my-badass-counter;
  font-size: 100px;
  font-family: Tahoma, Geneva, sans-serif;
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
}
@media (max-width: 767px) {
  main .cms-list-numbers li {
    padding-left: 0px;
    padding-top: 100px;
  }
}
main .cms-list-numbers li h3 {
  font-family: Tahoma, Geneva, sans-serif;
}
main .table > thead > tr > th,
main .table > tbody > tr > th,
main .table > tfoot > tr > th {
  border: none;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Tahoma, Geneva, sans-serif;
}
main .table > thead > tr > th,
main .table > tbody > tr > th,
main .table > tfoot > tr > th,
main .table > thead > tr > td,
main .table > tbody > tr > td,
main .table > tfoot > tr > td {
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
  border-color: #000000;
}
main .table-striped > tbody > tr:nth-child(2n+1) > td,
main .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #f2f2f2;
}
main .table > tbody > tr.grey > td {
  background: #e5e5e5;
  font-family: DINWebPro-Bold;
}
main #cms-form-status {
  padding-top: 20px;
}
main input[type=text],
main input[type=email],
main textarea,
main .btn-group.bootstrap-select button,
main .btn-group.bootstrap-select.open button {
  color: #000000;
  font-size: 18px;
  line-height: 20px;
  padding: 20px;
  margin-bottom: 10px;
  border: none;
  max-height: inherit;
  height: inherit;
  width: 100%;
  background-color: #e5e5e5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
main table input[type=text],
main table .btn-group.bootstrap-select button,
main table .btn-group.bootstrap-select.open button {
  padding: 10px;
  margin-bottom: 0px;
}
main input[type="checkbox"],
main input[type="radio"] {
  margin: 0px;
  border-radius: 0;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}
main .grid-100 form {
  margin: 0 -10px;
  overflow: hidden;
}
@media (max-width: 767px) {
  main .grid-100 form {
    margin: 0 0;
  }
}
main .grid-100 .form-input-select {
  width: 50%;
  margin-right: 50%;
  float: left;
  padding: 0 10px;
}
@media (max-width: 767px) {
  main .grid-100 .form-input-select {
    width: 100%;
    margin-right: 0px;
    padding: 0px 0px;
    float: none;
  }
}
main .grid-100 .form-input-input {
  width: 50%;
  float: left;
  padding: 0 10px;
}
@media (max-width: 767px) {
  main .grid-100 .form-input-input {
    width: 100%;
    margin-right: 0px;
    padding: 0px 0px;
    float: none;
  }
}
main .grid-100 .form-input-textarea,
main .grid-100 .form-input-checkbox,
main .grid-100 .form-input-submit {
  width: 100%;
  float: left;
  padding: 0 10px;
}
@media (max-width: 767px) {
  main .grid-100 .form-input-textarea,
  main .grid-100 .form-input-checkbox,
  main .grid-100 .form-input-submit {
    width: 100%;
    margin-right: 0px;
    padding: 0px 0px;
    float: none;
  }
}
main .cms-section.cms-section-grey input[type=text],
main .cms-section.cms-section-red input[type=text],
main .cms-section.cms-section-grey input[type=email],
main .cms-section.cms-section-red input[type=email],
main .cms-section.cms-section-grey textarea,
main .cms-section.cms-section-red textarea,
main .cms-section.cms-section-grey .btn-group.bootstrap-select button,
main .cms-section.cms-section-red .btn-group.bootstrap-select button,
main .cms-section.cms-section-grey .btn-group.bootstrap-select.open button,
main .cms-section.cms-section-red .btn-group.bootstrap-select.open button,
main .cms-section.cms-section-grey .bootstrap-select.btn-group .btn .caret,
main .cms-section.cms-section-red .bootstrap-select.btn-group .btn .caret {
  background-color: #ffffff;
}
main textarea {
  resize: none;
  min-height: 200px;
}
main .btn-group.bootstrap-select {
  width: 100%!important;
  margin: 0;
}
main .bootstrap-select.btn-group .btn .filter-option {
  left: 20px !important;
  color: #757575;
}
main .bootstrap-select.btn-group .btn .caret {
  right: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  background: url("../images/template/arrow_collapse.png") no-repeat scroll right top;
}
main .bootstrap-select.btn-group .dropdown-menu.open {
  padding: 0;
  top: 60px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
main table .bootstrap-select.btn-group .dropdown-menu.open {
  top: 100%;
}
main .bootstrap-select.btn-group .dropdown-menu.open li > a {
  padding: 10px;
  font-size: 15px;
}
main .bootstrap-select.btn-group .dropdown-menu.open li > a:focus {
  background: #f2f2f2;
}
main .bootstrap-select.btn-group .dropdown-menu.open li:hover a {
  background: none;
}
main label.checkbox,
main label.radio,
main .csc-form .csc-form-element-checkbox > label,
main .csc-form .csc-form-element-radio > label {
  position: relative;
  cursor: pointer;
  margin: 0px 0px 10px 0px;
  padding: 0;
  width: 100%;
  border-left: 25px solid transparent;
  display: inline-block;
}
main label.checkbox:before,
main label.radio:before,
main .csc-form .csc-form-element-checkbox > label:before,
main .csc-form .csc-form-element-radio > label:before {
  content: "■";
  color: #e5e5e5;
  cursor: pointer;
  margin: 0 0 0 -26px;
  display: block;
  font-size: 28px;
  height: 15px;
  position: absolute;
  z-index: 10;
  vertical-align: middle;
  width: 15px;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
main label.checkbox.checked:before,
main label.radio.checked:before,
main .csc-form .csc-form-element-checkbox > label.checked:before,
main .csc-form .csc-form-element-radio > label.checked:before {
  margin: 0 0 0 -26px;
  color: #000000;
}
main label.checkbox input[type="checkbox"],
main label.radio input[type="checkbox"],
main .csc-form .csc-form-element-checkbox > label input[type="checkbox"],
main .csc-form .csc-form-element-radio > label input[type="checkbox"],
main label.checkbox input[type="radio"],
main label.radio input[type="radio"],
main .csc-form .csc-form-element-checkbox > label input[type="radio"],
main .csc-form .csc-form-element-radio > label input[type="radio"] {
  margin: 0px;
  border-radius: 0;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}
main label.checkbox span,
main label.radio span,
main .csc-form .csc-form-element-checkbox > label span,
main .csc-form .csc-form-element-radio > label span {
  margin: 0px;
}
main label.radio,
main .csc-form .csc-form-element-radio > label {
  width: auto;
  margin: 0 10px;
}
main .cms-section.cms-section-grey label.checkbox::before,
main .cms-section.cms-section-dark-grey label.checkbox::before,
main .cms-section.cms-section-red label.checkbox::before,
main .cms-section.cms-section-grey label.radio::before,
main .cms-section.cms-section-dark-grey label.radio::before,
main .cms-section.cms-section-red label.radio::before,
main .cms-section.cms-section-grey .csc-form .csc-form-element-checkbox > label::before,
main .cms-section.cms-section-dark-grey .csc-form .csc-form-element-checkbox > label::before,
main .cms-section.cms-section-red .csc-form .csc-form-element-checkbox > label::before,
main .cms-section.cms-section-grey .csc-form .csc-form-element-radio > label::before,
main .cms-section.cms-section-dark-grey .csc-form .csc-form-element-radio > label::before,
main .cms-section.cms-section-red .csc-form .csc-form-element-radio > label::before {
  color: #ffffff;
}
main .cms-section.cms-section-red label.parsley-error.checked::before,
main .cms-section.cms-section-red label.checkbox.checked::before,
main .cms-section.cms-section-red label.radio.checked::before {
  color: #000000;
}
main .cms-section.cms-section-red label.parsley-error span,
main .cms-section.cms-section-red label.checkbox span,
main .cms-section.cms-section-red label.radio span {
  color: #ffffff;
}
main .cms-section.cms-section-grey label.parsley-error.checked::before,
main .cms-section.cms-section-grey label.checkbox.checked::before,
main .cms-section.cms-section-grey label.radio.checked::before {
  color: #000000;
}
main .cms-section.cms-section-dark-grey label.parsley-error.checked::before,
main .cms-section.cms-section-dark-grey label.checkbox.checked::before,
main .cms-section.cms-section-dark-grey label.radio.checked::before {
  color: #000000;
}
main .cms-section.cms-section-dark-grey label.parsley-error span,
main .cms-section.cms-section-dark-grey label.checkbox span,
main .cms-section.cms-section-dark-grey label.radio span {
  color: #ffffff;
}
main label.checkbox.parsley-error,
main label.radio.parsley-error {
  margin-bottom: 10px;
}
main input::-webkit-input-placeholder,
main textarea::-webkit-input-placeholder {
  color: #757575;
  opacity: 1;
}
main input:-moz-placeholder,
main textarea:-moz-placeholder {
  color: #757575;
  opacity: 1;
}
main input::-moz-placeholder,
main textarea::-moz-placeholder {
  color: #757575;
  opacity: 1;
}
main input:-ms-input-placeholder,
main textarea:-ms-input-placeholder {
  color: #757575;
  opacity: 1;
}
main .csc-form ol {
  overflow: hidden;
  list-style: none;
}
main .csc-form ol li {
  float: left;
  width: 100%;
}
main .csc-form ol .csc-form-element-checkbox,
main .csc-form ol .csc-form-element-radio {
  position: relative;
}
main .csc-form ol .csc-form-element-header {
  margin-top: 30px;
}
main .csc-form ol .csc-form-element-select .bootstrap-select {
  float: right;
  width: 220px!important;
}
main .cms-tooltip {
  display: inline;
  position: relative;
}
main .cms-tooltip:hover:after {
  background: #333;
  border-radius: 2px;
  top: 100%;
  margin-top: 2px;
  color: #fff;
  content: attr(title);
  left: 0px;
  padding: 8px;
  position: absolute;
  z-index: 100;
  max-width: 200px;
  min-width: 150px;
  font-size: 13px;
}
main .cms-tooltip.tooltip-right:hover:after {
  left: auto;
  right: 0px;
}
main .cms-tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 0 6px 6px 6px;
  bottom: -2px;
  content: "";
  left: 50%;
  margin-left: -6px;
  position: absolute;
  z-index: 101;
}
main .glyphicons-ok-2:before {
  content: "\E207";
}
main .glyphicons-circle-info:before {
  content: "\E196";
}
main .glyphicons-remove-2:before {
  content: "\E208";
}
main .glyphicons:before {
  padding: 0px;
}
main .cms-section {
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}
@media (max-width: 767px) {
  main .cms-section {
    padding: 50px 0;
  }
}
main .cms-section .parsley-success + .parsley-error-list {
  padding: 0px;
  margin: 0px;
}
main .cms-section.cms-section-grey {
  background-color: #f2f2f2;
}
main .cms-section.cms-section-dark-grey {
  background-color: #333333;
}
main .cms-section.cms-section-black {
  background-color: #000000;
  border-bottom: none;
}
main .cms-section.cms-section-white {
  background-color: #ffffff;
}
main .cms-section.cms-section-red {
  background: #cf0000;
}
main .cms-section.cms-section-red,
main .cms-section.cms-section-dark-grey,
main .cms-section.cms-section-black {
  color: #ffffff;
}
main .cms-section.cms-section-red h2,
main .cms-section.cms-section-dark-grey h2,
main .cms-section.cms-section-black h2,
main .cms-section.cms-section-red h2,
main .cms-section.cms-section-dark-grey h2,
main .cms-section.cms-section-black h2,
main .cms-section.cms-section-red h3,
main .cms-section.cms-section-dark-grey h3,
main .cms-section.cms-section-black h3,
main .cms-section.cms-section-red h4,
main .cms-section.cms-section-dark-grey h4,
main .cms-section.cms-section-black h4,
main .cms-section.cms-section-red h5,
main .cms-section.cms-section-dark-grey h5,
main .cms-section.cms-section-black h5 {
  color: #ffffff;
}
main .cms-section.cms-section-red .parsley-error-list,
main .cms-section.cms-section-dark-grey .parsley-error-list,
main .cms-section.cms-section-black .parsley-error-list {
  background: #333333;
  color: #ffffff;
  padding: 4px 8px;
  margin-top: -8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
main .cms-section.cms-section-red .parsley-success + .parsley-error-list,
main .cms-section.cms-section-dark-grey .parsley-success + .parsley-error-list,
main .cms-section.cms-section-black .parsley-success + .parsley-error-list {
  padding: 0px;
  margin: 0px;
}
main .cms-section.cms-section-red .link-button,
main .cms-section.cms-section-dark-grey .link-button,
main .cms-section.cms-section-black .link-button {
  background-color: #ffffff !important;
  color: #000000 !important;
}
main .cms-section.cms-section-red .link,
main .cms-section.cms-section-dark-grey .link,
main .cms-section.cms-section-black .link {
  color: #ffffff !important;
}
main .cms-video-section {
  overflow: hidden;
}
main .cms-video-section video {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  /* in case the video doesn't fit the whole page*/
  background-image: ;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  /*cover video background */
  z-index: 3;
}
main .cms-section-full-size {
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  padding: 0;
}
main .cms-section-full-size .container.cms-fullpage-content {
  text-align: center;
}
@media (max-width: 1023px) {
  main .cms-section-full-size .container.cms-fullpage-content {
    max-width: 70%;
    padding-top: 150px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  main .cms-section-full-size .container.cms-fullpage-content {
    max-width: 100%;
  }
}
main .cms-section-full-size .cms-head-image {
  padding: 50px 0;
}
@media (max-width: 767px) {
  main .cms-section-full-size .cms-head-image {
    width: 70%;
    height: auto;
  }
}
@media (max-width: 460px) {
  main .cms-section-full-size .cms-head-image {
    width: 80%;
    heigth: auto;
  }
}
main .cms-section-full-size h1,
main .cms-section-full-size h2 {
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(100, 100, 100, 0.9);
}
main .cms-section-full-size h2 {
  font-family: Tahoma, Geneva, sans-serif;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  main .cms-section-full-size h2 {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  main .cms-section-full-size h2 {
    font-size: 1.2em;
  }
}
main html.fp-enabled,
main .fp-enabled body {
  overflow: visible;
}
main .fullpage-wrapper {
  z-index: 20;
}
main .fullpage-wrapper h4 {
  display: none;
}
@media (max-width: 1023px) {
  main .fp-tableCell {
    height: 400px!important;
  }
}
main .cms-wrap-onepage-nav {
  position: absolute;
  width: 100%;
  height: 168px;
  background-image: url('..images/maske.png');
  background-repeat: repeat-x;
  z-index: 20;
}
main .cms-wrap-onepage-nav + .container {
  padding-top: 60px;
}
main .cms-wrap-onepage-nav .cms-nav-brand {
  float: left;
  width: 180px;
  height: auto;
  padding: 23px 0;
}
main .cms-wrap-onepage-nav nav {
  width: 100%;
  height: 87px;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 1024px) {
  main .cms-wrap-onepage-nav {
    top: 66px;
    /* Not needed for tx.com! */
  }
}
@media (max-width: 1023px) {
  main .cms-wrap-onepage-nav .container {
    max-width: 100%;
    padding: 0 10px;
  }
}
main .cms-onepage-nav {
  list-style: none;
  height: 88px;
  float: right;
}
main .cms-onepage-nav li {
  float: left;
}
main .cms-onepage-nav li a {
  font-family: Tahoma, Geneva, sans-serif;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 35px 25px;
  display: block;
}
@media (max-width: 767px) {
  main .cms-onepage-nav li a {
    font-size: 15px;
    padding: 25px 0 22px;
    margin-right: 20px;
  }
}
main .cms-onepage-nav li a.active,
main .cms-onepage-nav li a:hover {
  color: #cf0000;
  border-bottom: 3px solid #cf0000;
}
@media (max-width: 1023px) {
  main .cms-onepage-nav {
    display: none;
    float: none;
    width: 100%;
    padding: 0 10px;
    position: absolute;
    top: 86px;
    left: 0px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  }
  main .cms-onepage-nav li a {
    color: #000000;
  }
}
@media (max-width: 1023px) and (max-width: 830px) {
  main .cms-onepage-nav li {
    float: none;
    width: 100%;
  }
  main .cms-onepage-nav li a {
    text-align: center;
    margin-right: 0;
  }
  main .cms-onepage-nav li a.active,
  main .cms-onepage-nav li a:hover {
    border-bottom: 0;
    background-color: #f2f2f2;
  }
}
@media (max-width: 830px) {
  main .cms-onepage-nav {
    height: auto;
    padding: 0;
  }
}
main .cms-onpeage-nav-trigger {
  width: 60px;
  height: 60px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: url('..images/icon_menu_black.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #e5e5e5;
  float: right;
  margin-top: 10px;
}
main .cms-wrap-onepage-nav.sticky-layout {
  height: 66px;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0px;
  z-index: 100;
}
@media (max-width: 1023px) {
  main .cms-wrap-onepage-nav.sticky-layout .row {
    margin: 0 -10px;
  }
}
main .cms-wrap-onepage-nav.sticky-layout nav {
  border-bottom: none;
  height: 66px;
}
main .cms-wrap-onepage-nav.sticky-layout nav a.link-button {
  float: left;
  width: 45px;
  height: 45px;
  padding: 0px;
  text-align: center;
  margin-right: 15px;
  margin-top: 10px;
}
main .cms-wrap-onepage-nav.sticky-layout nav a.link-button span.glyphicons {
  line-height: 45px;
}
main .cms-wrap-onepage-nav.sticky-layout nav h3 {
  width: auto;
  display: inline-block;
  margin: 0px;
  line-height: 66px!important;
  color: #ffffff;
  font-family: Tahoma, Geneva, sans-serif;
  float: left;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onpeage-nav-trigger {
  width: 45px;
  height: 45px;
  background: #333333;
  margin-top: 10px;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onpeage-nav-trigger span.glyphicons {
  font-size: 12px;
  line-height: 45px;
  color: #ffffff;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav {
  height: 66px;
}
@media (max-width: 1023px) {
  main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav {
    top: 66px;
    height: auto;
  }
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a {
  padding: 0 10px;
  line-height: 66px;
  border-bottom: 0;
  text-transform: none;
  font-family: Tahoma, Geneva, sans-serif;
  position: relative;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a:hover .mouseover-layer {
  display: block;
}
@media (max-width: 1023px) {
  main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a:hover .mouseover-layer {
    display: none;
  }
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a .mouseover-layer {
  border: none;
  color: #ffffff;
  top: 68px;
  background-color: #333333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5);
  display: none;
  font-size: 14px;
  left: 0;
  line-height: 100%;
  min-width: 125px;
  position: absolute;
  width: auto;
  z-index: 9;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a .mouseover-layer .layer-inner:before {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 8px solid #333333;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  height: 10px;
  left: 10px;
  position: absolute;
  top: -9px;
  width: 13px;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a .mouseover-layer.pos-right {
  right: 0px;
  left: auto;
}
main .cms-wrap-onepage-nav.sticky-layout nav .cms-onepage-nav li a .mouseover-layer.pos-right .layer-inner:before {
  left: auto;
  right: 10px;
}
main .cms-more-hint {
  position: absolute;
  bottom: 4%;
  left: 0px;
  right: 0px;
  text-align: center;
  background-image: url('..images/direction_down.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 40px;
  text-transform: uppercase;
  text-shadow: 0px 0px 40px #000000;
  color: #ffffff;
  cursor: pointer;
  -webkit-animation: bouncedown 3s ease-out;
  -moz-animation: bouncedown 3s ease-out;
  animation: bouncedown 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@media (max-width: 1023px) {
  main .cms-more-hint {
    display: none;
  }
}
@-moz-keyframes bouncedown {
  80% {
    -moz-transform: translate(0px, 0px);
  }
  85% {
    -moz-transform: translate(0px, 5px);
  }
  90% {
    -moz-transform: translate(0px, 0px);
  }
  95% {
    -moz-transform: translate(0px, 3px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes "bouncedown" {
  80% {
    -webkit-transform: translate(0px, 0px);
  }
  85% {
    -webkit-transform: translate(0px, 5px);
  }
  90% {
    -webkit-transform: translate(0px, 0px);
  }
  95% {
    -webkit-transform: translate(0px, 3px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
main .cms-tab-navigation .row > div {
  text-align: center;
}
main .cms-tab-navigation ul {
  list-style: none;
  display: inline-block;
  margin: 0 auto;
}
main .cms-tab-navigation ul li {
  display: inline-block;
}
main .cms-tab-navigation ul li a {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 20px 40px;
  display: block;
}
main .cms-tab-navigation ul li a.active,
main .cms-tab-navigation ul li a:hover {
  color: #cf0000;
  border-bottom: 3px solid #cf0000;
}
@media (max-width: 767px) {
  main .cms-tab-navigation ul li a {
    padding: 20px 20px;
  }
}
main .cms-wrap-countdown {
  margin-top: 80px;
  margin-bottom: 80px;
}
main .cms-wrap-countdown .cms-contdown {
  overflow: hidden;
  padding: 0;
  position: relative;
}
main .cms-wrap-countdown .cms-contdown .cms-countdown-bg {
  top: 0px;
  left: 0px;
}
main .cms-wrap-countdown .cms-contdown .cms-countdown-line {
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 0px;
}
main .cms-wrap-countdown .cms-contdown .cms-counter {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 15;
  top: 0px;
  left: 0px;
}
main .cms-wrap-countdown .cms-contdown .cms-counter > div {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
main .cms-wrap-countdown .cms-contdown .cms-counter > div > span {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  font-family: Tahoma, Geneva, sans-serif;
  letter-spacing: -5px;
  font-size: 10em;
  line-height: 1em;
  padding-top: 10%;
}
@media (max-width: 1023px) {
  main .cms-wrap-countdown .cms-contdown .cms-counter > div > span {
    font-size: 8em;
    font-size: 20vw;
  }
}
@media (max-width: 767px) {
  main .cms-wrap-countdown .cms-contdown .cms-counter > div > span {
    font-size: 8em;
    font-size: 40vw;
  }
}
main .cms-element-half-image {
  margin: 0px;
  position: relative;
}
main .cms-element-half-image .cms-el-hf-img {
  padding: 0;
}
main .cms-element-half-image .cms-el-hf-img figure {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
main .cms-element-half-image .cms-el-hf-img figure:before {
  content: "";
  display: block;
  padding-bottom: 35%;
  padding-top: 35%;
}
@media (max-width: 1199px) {
  main .cms-element-half-image .cms-el-hf-img figure:before {
    padding-bottom: 50%;
    padding-top: 50%;
  }
}
@media (max-width: 991px) {
  main .cms-element-half-image .cms-el-hf-img figure:before {
    padding-bottom: 25%;
    padding-top: 25%;
  }
}
@media (max-width: 991px) {
  main .cms-element-half-image .cms-el-hf-img {
    float: none!important;
  }
}
main .cms-element-half-image.half-img-right .cms-el-hf-img {
  float: right;
}
main .cms-element-half-image .cms-el-hf-img-content {
  vertical-align: middle;
  max-width: 550px!important;
  position: absolute;
  left: 50%;
  margin-left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 10px;
}
main .cms-element-half-image .cms-el-hf-img-content p {
  margin-bottom: 0;
}
main .cms-element-half-image .cms-el-hf-img-content p + p {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  main .cms-element-half-image .cms-el-hf-img-content {
    max-width: 450px!important;
    margin-left: 25px;
  }
}
@media (max-width: 991px) {
  main .cms-element-half-image .cms-el-hf-img-content {
    max-width: 728px!important;
    position: relative;
    float: none;
    left: auto;
    top: auto;
    margin: auto;
    transform: translateY(0%);
    padding: 40px 0px 80px!important;
  }
}
@media (max-width: 767px) {
  main .cms-element-half-image .cms-el-hf-img-content {
    padding: 40px 15px 50px!important;
  }
}
main .cms-element-half-image.half-img-right .cms-el-hf-img-content {
  float: content;
  right: 50%;
  margin-right: 50px;
  margin-left: 0;
  left: auto;
  padding-right: 30px;
}
@media (max-width: 991px) {
  main .cms-element-half-image.half-img-right .cms-el-hf-img-content {
    right: auto;
    margin: auto;
  }
}
main .cms-slideshow {
  overflow: hidden;
}
main .cms-slideshow .row {
  margin: 0;
}
main .cms-slideshow .slick-slide {
  position: relative;
  height: auto;
}
main .cms-slideshow .slick-slide a:hover img {
  opacity: 1;
}
@media (max-width: 767px) {
  main .cms-slideshow .slick-slide {
    padding: 10px;
  }
}
main .cms-slideshow .slick-slide .cms-teaser-box {
  margin: 10px;
}
main .cms-slideshow .cms-slideshow-content-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 30px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  main .cms-slideshow .cms-slideshow-content-box {
    position: static;
    left: 0px;
    bottom: 0px;
  }
}
main .cms-slide-front-image {
  position: absolute;
  bottom: 0;
  width: 500px;
  height: auto;
  left: 44.5%;
}
@media (max-width: 991px) {
  main .cms-slide-front-image {
    display: none;
  }
}
main .cms-slideshow-single {
  padding: 40px 0;
}
main .cms-section.no-padding .cms-slideshow-single {
  padding: 0px;
}
main .cms-section.no-padding .cms-slideshow-single .slick-dots {
  position: absolute;
  bottom: 10px;
}
main .cms-section.no-padding .cms-slideshow-single .slick-dots li:not(.slick-active) button {
  background-color: #fff;
}
main .cms-slideshow-teaserbox {
  padding: 0;
}
main .cms-slideshow-teaserbox .slick-dots {
  position: absolute;
  bottom: 10px;
}
main .cms-slideshow-teaserbox .slick-dots li:not(.slick-active) button {
  background-color: #fff;
}
main .cms-slideshow-teaserbox .slick-list {
  position: relative;
}
main .cms-slideshow-teaserbox .slick-slide {
  position: inherit;
}
main .cms-slideshow-teaserbox .slick-slide > a {
  display: block;
  min-height: 700px;
  background-size: cover;
}
@media (max-width: 1023px) {
  main .cms-slideshow-teaserbox .slick-slide > a {
    background-image: none!important;
  }
}
@media (max-width: 767px) {
  main .cms-slideshow-teaserbox .slick-slide {
    padding: 0px;
  }
}
main .cms-slideshow-teaserbox .slideshow-content {
  padding: 120px 0;
  width: 100%;
  position: relative;
}
@media (max-width: 1023px) {
  main .cms-slideshow-teaserbox .slideshow-content {
    padding: 40px 0;
  }
}
main .cms-slideshow-teaserbox .cms-slideshow-content-box {
  position: inherit;
  top: auto;
  left: auto;
  bottom: auto;
}
@media (max-width: 1023px) {
  main .cms-slideshow-teaserbox .cms-slideshow-content-box {
    padding: 0;
    box-shadow: none;
  }
}
main .cms-slideshow-teaserbox .row {
  margin: 0px -10px;
}
main .cms-slideshow-single-without-dots {
  margin-bottom: 0;
}
main .cms-slideshow-boxed {
  overflow: visible;
  padding: 60px 80px;
}
@media (max-width: 991px) {
  main .cms-slideshow-boxed {
    padding: 60px 10px;
  }
}
main .cms-slideshow-boxed .slick-next {
  right: -80px;
}
main .cms-slideshow-boxed .slick-prev {
  left: -80px;
}
main .container .cms-slideshow-boxed {
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 1360px) {
  main .container .cms-slideshow-boxed:hover .slick-prev {
    left: -80px;
  }
  main .container .cms-slideshow-boxed:hover .slick-next {
    right: -80px;
  }
}
main .cms-grid + .cms-slideshow-boxed {
  padding-top: 0;
}
main .cms-grid + .cms-slideshow-gallery {
  margin-top: 40px;
}
main .cms-slideshow-gallery {
  padding: 0 90px;
}
main .cms-slideshow-gallery .slick-slide {
  height: auto;
}
main .cms-slideshow-gallery figure {
  float: left;
  padding: 0 5px;
}
main .cms-slideshow-gallery figure.col-xs-6.bottom {
  padding-top: 10px;
}
main .cms-slideshow-gallery figure.col-xs-6.top {
  padding-bottom: 10px;
}
@media (max-width: 1023px) {
  main .cms-slideshow-gallery {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  main .cms-slideshow-gallery {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  main .cms-slideshow-gallery .slick-slide {
    padding: 0;
  }
}
main .cms-steps {
  background: url('..images/dashed_line.jpg') center center no-repeat;
  margin-top: 80px;
}
@media (min-width: 1920px) {
  main .cms-steps {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  main .cms-steps {
    background: url('..images/dashed_line_tablet.jpg') center center no-repeat;
  }
}
@media (max-width: 460px) {
  main .cms-steps {
    background: url('..images/dashed_line_smartphone.jpg') top center no-repeat;
  }
}
main .cms-steps .cms-circle {
  margin-bottom: 30px;
}
@media (max-width: 460px) {
  main .cms-steps .cms-circle {
    width: 100%;
  }
}
main .cms-steps .cms-circle p {
  margin-top: 15px;
  text-align: center;
  font-size: 18px;
}
main .cms-steps .cms-circle a {
  display: block;
  overflow: hidden;
  width: 190px;
  height: 190px;
  position: relative;
  margin: auto;
}
main .cms-steps .cms-circle a .cms-circle-content {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 150px;
  height: 150px;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
main .cms-steps .cms-circle a .cms-circle-content:before {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  z-index: 3;
  border-radius: 50%;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: url('..images/plus_white.png') center center no-repeat #000000;
}
main .cms-steps .cms-circle a .cms-circle-content:hover:before {
  opacity: 0.7;
}
main .cms-steps .cms-circle a .cms-circle-background {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 190px;
  height: 190px;
  background: url('..images/circle.png') top left no-repeat;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
main .cms-steps .cms-circle a:hover .cms-circle-background {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
main .cms-steps .cms-circle.circle-one .cms-circle-content {
  background-image: url('..images/planung.jpg');
}
main .cms-steps .cms-circle.circle-two .cms-circle-content {
  background-image: url('..images/installation.jpg');
}
main .cms-steps .cms-circle.circle-three .cms-circle-content {
  background-image: url('..images/inbetriebnahme.jpg');
}
main .cms-steps .cms-circle.circle-four .cms-circle-content {
  background-image: url('..images/bedienung.jpg');
}
main .cms-steps .cms-lightbox-steps {
  padding: 40px 30px;
}
main .cms-steps .cms-link-close {
  top: 20px;
  right: 20px;
}
main .cms-interview-wrap {
  position: relative;
  margin-top: 30px;
  background-color: #171a1d;
}
@media (max-width: 1023px) {
  main .cms-interview-wrap {
    margin-top: 80px;
  }
}
main .cms-interview-wrap .cms-interview-nav {
  position: absolute;
  top: -75px;
  left: 50%;
  margin-left: -232px;
  z-index: 10000;
}
@media (max-width: 767px) {
  main .cms-interview-wrap .cms-interview-nav {
    margin-left: -142px;
  }
}
main .cms-interview-wrap .cms-interview-nav .cms-interview-button {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #000000;
  border: 5px solid #ffffff;
  display: inline-block;
  margin: 0 40px;
  cursor: pointer;
  overflow: hidden;
}
main .cms-interview-wrap .cms-interview-nav .cms-interview-button img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
@media (max-width: 767px) {
  main .cms-interview-wrap .cms-interview-nav .cms-interview-button {
    width: 100px;
    height: 100px;
    margin: 0 20px;
  }
}
main .cms-interview-wrap .cms-interview-nav .cms-interview-button img {
  transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -webkit-transition: opacity 0.7s ease-in-out;
}
main .cms-interview-wrap .cms-interview-nav .cms-interview-button.interview-button-2 img {
  opacity: 0.3;
}
main .cms-interview-wrap .cms-interview {
  padding: 140px 0;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #171a1d;
  background-position: top center;
  top: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
}
@media (max-width: 767px) {
  main .cms-interview-wrap .cms-interview {
    padding: 80px 0;
  }
}
main .cms-interview-wrap .cms-interview h2 {
  color: #ffffff;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 60px;
  font-style: italic;
  margin: auto auto 50px;
  text-align: center;
  width: 90%;
}
@media (max-width: 991px) {
  main .cms-interview-wrap .cms-interview h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  main .cms-interview-wrap .cms-interview h2 {
    word-break: break-all;
    font-size: 25px;
  }
}
main .cms-interview-wrap .cms-interview h3 {
  width: 80%;
  text-align: center;
  font-size: 25px;
  font-family: Tahoma, Geneva, sans-serif;
  margin: auto;
  margin-bottom: 50px;
  color: #ffffff;
}
main .cms-interview-wrap .cms-interview b {
  font-size: 20px;
  padding-bottom: 20px;
  display: inline-block;
  font-family: Tahoma, Geneva, sans-serif;
}
main .cms-interview-wrap .cms-interview.interview-1 {
  background-image: url('..images/interview_zembrot.jpg');
}
main .cms-interview-wrap .cms-interview.interview-2 {
  display: none;
  background-image: url('..images/interview_frechen.jpg');
}
main .cms-element-bubble {
  position: relative;
}
main .cms-element-bubble .cms-bubble-content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  padding: 80px 0;
  background: url('../images/template/maske_white.png') top left repeat-x;
}
@media (max-width: 1023px) {
  main .cms-element-bubble .cms-bubble-content {
    position: relative;
  }
}
@media (max-width: 767px) {
  main .cms-element-bubble .cms-bubble-content {
    padding: 50px 0;
  }
}
main .cms-element-bubble .cms-bubble-image {
  position: relative;
}
main .holder {
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 90;
}
main .holder .pulse {
  width: 40px;
  height: 40px;
  border: 5px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url('../images/template/icon_pulse.jpg') center center no-repeat;
  z-index: 510;
  position: absolute;
  left: 16px;
  top: 16px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
main .holder .pulse.pulse.active {
  background: url('../images/template/icon_pulse.jpg') top left no-repeat;
}
main .holder .pulse .pulse-content {
  display: none;
}
main .holder .dotpulse {
  border: 30px solid #333333;
  background: transparent;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  height: 100px;
  width: 100px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 501;
  opacity: 0;
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.4;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.7;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.9;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes "pulse" {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.4;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.7;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
main .ui-tooltip {
  padding: 20px;
  position: absolute;
  z-index: 91;
  max-width: 450px;
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
main .ui-tooltip .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  bottom: -16px;
  font-size: 1.4em;
}
main .ui-tooltip .arrow:after {
  background: #ffffff;
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
main .ui-tooltip .arrow.top {
  top: -16px;
  bottom: auto;
}
main .ui-tooltip .arrow.left {
  left: 30%;
}
main .ui-tooltip .arrow.top:after {
  bottom: -20px;
  top: auto;
}
@media (max-width: 767px) {
  main .ui-tooltip .arrow {
    display: none;
  }
}
@media (max-width: 767px) {
  main .ui-tooltip {
    width: 100%;
    max-width: 100%;
  }
}
main .ui-tooltip .cms-check {
  display: inline-block;
}
main .ui-tooltip .cms-check:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url('..images/check_red.png') top 4px center no-repeat;
}
main .ui-tooltip h2,
main .ui-tooltip b {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 15px;
  padding-bottom: 10px;
}
main .ui-tooltip img {
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  main .ui-tooltip img {
    width: 100%;
    height: auto;
    margin-right: 40px;
    float: left;
  }
}
main .ui-tooltip p {
  margin: 0;
}
main .cms-teaser-footer figure {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: 20px;
}
main .cms-teaser-footer img {
  margin-bottom: 20px;
}
main .cms-teaser-footer .link {
  padding-right: 0!important;
}
@media (max-width: 767px) {
  main .cms-teaser-footer {
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 40px;
  }
}
main .cms-teaser-box {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  overflow: hidden;
  background-color: #ffffff;
  margin-bottom: 30px;
}
main .cms-teaser-box .cms-teaser-box-content {
  padding: 25px;
  border: 1px solid #f2f2f2;
}
main .cms-teaser-box .cms-teaser-box-content p {
  margin-bottom: 0px;
}
main .cms-teaser-box:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
main .cms-teaser-box > a {
  display: block;
}
main .cms-teaser-box + .cms-teaser-box {
  margin-top: 30px;
}
main .accordion {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 5px;
  border-bottom: 1px solid #000000;
  margin-bottom: 60px;
}
main .acc-inhalt {
  padding: 20px;
  border-top: 1px solid #b2b2b2;
  background: #f2f2f2;
  transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
}
main .acc-inhalt.acc-inhalt-image {
  padding-right: 0px;
}
@media (max-width: 767px) {
  main .acc-inhalt.acc-inhalt-image {
    padding: 20px 0;
  }
  main .acc-inhalt.acc-inhalt-image img {
    margin-bottom: 20px;
  }
}
main .acc-inhalt p {
  margin: 0;
}
main .acc-inhalt:last-child p {
  padding: 0;
}
main .acc-headline {
  border-top: 1px solid #000000;
  padding: 20px;
  cursor: pointer;
  transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
}
main .acc-headline h5 {
  margin-bottom: 0;
  display: inline-block;
  width: 70%;
}
main .acc-headline .glyphicons-ok-2 {
  margin-right: 20px;
}
main .acc-headline:hover,
main .acc-headline.acc-active,
main .acc-headline.acc-active + .acc-inhalt,
main .acc-headline:hover + .acc-inhalt {
  background: #f2f2f2;
}
main .acc-headline > h4 {
  display: inline-block;
  width: 80%;
}
main .acc-headline .glyphicons.glyphicons-ok-2 {
  margin-top: 4px;
}
main .acc-headline > .glyphicons-accordion {
  float: right;
  display: inline-block;
  padding: 2px;
}
main .acc-headline > .glyphicons-accordion:before {
  content: "\E433";
}
main .acc-headline > .glyphicons-accordion:after {
  content: "";
  clear: both;
  width: 100%;
}
main .acc-headline.acc-active > .glyphicons-accordion:before {
  content: "\E434";
}
main .cms-download-list {
  margin-bottom: 40px;
  padding-bottom: 0px;
  border-bottom: 1px solid black;
}
main .cms-download-list .cms-download-list-item {
  border-top: 1px solid black;
  border-bottom: none;
  padding: 0;
  position: relative;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link {
  display: block;
  padding: 0 40px 8px 10px;
  transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link h5 {
  margin: 0;
  font-size: 16px;
  color: #000000;
  padding-top: 15px;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link p {
  margin: 0;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link .link-download {
  background-position: center center;
  background-image: url("../images/template/icon_download_black_small.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 41px;
  transition: background-image 0.3s linear;
  -moz-transition: background-image 0.3s linear;
  -webkit-transition: background-image 0.3s linear;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link .link-download.hoverj {
  background-image: url("../images/template/icon_download_red_small.png");
}
main .cms-download-list .cms-download-list-item .cms-download-list-link:hover {
  background-color: #f2f2f2;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link:hover h5,
main .cms-download-list .cms-download-list-item .cms-download-list-link:hover p {
  color: #cf0000;
}
main .cms-download-list .cms-download-list-item .cms-download-list-link:hover .link-download {
  background-image: url("../images/template/icon_download_red_small.png");
}
main .cms-step-box {
  margin-bottom: 20px;
  padding: 30px;
  background-color: #fff;
  border-left: 4px solid #cf0000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  display: table;
}
main .cms-step-box .step {
  display: table-cell;
  vertical-align: top;
  width: 160px;
  vertical-align: middle;
  text-align: center;
  padding-right: 50px;
  border-right: 1px solid #e5e5e5;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  main .cms-step-box .step {
    width: 100%;
    float: left;
  }
}
main .cms-step-box .step.align-bottom {
  vertical-align: bottom;
}
main .cms-step-box .step:after {
  content: "";
  display: block;
  margin: auto;
  margin-top: 5px;
  width: 70px;
  height: 70px;
  background: url("..images/check_black.png") no-repeat center center #f2f2f2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 1023px) {
  main .cms-step-box .step {
    padding-right: 0px;
    padding-bottom: 40px;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}
main .cms-step-box .step-content {
  display: table-cell;
  vertical-align: top;
  padding-left: 50px;
}
@media (max-width: 767px) {
  main .cms-step-box .step-content {
    width: 100%;
    float: left;
  }
}
main .cms-step-box .step-content.align-bottom {
  vertical-align: bottom;
}
@media (max-width: 1023px) {
  main .cms-step-box .step-content {
    padding-top: 40px;
    padding-left: 0px;
  }
}
main .cms-step-box .step-content p {
  margin-bottom: 0;
}
main .cms-tab-box .cms-tab-box-navi {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
}
main .cms-tab-box .cms-tab-box-navi li {
  padding: 30px 10px;
  display: table-cell;
  position: relative;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  font-family: Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
}
main .cms-tab-box .cms-tab-box-navi li.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #cf0000;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
main .cms-tab-box .cms-tab-box-navi li.active:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #cf0000 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -8px;
  pointer-events: none;
  position: absolute;
  bottom: -15px;
  width: 0;
}
main .cms-tab-box .cms-tab-box-navi li:hover {
  background-color: #f2f2f2;
}
main .cms-tab-box .cms-tab-box-navi li .icon {
  margin: auto;
  display: block;
  width: 50px;
  height: 30px;
  margin-bottom: 10px;
}
main .cms-tab-box .cms-tab-box-navi li .icon.glyphicons {
  height: auto;
  font-size: 30px;
}
main .cms-tab-box .cms-tab-box-navi li .icon-paper {
  background: url("..images/icon_paper.png") no-repeat center center;
}
main .cms-tab-box .cms-tab-box-navi li .icon-calender {
  background: url("..images/icon_calender.png") no-repeat center center;
}
main .cms-tab-box .cms-tab-box-navi li .icon-people {
  background: url("..images/icon_people.png") no-repeat center center;
}
main .cms-tab-box .cms-tab-box-tab {
  display: none;
  padding: 40px 0 0 0;
  margin-bottom: 20px;
}
main .cms-tab-box .cms-tab-box-tab.tab-visible {
  display: block;
}
main .cms-shadow-box {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffffff;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
main .cms-shadow-box > div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 767px) {
  main .cms-shadow-box > div {
    float: left;
    width: 100%;
    min-height: 200px;
  }
}
main .cms-shadow-box .cms-shadow-box-content {
  padding: 40px;
}
main .cms-shadow-box .cms-shadow-box-content p {
  margin-bottom: 0px;
}
main .cms-head-banner {
  position: relative;
  width: 100%;
  min-height: 260px;
  overflow: hidden;
}
main .cms-head-banner .cms-head-banner-content {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  margin-top: 66px;
  padding-top: 40px;
  padding-bottom: 40px;
}
main .cms-head-banner .cms-head-banner-content h1,
main .cms-head-banner .cms-head-banner-content h2 {
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(100, 100, 100, 0.9);
}
main .cms-head-banner .cms-head-banner-content h1 {
  font-size: 30px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  margin-bottom: 10px;
}
main .cms-head-banner .cms-head-banner-content h2 {
  font-size: 22px;
  font-weight: normal;
  font-family: Tahoma, Geneva, sans-serif;
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  main .cms-head-banner .cms-head-banner-content {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  main .cms-head-banner > img {
    width: 767px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -383px;
  }
}
main .cms-lightbox {
  padding-bottom: 0px;
}
main .cms-lightbox-outer {
  position: relative!important;
  left: auto!important;
}
main .cms-lightbox-content {
  padding: 40px;
}
main .cms-lightbox-content h2 {
  word-break: break-all;
}
main .cms-lightbox-content .table-responsive {
  width: auto;
  max-width: 730px;
}
main .cms-lightbox-content .row {
  margin-left: -10px;
  margin-right: -10px;
}
main .circliful {
  margin: auto;
}
main .bar-con {
  background-color: #e5e5e5;
  height: 5px;
  margin-top: 50px;
  margin-bottom: 10px;
}
main .bar-con + p {
  color: #b2b2b2;
}
main .bar {
  float: left;
  height: 100%;
  width: 0%;
  position: relative;
}
main .bar span {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 15px;
  font-size: 40px;
}
main .bar span sup {
  top: -1.1em;
  font-size: 15px;
}
main .bar-red .bar {
  background-color: #cf0000;
  transition: width ease-in 1s;
  -webkit-transition: width ease-in 1s;
  -moz-transition: width ease-in 1s;
  -o-transition: width ease-in 1s;
}
main .cms-image-circle {
  text-align: center;
}
main .cms-image-circle .cms-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 40px;
  overflow: hidden;
}
main .cms-grid + .cms-grid {
  margin-top: 40px;
}
main .cms-grid + .cms-grid.grid-33-33-33 {
  margin-top: 0px;
}
main .cms-messages {
  position: relative;
  margin-bottom: 20px;
}
main .cms-messages + .cms-messages {
  margin-top: 80px;
}
main .cms-messages-box {
  width: 100%;
  border-top: 1px solid #000000;
}
main .cms-message {
  display: table;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #000000;
}
main .cms-message > div:first-child {
  width: 220px;
  border-right: 1px solid #000000;
  padding-right: 20px;
  padding-left: 0px;
}
@media (max-width: 767px) {
  main .cms-message > div:first-child {
    border: none;
    padding: 0;
  }
}
main .cms-message > div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}
@media (max-width: 767px) {
  main .cms-message > div {
    width: 100%;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    display: block;
  }
}
main .cms-message > div p {
  margin-bottom: 0px;
}
main .cms-message > div .fa {
  padding: 2px;
  font-size: 35px;
  margin-right: 20px;
}
main .cms-message > div time {
  display: inline-block;
  margin-bottom: 10px;
}
main .cms-message > div time span {
  color: #b2b2b2;
  display: block;
  width: 100%;
}
main .cms-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  text-align: center;
}
main .cms-icon span {
  width: 100px;
  height: 100px;
  font-size: 2em;
  line-height: 100px;
}
main .cms-icon span.icon-tx-i:before {
  content: "I";
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 50px;
}
main .cms-icon span.icon-tx-q:before {
  content: "Q";
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 50px;
}
main .cms-icon span.icon-tx-e:before {
  content: "E";
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 50px;
}
main .cms-icon span.glyphicons-tree-deciduous {
  background-image: url('../images/template/icon-outdoor.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
main .cms-icon span.glyphicons-tree-deciduous:before {
  content: "";
}
main .cms-icon.large {
  width: 200px;
  height: 200px;
}
main .cms-icon.large span {
  width: 200px;
  height: 200px;
  font-size: 3.5em;
  line-height: 200px;
}
main .cms-icon.large span.icon-tx-i:before {
  font-size: 80px;
}
main .cms-icon.large span.icon-tx-q:before {
  font-size: 80px;
}
main .cms-icon.large span.icon-tx-e:before {
  font-size: 80px;
}
main .cms-icon.flex {
  cursor: pointer;
  width: 100%;
  height: auto;
  position: relative;
}
main .cms-icon.flex .square {
  margin-top: 100%;
}
main .cms-icon.flex .square-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
}
main .cms-icon.flex .square-content > div {
  display: table;
  padding: 0 30px;
  height: 100%;
  width: 100%;
}
main .cms-icon.flex .square-content > div > div {
  display: table-cell;
  vertical-align: middle;
}
main .cms-icon.flex .square-content.hover-text {
  display: none;
  background-color: #333333;
}
main .cms-icon.flex .square-content.hover-text p {
  margin: 0px;
  color: #fff;
}
main .cms-icon.flex .square-content.hover-text h3 {
  color: #fff;
}
main .cms-icon.flex span {
  font-size: 3.5em;
}
main .cms-icon.flex h3 {
  margin-bottom: 0px;
}
main #renderCanvasWrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 800px;
  margin: 0;
  padding: 0;
  background-size: cover;
  font-family: Arial;
}
main #renderCanvasWrap.grey {
  background-image: url("../cgi/images/trilux_verlauf.jpg");
}
main #renderCanvasWrap.white {
  background-image: none;
}
main #renderCanvasWrap.dark {
  background-image: url("../cgi/images/trilux_verlauf_dark.jpg");
}
main #renderCanvasWrap.dark h2 {
  color: white;
}
main #renderCanvasWrap.dark section > .container .controls button {
  background-color: white;
  color: #333333;
}
main #renderCanvasWrap .infotext {
  margin-top: 120px;
}
main #renderCanvasWrap .infotext > h3,
main #renderCanvasWrap .infotext > p {
  max-width: 320px;
}
main #renderCanvasWrap section {
  margin-top: 40px;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
}
main #renderCanvasWrap section > .container {
  position: relative;
}
main #renderCanvasWrap section > .container .icon-cgi {
  float: right;
}
main #renderCanvasWrap section > .container h2 {
  float: left;
}
main #renderCanvasWrap section > .container .controls {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
}
main #renderCanvasWrap section > .container .controls button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 46px;
  width: 46px;
  margin-left: 5px;
  border: none;
  background-color: #333333;
  color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
main #renderCanvasWrap section > .container .controls button:hover {
  background-color: #cf0000;
  color: white;
}
main #renderCanvasWrap section > .container .controls button .glyphicons {
  line-height: 46px;
}
main #renderCanvas {
  width: 100%;
  height: 100%;
  touch-action: none;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
main #loadingScreen {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  touch-action: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: initial;
  vertical-align: bottom;
  background-color: rgba(0, 0, 0, 0);
  font-size: 24px;
}
main #loadingScreen a {
  display: block;
  width: 100%;
  height: 100%;
}
main #loadingScreen img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
}
main #loadingScreen img.play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -70px 0 0 -70px;
}
main #sliderContainer {
  display: none;
  margin: auto;
  width: 100%;
  height: 60px;

  background-color: rgba(127, 127, 127, 0.4);
  padding: 6px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0px;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
}
main .event-list .line-grey {
  border-color: #000000;
}
main .event-list .event .event-time p {
  border-right: 1px solid #000000;
}
main .event-list .event:hover .title {
  color: #cf0000;
}
main #preloader-overlay {
  position: fixed;
  z-index: 20000;
  background: #f9f9f9;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9f9f9), color-stop(100%, #c8c8ca));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #f9f9f9 0%, #c8c8ca 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, right top, from(#f9f9f9), to(#c8c8ca));
  background: linear-gradient(to right, #f9f9f9 0%, #c8c8ca 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#c8c8ca', GradientType=1);
  /* IE6-9 */
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
@media (max-width: 1023px) {
  main #preloader-overlay {
    top: 43px;
  }
}
@media (min-width: 1023px) and (max-width: 1200px) {
  main #preloader-overlay {
    top: 75px;
  }
}
main #preloader-overlay img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
main .hidden {
  visibility: hidden;
}
main .content-white,
main footer,
main .content-grey,
main .fill {
  display: none !important;
}
main .preloader-show {
  display: block !important;
}
.ui-tooltip {
  padding: 20px;
  position: absolute;
  z-index: 91;
  max-width: 450px;
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.ui-tooltip .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  bottom: -16px;
  font-size: 1.4em;
}
.ui-tooltip .arrow:after {
  background: #ffffff;
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
.ui-tooltip .arrow.top {
  top: -16px;
  bottom: auto;
}
.ui-tooltip .arrow.left {
  left: 30%;
}
.ui-tooltip .arrow.top:after {
  bottom: -20px;
  top: auto;
}
@media (max-width: 767px) {
  .ui-tooltip .arrow {
    display: none;
  }
}
@media (max-width: 767px) {
  .ui-tooltip {
    width: 100%;
    max-width: 100%;
  }
}
.ui-tooltip .cms-check {
  display: inline-block;
}
.ui-tooltip .cms-check:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url('..images/check_red.png') top 4px center no-repeat;
}
.ui-tooltip h3,
.ui-tooltip b {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  padding-bottom: 0px;
}
.ui-tooltip h3 {
  font-size: 18px;
  text-transform: uppercase;
}
.ui-tooltip p {
  font-size: 16px;
  line-height: 1.7em;
  margin: 0;
}
.ui-tooltip img {
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .ui-tooltip img {
    width: 100%;
    height: auto;
    margin-right: 40px;
    float: left;
  }
}