@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');

/*font-family: 'Ubuntu', sans-serif;*/

/****************************************
 ************ basic settings ************
 ****************************************/
.headerIcons, div#facebook {
    display: none !important;
}
*, *:before, *:after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 140%;
    color: #222;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    color: #222;
}
h1 {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 55px;
}
h2 {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 55px;
}
h3, h4, h5 {
    padding: 0 0 5px 0;
}
h3 a {
    color: #e2001a;
}
h3 a:hover {
    color: #e2001a;
}
h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}
ol, ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.text p {
    margin: 0 0 30px;
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
}

a, a:active {
    text-decoration: none;
    color: #000;
}
/*#main a {
    color: #f00303;
}*/
td.td-1 {
    min-width: 85px;
    text-align: right;
}

a:hover {
        color: #000;
    text-decoration: underline;
}

*:focus,
*:active {
    outline: none !important
}

iframe {
    max-width: 100%;
}

caption {
    font-style: italic;
}

.t3js-icon img {
    height: 16px;
    width: 16px;
}

.flexContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
p.cc_message {
    font-size: 14px !important;
    font-family: raleway;
}
.cc_container {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    background-color: #2d2d2d !important;
}
p.cc_message {
    font-family: 'Lato', sans-serif !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #e2001b !important;
    color: white !important;
}
.flexContainer768.col2wrap, .flexContainer768.col3wrap {
    padding-bottom: 25px;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.col2item {
    width: 49%;
}
.col3item {
    font-size: 15px;
    width: 32%;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    left: 0;
    margin-left: 0px;
    width: 20px;
}
.radio label, .checkbox label {
    padding-left: 45px;
}
/****************************************
 ************* mobile navi **************
 ****************************************/

html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
    top: 50px;
    background: #e2001b;
}

html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
    background: #e2001b;
}

html.mm-opening #hamburger:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mm-opening #hamburger:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#hamburger {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 65px;
    height: 51px;
    z-index: 2;
    margin-top: 28px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    background: #e2001b;
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    position: absolute;
    left: 15px;
    z-index: 9999999999999;
}

#hamburger:before {
    top: 40px;
}

#hamburger span {
    top: 50px;
}

#hamburger:after {
    top: 60px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    -webkit-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity, background;
    -webkit-transition-property: top, bottom, left, opacity, background, -webkit-transform;
    transition-property: top, bottom, left, opacity, background, -webkit-transform;
    -o-transition-property: transform, top, bottom, left, opacity, background;
    transition-property: transform, top, bottom, left, opacity, background;
    transition-property: transform, top, bottom, left, opacity, background, -webkit-transform;
}

#mobileNaviTriggerWrap {
    position: relative;
    display: inline-block;
}

.mm-menu .mm-search input {
    background: #e2001b;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 3px;
    height: 33px;
    border-radius: 0;
}

.mm-noresultsmsg {
    color: #e2001b;
}

.mm-subclose .glyphicon {
    font-size: 24px;
    font-size: 2.4rem;
    margin-right: 10px;
    top: 5px;
}

.mm-menu .mm-list > li > a.mm-subclose {
    background: #e2001b;
    color: #ffffff;
}

.mm-list a.mm-subclose {
    padding-top: 10px;
}

.mm-list {
    font-size: 18px;
    font-size: 1.8rem;
}

.mm-menu em.mm-counter {
    color: #707173;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 41px;
    margin-top: -19px;
    margin-right: 5px;
}

.mm-list > li {
    border-bottom: 1px solid #707173;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after, .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after, .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-bottom: 0;
    border-color: transparent;
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
    background: none;
    font-weight: bold;
}

.mm-list a.mm-subclose {
    text-indent: 0;
}

em.mm-counter + a.mm-subopen {
    padding-left: 0;
    width: 40px;
    line-height: 41px;
    font-size: 24px;
    font-size: 2.4rem;
}

em.mm-counter + a.mm-subopen .glyphicon {
    line-height: 41px;
    top: 0;
}

