html {
    overflow-x: hidden;
}

body {
    -moz-content-zooming: -moz-none;
    -webkit-content-zooming: none;
    -ms-content-zooming: none;
    -content-zooming: none;

    overflow-x: hidden;
}

.back-top .hover-icon {
    background-image: url('../images/icons/ToTop.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer;
}
.hover-icon {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.hover-icon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.header--contact p {
    margin: 0;
}


.back-top {
    position: fixed;
    display: none;
    bottom: 60px;
    left: 0;
    width: 55px;
    height: 55px;
    z-index: 999;
    background: no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url('../images/icons/ToTopBlack.png');
    -o-transition: background-image .3s;
    -webkit-transition: background-image .3s;
    -moz-transition: background-image .3s;
    transition: background-image .3s;

    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
a.back-top {
    text-decoration: none;
    outline: none;
    color: #3cf;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
}
a.back-top {
    outline: none !important;
    -o-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.breadcrumb .active {
    color: #009bcf;
    text-decoration: underline;
}

.flagmenu {
    text-align: left;
    display: inline-block;
    width: 100%;
}
.flagmenu li a {
    vertical-align: top;
    color: black;
}

.country-popup .modal-title {
    font-size: 24px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.country-popup .region-title:first-child {
    margin-top: 0;
    padding-top: 30px;
}
.country-popup .region-title {
    position: relative;
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}

.country-popup .region-list li > a > span, .country-popup .region-list li > span > span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}
.country-popup .region-list li a {
    color: #000;
}
.country-popup .region-list li > a, .country-popup .region-list li > span {
    color: #000;
}
.country-popup .region-list li {
    list-style: none;
}
.country-popup .modal-body {
    background: #edf0f0;
    padding: 30px;
    min-height: 80px;
}
.modal-body {
    position: relative;
}
#langPopup ul {
    margin-bottom: 0;
}
.country-popup .region-list {
    display: block;
}
.country-popup .region-list {
    margin: 0;
    padding: 10px 0;
}
#popupCloseBtn {
    height: 20px;
    width: 20px;
    margin: 10px;
}
button.close,
button.close:hover,
button.close:active,
button.close:focus {
    opacity: 1;
}

.flagList{
    float: left;
    width: 50%;
    list-style: none;
}
.flagList img {
    width: 40px;
    height: auto;
}
.country-toggle {
    cursor: pointer;
}
.country-toggle .flag {
    position: absolute;
    right: 75px;
    top: 50%;
    margin-top: -10.5px;
    width: 28px;
    height: 21px;
}
.flag {
    display: inline-block;
    width: 40px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width: 992px) {
    .country-toggle {
        padding-top: 15px;
    }
    .country-toggle .flag {
        position: absolute;
        right: 75px;
        top: 72%;
        margin-top: -10.5px;
        width: 28px;
        height: 21px;
    }
}
#footer > .row > .col-md-2 > div > div {
    border-top: 1px solid black;
    margin-top: 20px;
}
#footer > .row > .col-md-2 > div > div > div {
    padding: 5px 0;
}
#footer ul {
    padding: 0;
    list-style: none;
}
#footer {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (max-width: 768px) {
    #footerbottom, #footerbottom * {
        text-align: center;
    }
    #footerbottom p, #footerbottom .col-md-12, #footerbottom .col-md-12 > div, #footerbottom .col-md-12 > div > div, #footerbottom .ce-bodytext {
        width: 100%;
    }
    #footerbottom ul, #footerbottom li {
        margin-left: 0px !important;
    }
    #footerbottom > div > div > div > div:nth-child(2) li:nth-child(1)::before {
        content: '' !important;
        float: none !important;
    }
}

#langPopup {
    padding-right: 0 !important;
}

.navbar-toggle.custom-toggle {
    display: block;
}
.navbar-toggle.custom-toggle.sidebarToggle {
    margin-top: 14px;
}
.navbar-toggle.custom-toggle {
    float: left;
    width: 20px;
    margin: 0;
    height: 18px;
    background: url("/fileadmin/template/assets/images/icons/m_menuBtn.png") no-repeat 0 0;
    -webkit-background-size: 45px 18px;
    -moz-background-size: 45px 18px;
    background-size: 45px 18px;
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 0;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.nav-tablet-mob {
    display: block;
}
.nav-tablet-mob {
    position: fixed;
    width: 218px;
    padding: 0 15px;
    overflow: auto;
    top: 0;
    left: -218px;
    height: 100%;
    background: #e9eaeb;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.nav-tablet-mob .mob-nav-top {
    padding-top: 35px;
    padding-bottom: 45px;
}
.nav-tablet-mob .nav {
    margin: 0;
}

.nav-tablet-mob .navbar-nav > li {
    float: none;
}

body.push-open {
    left: 218px;
    overflow: hidden;
}

body {
    position: relative;
    left: 0;
    -o-transition: left .5s ease;
    -webkit-transition: left .5s ease;
    -moz-transition: left .5s ease;
    transition: left .5s ease;
}

body.push-open .navbar-toggle {
    background-position: -25px 0;
}
.nav-tablet-mob .navbar-toggle {
    float: none;
    background-position: -25px 0;
}

.nav-tablet-mob .nav a {
    color: #333;
    padding: 0;
}
.nav-tablet-mob .mob-nav-top a {
    font-size: 18px;
    line-height: 24px;
    font-family: 'lexialight';
    font-weight: 400;
    font-style: normal;
}
.nav-tablet-mob .nav a {
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
}

.nav-tablet-mob .mob-nav-bottom {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.nav-tablet-mob .mob-nav-bottom a {
    font-size: 12px;
    line-height: 18px;
}

.mob-nav-bottom ul {
    list-style: none;
    padding: 0;
}

.mob-nav-bottom {
    width: 100%;
}

#m404 {
    min-height: 720px;
    padding: 180px;
}

#footerbottom p, #footerbottom ul, #footerbottom li {
    float: left;
}