.mm-menu {
    background: #ffffff;
    color: #707173;
}

.mm-footer nav span {
    color: #707173;
}

.mm-menu a, .mm-list > li > a, .mm-list > li > span {
    color: #e2001b;
}

.mm-menu .mm-list > li > a.mm-subopen:before {
    border: 0;
}
.mmmetaNavi {
    padding-top: 8px;
}

.mm-footer nav span {
    display: inline-block;
    margin: 0 5px 0 5px;
}

.mm-footer nav {
    padding-bottom: 8px;
}
div#mainNavi {
    height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
li.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.navbar-nav > li > a {
    height: 95px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px;
    text-transform: uppercase;
    color: #ffffff;
}
#langNavi ul {
    list-style: none;
    color: #fff;
}
#langNavi ul li a {
    color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #e2001b;
}
li.dropdown:hover .dropdown-menu {
    background-color: #2d2d2d;

}
li.dropdown-header a:hover, .dropdownOutter a:hover {
    color: #e2001b;
    text-decoration: none;
}
.dropdown-menu > li > a {
    color: #fff;
    font-size: 16px;
}
ul.nav.navbar-nav {
    position: relative;
}
ul.dropdown-menu {
    position: absolute;
    left: 0;
}
.dropdown-header {
    color: #fff;
}
.thirdWrap {
    display: none;
}
.thirdWrap li {
    list-style: none;
}
.thirdWrap li.active a {
    color: #f00303;
}
.thirdWrap.active {
    display: block;
}
.third a:hover {
    color: #e2001b;
}
.nav > li {
    position: static;
    display: block;
}
ul.nav.navbar-nav {
    position: relative;
}
li.dropdown a {
    color: #fff;
}
.dropdownOutter {
    width: 97%;
}
.dropdown-header {
    display: block;
    padding: 0;
    font-size: 16px;
    line-height: 1.42857143;
    white-space: nowrap;
}
ul.dropdown-menu {
    line-height: 25px;
}
ul.dropdownOutter .dropdown-menu {
    display: none !important;
}
ul.dropdown-menu > ul.dropdownOutter:hover > ul.dropdown-menu {
    display: block !important;
    position: inherit;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #e2001b;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
ul.dropdownOutter ul.dropdown-menu {
    padding-top: 5px;
}
ul.dropdownOutter li.dropdown-header a {
    background-image: url(/fileadmin/templates/images/right.png);
    width: 100%;
    background-size: 20px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    z-index: 99999;
    padding-left: 30px;
    padding-bottom: 5px;
}
ul.dropdownOutter {
    padding-left: 15px;
}
ul.dropdown-menu a {
    padding-left: 45px;
}
ul.dropdownOutter ul.dropdown-menu a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #e2001b;
    background-color: transparent;
}
li.dropdown-header.sub {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 15px;
}
ul.dropdown-menu.third.active {
    border-top: 1px solid white;
}
ul.dropdown-menu.third.active a {
    font-style: italic;
    font-size: 13px;
}
b.pfeilchen {
    cursor: pointer;
    font-size: 21px;
    background-image: url(/fileadmin/templates/images/pfeilchen.png);
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
}
ul.dropdown-menu.third.active {
    display: block !important;
}
ul.dropdown-menu.third {
    position: static;
    display: none !important;
    padding: 0px;
}
/**Search**/
input.form-control {
    display: none !important;
}
.opened input.form-control {
    display: block !important;
}
.tx-kesearch-pi1 .resetbutt a, .tx-kesearch-pi1 span.submitbutt input {
    background-color: #f00303;
    color: #fff;
    height: 35px;
}
.navbar-nav .navbar-form .navi-search input.form-control {
    display: none;
}
.tx-kesearch-pi1 input.submit {
    display: none;
}
.tx-kesearch-pi1 span.resetbutt a:hover,
.tx-kesearch-pi1 span.submitbutt input:hover {
    color: #f00303;
}
#kesearch_results .result-list-item .result-number,
#kesearch_results .result-list-item .result-title,
.tx-kesearch-pi1 #kesearch_results .result-list-item span.hit {
    color: #f00303;
}
#kesearch_results .result-list-item .result-teaser {
    color: #1a171b;
}
.navbar-form .form-control {
    z-index: 999;
    width: 188px;
    vertical-align: middle;
    top: 97px;
    position: absolute;
    right: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.7);
    border: none;
    text-align: right;
    color: #707173;
    text-transform: uppercase;
}
/*Powermail*/
legend {
  font-family: mila;
  font-size: 20px;
  color: #535353;
  border-bottom: 0px;
  padding-top: 45px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    padding-bottom: 9px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
}
.powermail_fieldwrap {
  padding-bottom: 25px;
}