#footerbottom ul, #footerbottom li {
    list-style: none;
    margin-left: 5px;
}
#footerbottom li:nth-child(2)::before {
    content: " | ";
    float: left;
    padding-right: 5px;
}
#footerbottom > div > div > div > div:nth-child(2) ul {
    margin-left: 0;
}
#footerbottom > div > div > div > div:nth-child(2) li:nth-child(1)::before {
    content: " | ";
    float: left;
    padding-right: 5px;
}
#footerbottom > div * {
    float: left;
}
#footerbottom .ce-bodytext,
#footerbottom ul {
    padding: 0;
}

.header-nav-main .container {
    position: relative;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-nav-main nav {
    margin-top: 16px;
}
div.header-nav-main {
    height: 145px;
    margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    div.header-nav-main {
        height: 125px;
    }
}

@media screen and (max-width: 767px) {
    div.header-nav-main {
        height: 90px;
    }
}

body > .container,
div.header-nav-main > .container,
#magazine > .container {
    padding-left: 6px;
    padding-right: 6px;
}

div.container-fluid.breadcrumb {
    min-height: 60px;
}

div.container-fluid.breadcrumb > .container,
body #top-bar .container {
    padding-left: 6px;
    padding-right: 6px;
}
div.container-fluid.breadcrumb > .container > .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
div.development .devHead {
    padding-left: 0;
}
@media (max-width: 767px) {
    h1 {
        font-size: 30px !important;
    }
    h2 {
        font-size: 30px !important;
    }
    h3 {
        font-size: 30px !important;
    }
}
@media (max-width: 1200px) {
    div.development .devHead {
        padding: 0 15px 50px 15px;
    }
}

#top-bar, .breadcrumb {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

ul.navbar-nav > li > a {
    padding: 12.5px 0 12.5px 16px;
}
.navbar-brand img {
    margin-top: -1px;
    width: 99%;
    min-width: 142px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .header-nav-main .navbar-brand img {
        width: 170px;
    }
    .navbar-brand {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    div.header-nav-main {
        height: 90px;
    }
    .navbar-brand {
        height: auto;
    }
    .header-nav-main .navbar-brand img {
        width: 142px;
    }
}

div.breadcrumb {
    margin-bottom: 15px;
}

#material {
    margin-top: -15px;
}

div.technology .light-row {
    background-color: #F4F4F4;
    margin-left: 0;
    margin-right: 0;
}

.head-box {
    padding-left: 0;
    padding-right: 0;
}

section.slider-section {
    border-top: solid 1px grey;
    border-bottom: solid 1px grey;
}
div.product-detail .slider-section .slider-row {
    border-top: none;
    border-bottom: none;
}

section.about-section {
    border-top: solid 1px grey;
    border-bottom: solid 1px grey;
}

div.product-detail .about-section .about-row {
    border-top: none;
    border-bottom: none;
}
section.slider-section .ce-bodytext {
    padding-left: 0;
}

div.product-detail .slider-section .slider-row .slider-box {
    padding-right: 15px;
    padding-left: 30px;
}

.country-toggle span {
    vertical-align: middle;
}
div.technology .row .video-col {
    padding-left: 15px;
    padding-right: 15px;
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 37.5%;
    box-shadow: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

#feature {
    background-image: none;
    background-size: cover;
    background-position: center;
    height: 37.5%;
}

#feature #feature-content h1 {
    font-size: 9.244791666666667vw;
}

@media (min-width: 1061px) {
    #feature #feature-content {
        position: absolute;
        top: 18vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 1060px) {
    #feature #feature-content {
        position: absolute;
        top: 25vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 800px) {
    #feature #feature-content {
        position: absolute;
        top: 30vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 767px) {
    #feature #feature-content {
        position: absolute;
        top: 35vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 590px) {
    #feature #feature-content {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
div#material div.video-text {
    position: absolute;
    margin: 60px 0px 0px calc(50% - 300px);
    padding: 0;
    width: 600px;
    color: white;
    text-align: justify;
}

.soft-to-hard .ce-bodytext {
    padding-left: 0;
    padding-right: 0;
}

.head-box-left {
    padding-left: 0;
}

.head-box-right {
    padding-right: 0;
}








#sMobileDescription {
    margin-top: -1px;
}
.description .btn {
    font-size: 0.9375vw;
}
.mDescription .btn {
    font-size: inherit;
}
.mDescription h1,
.mDescription h2,
.mDescription h3,
.mDescription h4,
.mDescription h5,
.mDescription h6,{
    color: black !important;
}
.mDescription p,
.mDescription span {
    color: black !important;
}
.mDescription p a {
    border-color: black !important;
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 0 auto;
    padding-bottom: 37.5%;
    box-shadow: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.blueimp-gallery > .description {
    position: absolute;
    top: 3vw;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
}
.blueimp-gallery > .description h1{
    font-size: 9.244791666666667vw;
    font-family: "lexialight";
    line-height: 0.9;
    max-width: 100vw;
}
@media (max-width: 1199px) {
    .blueimp-gallery > .description h1{
        font-size: 9.244791666666667vw;
        font-family: "lexialight";
        line-height: 0.9;
        max-width: 100vw;
    }
    .blueimp-gallery .description p {
         font-size: 18px;
    }
    .blueimp-gallery .description p a {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    .blueimp-gallery > .description h1{
        font-size: 9.244791666666667vw;
        font-family: "lexialight";
        line-height: 0.9;
        max-width: 100vw;
    }
    .btn {
        font-size: 1.5vw;
    }
}
@media (max-width: 767px) {
    .blueimp-gallery > .description h1{
        font-size: 9.244791666666667vw;
        font-family: "lexialight";
        line-height: 0.9;
        max-width: 100vw;
    }
}
.blueimp-gallery > .description p {
    text-align: center;
    margin: 0px auto;
}
.blueimp-gallery-controls > .description {
    display: block;
}
.blueimp-gallery > .indicator > .active {
    background-color: #00cbfd;
    border: none;
    opacity: 1;
}
.blueimp-gallery > .indicator > li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 6px 3px 0 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    background: #ccc;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    background-image: none !important;
}
.description p {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    padding: 5px;
    font-size: 1.5625vw;
    max-width: 95vw;
}
.mDescription {
    text-align: center;
}

.mDescription > p {
    width: 100%;
    margin: 0px auto;
    text-align: left;
    margin-top: 10px;
}
.mDescription > p strong {
    font-weight: 700;
}
.mDescription > p:nth-child(1) {
    margin-top: 25px;
}
@media (min-width: 576px) {
    .mDescription {
        display: none;
    }
}
@media (max-width: 575px) {
    .mDescription {
        display: block;
    }
    div.blueimp-gallery > .description {
        display: none;
    }
}


.blueimp-gallery > .indicator {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.blueimp-gallery-controls > .indicator {
    display: block;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.blueimp-gallery > .indicator {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: 15px;
    margin: 0 40px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 10px;
    display: block;
}
.white {
    color: white;
}
.borderWhite {
    border-color: white;
}
.black {
    color: black;
}
.borderBlack {
    border-color: black;
}

#impressum .ce-bodytext,
#datenschutz .ce-bodytext {
    padding: 0;
}

.pLeft30 .ce-bodytext {
    padding-left: 30px;
}
.pRight30 .ce-bodytext {
    padding-right: 30px;
}

.made-for-section a:hover {
    color: black;
    text-decoration: underline;
}


.hasBorder {
    display: none;
}
@media screen and (max-width: 992px) {
    ul.list-inline > li {
        width: 50%;
        padding-bottom: 15px;
        padding-left: 10.08064516129032vw;
    }
    #footer > .row > .col-md-2 > div > div {
        border-top: none;
        margin-top: 15px;
    }

    .hasBorder {
        display: inline-block;
        border-bottom: 1px solid black;
        padding-top: 22.5px;

        margin-left: 15px;
        margin-right: 15px;
        position: relative !important;
        width: calc(100% - 30px) !important;
    }

}

@media screen and (max-width: 768px) {
    .blockoffive p,
    .technology p,
    #material p,
    .development p,
    .products p,
    .contact p,
    .product-detail p,
    .blockoffive span,
    .technology span,
    #material span,
    .development span,
    .products span,
    .contact span,
    .product-detail span,
    .blockoffive li,
    .technology li,
    #material li,
    .development li,
    .products li,
    .contact li,
    .product-detail li {
        font-size: 14px !important;
        line-height: normal;
    }
}

a.back-top {bottom: 0 !important;}


.cc_container .cc_message {
    line-height: 1.5em;
}
.cc_more_info:hover {
    color: #00cdff !important;
}
.cc_btn.cc_btn_accept_all {
    font-size: 2rem !important;
    border: none !important;
    background-color: #01ccfd !important;
    color: white !important;
    margin: 0 auto !important;
    padding: 5px 40px 5px 40px !important;
    border-radius: 0 !important;
    max-width: 150px !important;
}