.powermail_fieldwrap.layout1 {
  width: 49%;
  float: left;
}

.powermail_fieldwrap.layout2 {
  width: 49%;
  float: right;
}
.tx-powermail h3 {
    padding-top: 25px;
    padding-bottom: 45px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}
input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
  height: 40px;
  padding-left: 5px;
}
.tx-powermail {
    padding-bottom: 40px;
    max-width: 1550px;

}
fieldset.powermail_fieldset.powermail_fieldset_1 legend {
    display: none;
}
input.powermail_submit {
  border: 0px;
  background-color: #2d2d2d;
  text-align: center;
  right: 55px;
  font-weight: 300;
    font-size: 22px;
    color: #fff;
  bottom: 50px;
  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;
  margin: 0 auto;
}
.container-fluid {
    padding: 0px;
}
input.powermail_submit:hover {
  background-color: #e2001a;
}

textarea {
  height: 100%;
}

/****************************************
 *********** DCE Slick Slider ***********
 ****************************************/
.stoerer {
    position: absolute;
    bottom: 14%;
    z-index: 999;
    background: #e2001a;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    color: white;
    font-size: 21px;
    line-height: 24px;
    right: 5%;
}

div#header {
    position: relative;
}
.slick-slider {
    margin-bottom: 0px;
}
.slickHeaderWrap {
    position: relative;
}

.slickHeaderSliderPosition {
    z-index: 1;
    width: 100%;
}

.slickHeaderSlider {
    display: none;
}

.slick-dots {
    bottom: -30px;
}

.slick-dots li button::before {
    font-size: 16px;
}

.slickSliderSingle {
    position: relative;
}

.slickSliderContent {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.slickSliderContent {
    max-width: 100%;
}

.slickSliderContent a {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
    text-shadow: 0 0 5px #000000;
}

.slickSliderContent a {
    color: #ffffff;
}

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

.slickSliderTeaser {
    display: none;
}

.cl-effect-10 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    font-size: 18px;
    margin-top: 5px;
    float: left;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
}

.cl-effect-10 a {
    overflow: hidden;
    display: block;
}

.cl-effect-10 a span {
    display: inline-block;
    padding: 5px 10px;
    background: #e2001b;
    color: #ffffff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.slick-prev, .slick-next {
    width: 50px;
    height: 50px;
}
.slick-next {
    right: 0;
    height: 100px;
    width: 100px;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    bottom: -50px;
    top: inherit;
    z-index: 999999999;
}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        background-color: rgba(0, 0, 0, 0.4);
}*/
.slick-prev {
    right: 101px;
    z-index: 1;
    left: inherit;
    height: 100px;
    width: 100px;
        bottom: -50px;
    top: inherit;
    /*background-color: rgba(0, 0, 0, 0.4);*/
}
.slick-prev:before {
    background-image: url(/fileadmin/templates/images/left.png);
    background-size: contain;
    font-size: 60px;
    background-repeat: no-repeat;
    color: transparent;
}
.slick-next:before {
    background-image: url(/fileadmin/templates/images/right.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 60px;
    color: transparent;
}
.slick-dots li button:before {
    background-image: url(/fileadmin/templates/images/dot.png);
    color: transparent;
    opacity: 1;
    background-repeat: no-repeat;
}
.slick-dots li.slick-active button:before {
    background-image: url(/fileadmin/templates/images/actvie.png);
    color: transparent;
        opacity: 1;
    background-repeat: no-repeat;
}
.slick-dots {
    bottom: 0;
    position: absolute;
    left: 0;
    width: 20%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slickSliderContent {
    max-width: 100%;
    height: 100px;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30%;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.headerIcons {
    position: absolute;
    right: 0;
    height: 70%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    z-index: 99999;
    align-items: center;
    -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;
    margin-top: 5%;
}
.phone {
    margin-bottom: 1px;
    height: 70px;
    width: 70px;
    background-color: #f00303;
    z-index: 1;
        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;
}
.share {
    height: 70px;
    width: 70px;
    background-color: #f00303;
    z-index: 1;
        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;
}
/*****************************************
 **************** Layout ****************
 ****************************************/
.content {
    max-width: 1550px;
    margin: 0 auto;
    padding-bottom: 75px;
}
/***** DCE *****/
.grey {
    padding-left: 20%;
    background-color: #4b4b4b;
    padding-top: 85px;
    padding-bottom: 85px;
}
.darkgreytext {
    max-width: 930px;
    color: #7b7b7b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
}
.boxInner.small {
    width: 24%;
    padding-bottom: 65px;
    padding-top: 65px;
}
.boxWrap {
    font-family: Arial, Helvetica, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1550px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.boxTitle {
    font-size: 24px;
    font-weight: bold;
    padding-top: 25px;
    padding-left: 15px;
    padding-bottom: 35px;
    max-width: 305px;
}
.boxTeaser {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding-left: 20px;
    max-width: 305px;
}
.boxWrap .link {
        padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.boxInner a:hover .link {
    text-decoration: underline;
}
.link img {
    height: 45px;
    padding-left: 10px;
}
.boxInner.left, .boxInner.right {
    width: 100%;
    position: relative;
}
.boxInner.left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.boxInner.right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.boxInner.right .boxText, .boxInner.left .boxText {
    width: 50%;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.boxInner.right .boxTeaser, .boxInner.left .boxTeaser {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding-left: 0px;
    max-width: 375px;
}
.boxInner.right .boxTitle, .boxInner.left .boxTitle {
    padding-left: 0px;
}
.boxTextInner {
    margin: 0 auto;
    width: 100%;
    padding-left: 20%;
    padding-right: 15%;
}

.boxIcon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    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;
}
.boxInner.right .link, .boxInner.left .link {
    padding-top: 50px;
}
/*referenz-slider*/
.slickHeaderWrap.content ul.slick-dots, .produktSlider ul.slick-dots {
    width: 100%;
}
.produktSliderInner a {
    position: absolute;
    right: 0;
}
.intBox {
    color: white;
    background-color: #e2001a;
    display: inline-block;
    padding: 5px;
    border-radius: 7px;
    margin: 0 auto;
}
.produktSliderInner.slick-slide {
    position: relative;
}
.slickHeaderWrap.content .slick-prev, .produktSlider .slick-prev {
    bottom: inherit;
    top: 50%;
    left: 0;
    background-color: transparent;
}
.slickHeaderWrap.content .slick-next, .produktSlider .slick-next {
    bottom: inherit;
    top: 50%;
    right: 0;
    background-color: transparent;
}
.produktSlider .slick-prev:before {
    background-image: url(/fileadmin/templates/images/black_left.png);
}
.produktSlider .slick-next:before {
    background-image: url(/fileadmin/templates/images/black_right.png);
}
/*Produktslider*/
.produktInfo {
    font-size: 18px;
    color: #818181;
}
.produktInner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 75px;
    max-width: 1150px;
    justify-content: space-between;
}
.produktLeft, .produktRight {
    width: 48%;
}
.produktName {
    font-size: 40px;
    color: #818181;
    font-weight: bold;
    line-height: 48px;
}
.produktTyp {
    color: #818181;
    font-size: 36px;
    line-height: 40px;
    padding-bottom: 20px;
}
.produktRight hr {
    padding-bottom: 15px; 
}
.info {
    font-size: 26px;
    line-height: 48px;
    font-weight: bold;
    color: #818181;
}
.description {
    padding-top: 20px;
    font-size: 20px;
    line-height: 30px;
    color: #818181;
    padding-bottom: 70px;
}
.produktInfoText {
    font-size: 22px;
    font-weight: bold;
    line-height: 48px;
    color: #818181;
}
.produktInfo tr {
    border: 1px solid #818181;
}
.produktInfo td {
    padding: 10px;
    font-size: 18px;
    color: #818181;
}
table.contenttable {
    width: 100%;
}
/***** navigation *****/
.clickpath a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: black;
    font-weight: bold;
}
.clickpath img {
    padding-left: 10px;
    padding-right: 10px;
}
.clickpath {
    background-color: #f2f1f1;
    padding-left: 8%;
    padding-top: 35px;
    padding-bottom: 35px;
}
#naviWrap {
    height: 95px;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#detail #naviWrap {
    position: static;
}
.naviWrapInner {
    background-color: #2d2d2d;
    max-width: 1620px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8%;
}
#logo {
    padding-right: 230px;
}
#facebook, #youtube {
    width: 100px;
    margin-left: 1px;
    background-color: #2d2d2d;
    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;
}
#youtube img {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
    display: flex;
}
#search {
    cursor: pointer;
    position: relative;
    width: 100px;
    height: 95px;
    background-color: #2d2d2d;
    margin-left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#langNavi {
    margin-left: 1px;
    width: 100px;
    background-color: #2d2d2d;
    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;
}
#langNavi a:hover {
    font-weight: bold;
}
#langNavi ul {
    padding-left: 0px;
}
/***** footer *****/
.footerGap {
    max-width: 915px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.btnimg {
    min-width: 100px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.buttonLink a, .buttonLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.buttonLink {
    padding-bottom: 35px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.btn {
    padding-bottom: 35px;
    font-size: 16px;
    font-weight: bold;
}
.btnWrap {
    height: 100%;
    padding-top: 85px;
    padding-bottom: 60px;
}
#contact {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 85px;
    padding-bottom: 60px;
    font-size: 18px;
    font-weight: bold;
}
#contact a {
    color: #e2001a;
}
#contact a:hover {
    text-decoration: underline;
}
#contact h2 {
    padding: 0;
}
#contact h3 {
    padding-bottom: 40px;
}
hr {
    padding-bottom: 40px;
    border: 0;
    border-top: 1px solid #353535;
    max-width: 915px;
    margin: 0 auto;
}
#sitemap a {
    color: #807f80;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
#sitemap {
    margin: 0 auto;
    max-width: 915px;
    padding-bottom: 50px;
}
/***** content *****/

#main .csc-default {
    padding-top: 40px;
    padding-bottom: 20px;
    margin: 0 auto;
    max-width: 1200px;
}

/***** something else *****/
iframe {
    max-width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.darkgrey {
    padding-top: 25px;
    padding-bottom: 25px;
    color: white;
    background-color: #353535;
}
.darkgrey .frame {
    max-width: 915px;
    margin: 0 auto;
}
.darkgrey h1, .darkgrey h2 {
        text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 55px;
}
table.ui-datepicker-calendar th {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}
#invisible {
    display: none;
}
#cookie-bar {
    z-index: 20000;
    bottom: 0;
    position: fixed;
    width: 100%;
    min-height: 32px;
    margin: 0;
}
#mobileNaviTriggerWrap {
        display: none;
    }
    .cl-effect-10 {
        margin-top: 10px;
        font-size: 26px;
        float: right;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
    }

    .cl-effect-10 a span {
        padding: 10px 20px;
    }

    .cl-effect-10 a::before {
        position: absolute;
        z-index: -1;
        padding: 10px 20px;
        background: #ffffff;
        color: #e2001b;
        content: attr(data-hover);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translateX(-25%);
    }

    .cl-effect-10 a:hover span,
    .cl-effect-10 a:focus span {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    }

    .cl-effect-10 a:hover::before,
    .cl-effect-10 a:focus::before {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    }
.totop {
    display: none;
}
/****************************************
 ************** responsive **************
 ****************************************/
@media screen and (max-width: 1400px) {
.naviWrapInner {
    padding-left: 3%;
}
#logo {
    padding-right: 50px;
}
.grey {
    padding: 25px;
}
}
@media screen and (max-width: 1280px) {
#logo {
    padding-right: 20px;
}
.navbar-nav > li > a {
    padding-right: 5px;
}
.boxWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
}
.produktInner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.produktLeft, .produktRight {
    width: 75%;
}
.produktInner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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;
    max-width: 100%;
}
.flexContainer768.col2wrap, .flexContainer768.col3wrap {
    padding-left: 25px;
    padding-right: 25px;
}
}
@media screen and (max-width: 1024px) {
    .content {
    padding-bottom: 25px;
}
.stoerer {
    display: none;
}
.col2item, .col3item {
    font-size: 14px;
}
    .boxInner.small {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
    .darkgreytext {
    line-height: 30px;
    font-size: 24px;
}
#naviWrap {
    position: inherit;
}
    #mobileNaviTriggerWrap {
        display:block;
        background-color: #2d2d2d;
    margin-left: 1px;
    }
    ul.nav.navbar-nav {
    display: none;
}
.slick-prev:before {
    font-size: 40px;
}
.slick-next:before {
    font-size: 40px;
}
.slick-prev, .slick-next {
    height: 80px;
    width: 80px;
    bottom: -40px;
}
.slickSliderContent {;
    height: 80px;
    font-size: 30px;
}
.slick-dots {
    height: 80px;
}
button.slick-prev.slick-arrow {
    right: 65px;
}
.headerIcons {
    display: none;
}
}
@media screen and (max-width: 900px) {
    .boxInner.left a, .boxInner.right a {
    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;
}
.darkgrey h1, .darkgrey h2 {
    padding-left: 15px;
}
.boxInner.right .boxText, .boxInner.left .boxText {
    width: 100%;
}
.boxIcon {
    top: 10%;
}
.boxInner.right .link, .boxInner.left .link {
    padding-top: 20px;
    padding-bottom: 30px;
}
.boxTextInner {
    padding-left: 15%;
    padding-top: 5%;
}
.boxInner.left, .boxInner.right {
    max-width: 550px;
}
}
@media screen and (max-width: 768px) {
.slickSliderContent, .slick-dots, .slick-prev, .slick-next {
    display: none !important;
}
.boxIcon {
    display: none;
}
.col2item, .col3item {
    width: 100%;
}
.footerGap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.footerGap {
    padding-left: 25px;
    padding-right: 25px;
}
#contact h3 {
    padding-bottom: 25px;
}
#contact, #links {
    width: 100%;
}
.btnimg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 50px;
}
#sitemap {
    padding-bottom: 25px;
    padding-left: 15px;
}
#contact, .btnWrap {
    padding-top: 25px;
    padding-bottom: 25px;
}
.boxInner.small {
    width: 100%;
        padding-bottom: 4%;
    padding-top: 2%;
}
iframe {
    max-height: 300px;
}
.darkgrey h1, .darkgrey h2 {
    font-size: 24px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.produktName {
    font-size: 30px;
}
.produktTyp {
    font-size: 24px;
}
.info {
    font-size: 24px;
    line-height: 30px;
}
.description {
    padding-top: 20px;
    font-size: 20px;
    line-height: 26px;
    color: #818181;
    padding-bottom: 35px;
}
.clickpath img {
    padding-left: 5px;
    padding-right: 5px;
}
.clickpath {
    font-size: 14px;
    padding-left: 25px;
}
}
@media screen and (max-width: 480px) {
.grey {
    padding: 15px;
}.darkgreytext {
    line-height: 24px;
    font-size: 16px;
}
.produktLeft, .produktRight {
    width: 85%;
}
}