#loading-overlay{
            background-color: #001645;
            position: fixed;
            left: 0; right: 0;
            top:0; bottom: 0;
            z-index:6000;
            }
            #loading-overlay > div{color: #FFFFFF}
        

.arrow-to-top{
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -10000;
}

.arrow-to-top.show{
    opacity: 1;
    z-index: 1000;
    visibility: visible;
}


#navigationMobile, #navigationMobile .subnavigation-menu {
    position: fixed;
    visibility: hidden;
    width: 100vw;
    right: -100vw;
    top: 0;
    height: 100vh;
    overflow:hidden;
    -webkit-transition: right .3s;
    -moz-transition: right .3s;
    -ms-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;

}
#navigationMobile .subnavigation-menu{ visibility: visible}

#navigationMobile.open, #navigationMobile .subnavigation-menu.open{
    right:0;
    visibility: visible;
}

#navigationMobile:not(.open) div.subnavigation-menu.open{
    right: -100vw !important;
}

#navigationMobile .navbar {
    /*left: 100%;*/
    top: 0;
    position: absolute;
    height: 100%;
    /*transition: all .5s ease;*/
    /*-moz-transition: all .5s ease;*/
    /*-webkit-transition: all .5s ease;*/
}

#navigationMobile .navbar-nav{
    height:100%;
}

#navigationMobile.open .navbar{
    visibility: visible;
    /*left:0;*/
    /*transition: all .5s ease;*/
    /*-moz-transition: all .5s ease;*/
    /*-webkit-transition: all .5s ease;*/
}
#navigationMobile .subnavigation-menu{
    position: fixed;
    -webkit-transition: right .3s;
    -moz-transition: right .3s;
    -ms-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
}
/*#navigationMobile .subnavigation-menu.open{*/
/*    left:0;*/
/*}#navigationMobile .subnavigation-menu.open{*/
/*    left:0;*/
/*}*/

@media(min-width: 600px){
    #navigationMobile, #navigationMobile .subnavigation-menu{ width: 600px;}
    #navigationMobile:not(.open) div.subnavigation-menu.open{
        right: -600px !important;
    }
}


.layer-navigation .nav-item{
    list-style: none;
    padding-left:0;
}
.layer-navigation .nav-item:before{ content: '';}
.layer-navigation .nav-link{
    padding-left: 0;
    padding-right: 30px;
}
.layer-navigation .h2{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.layer-navigation{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.layer-navigation.scrolled {
    padding-top: calc(var(--space-medium) / 100 * 30);
    padding-bottom: calc(var(--space-small) / 100 * 30);
}
.layer-navigation.scrolled .h2{
    font-size: calc(var(--h2-size) / 100 * 70);
    padding-bottom: 0;
}



            #unternehmen{ min-height: 0px}
            @media(min-width:768px){
            #unternehmen{ min-height: 0px}
            }
            @media(min-width:992px){
            #unternehmen{ min-height: 0px}
            }
            @media(min-width: 1200px){
            #unternehmen{ min-height: 0px}
            }
            @media(min-width: 1440px){
            #unternehmen{ min-height: 0px}
            }
            @media(min-width: 1600px){
            #unternehmen{ min-height: 0px}
            }
        

.responsive-video{
    width:100%;
    display: block;
}

.responsive-video-wrap{
    height: auto;
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.video-control-wrap{
    position: absolute;
    z-index: 10;
    /*@include make-it-flex(flex);*/
    /*@include justify-content(center);*/
    bottom: 20px;
    left: 0;
    right:0;
}

.video-control-wrap .btn{ font-size: 40px; }
.video-control-wrap .video-pause{ display:none;}
.video-control-wrap .video-mute-off {display:none;}



a.pill-btn.color-1{background-color:var(--color-1);color:var(--btn-text-color-1)}a.pill-btn.color-1:focus,a.pill-btn.color-1:active,a.pill-btn.color-1:hover{color:var(--btn-text-color-1)}a.pill-btn.act-color-1.active{background-color:var(--color-1) !important;color:var(--btn-text-color-1) !important}a.pill-btn.act-color-1.active:focus,a.pill-btn.act-color-1.active:active,a.pill-btn.act-color-1.active:hover{color:var(--btn-text-color-1) !important}a.pill-btn.color-2{background-color:var(--color-2);color:var(--btn-text-color-2)}a.pill-btn.color-2:focus,a.pill-btn.color-2:active,a.pill-btn.color-2:hover{color:var(--btn-text-color-2)}a.pill-btn.act-color-2.active{background-color:var(--color-2) !important;color:var(--btn-text-color-2) !important}a.pill-btn.act-color-2.active:focus,a.pill-btn.act-color-2.active:active,a.pill-btn.act-color-2.active:hover{color:var(--btn-text-color-2) !important}a.pill-btn.color-3{background-color:var(--color-3);color:var(--btn-text-color-3)}a.pill-btn.color-3:focus,a.pill-btn.color-3:active,a.pill-btn.color-3:hover{color:var(--btn-text-color-3)}a.pill-btn.act-color-3.active{background-color:var(--color-3) !important;color:var(--btn-text-color-3) !important}a.pill-btn.act-color-3.active:focus,a.pill-btn.act-color-3.active:active,a.pill-btn.act-color-3.active:hover{color:var(--btn-text-color-3) !important}a.pill-btn.color-4{background-color:var(--color-4);color:var(--btn-text-color-4)}a.pill-btn.color-4:focus,a.pill-btn.color-4:active,a.pill-btn.color-4:hover{color:var(--btn-text-color-4)}a.pill-btn.act-color-4.active{background-color:var(--color-4) !important;color:var(--btn-text-color-4) !important}a.pill-btn.act-color-4.active:focus,a.pill-btn.act-color-4.active:active,a.pill-btn.act-color-4.active:hover{color:var(--btn-text-color-4) !important}a.pill-btn.color-5{background-color:var(--color-5);color:var(--btn-text-color-5)}a.pill-btn.color-5:focus,a.pill-btn.color-5:active,a.pill-btn.color-5:hover{color:var(--btn-text-color-5)}a.pill-btn.act-color-5.active{background-color:var(--color-5) !important;color:var(--btn-text-color-5) !important}a.pill-btn.act-color-5.active:focus,a.pill-btn.act-color-5.active:active,a.pill-btn.act-color-5.active:hover{color:var(--btn-text-color-5) !important}a.pill-btn.color-6{background-color:var(--color-6);color:var(--btn-text-color-6)}a.pill-btn.color-6:focus,a.pill-btn.color-6:active,a.pill-btn.color-6:hover{color:var(--btn-text-color-6)}a.pill-btn.act-color-6.active{background-color:var(--color-6) !important;color:var(--btn-text-color-6) !important}a.pill-btn.act-color-6.active:focus,a.pill-btn.act-color-6.active:active,a.pill-btn.act-color-6.active:hover{color:var(--btn-text-color-6) !important}a.pill-btn.color-7{background-color:var(--color-7);color:var(--btn-text-color-7)}a.pill-btn.color-7:focus,a.pill-btn.color-7:active,a.pill-btn.color-7:hover{color:var(--btn-text-color-7)}a.pill-btn.act-color-7.active{background-color:var(--color-7) !important;color:var(--btn-text-color-7) !important}a.pill-btn.act-color-7.active:focus,a.pill-btn.act-color-7.active:active,a.pill-btn.act-color-7.active:hover{color:var(--btn-text-color-7) !important}a.pill-btn.color-8{background-color:var(--color-8);color:var(--btn-text-color-8)}a.pill-btn.color-8:focus,a.pill-btn.color-8:active,a.pill-btn.color-8:hover{color:var(--btn-text-color-8)}a.pill-btn.act-color-8.active{background-color:var(--color-8) !important;color:var(--btn-text-color-8) !important}a.pill-btn.act-color-8.active:focus,a.pill-btn.act-color-8.active:active,a.pill-btn.act-color-8.active:hover{color:var(--btn-text-color-8) !important}a.pill-btn.color-9{background-color:var(--color-9);color:var(--btn-text-color-9)}a.pill-btn.color-9:focus,a.pill-btn.color-9:active,a.pill-btn.color-9:hover{color:var(--btn-text-color-9)}a.pill-btn.act-color-9.active{background-color:var(--color-9) !important;color:var(--btn-text-color-9) !important}a.pill-btn.act-color-9.active:focus,a.pill-btn.act-color-9.active:active,a.pill-btn.act-color-9.active:hover{color:var(--btn-text-color-9) !important}a.pill-btn.color-10{background-color:var(--color-10);color:var(--btn-text-color-10)}a.pill-btn.color-10:focus,a.pill-btn.color-10:active,a.pill-btn.color-10:hover{color:var(--btn-text-color-10)}a.pill-btn.act-color-10.active{background-color:var(--color-10) !important;color:var(--btn-text-color-10) !important}a.pill-btn.act-color-10.active:focus,a.pill-btn.act-color-10.active:active,a.pill-btn.act-color-10.active:hover{color:var(--btn-text-color-10) !important}a.pill-btn.color-11{background-color:var(--color-11);color:var(--btn-text-color-11)}a.pill-btn.color-11:focus,a.pill-btn.color-11:active,a.pill-btn.color-11:hover{color:var(--btn-text-color-11)}a.pill-btn.act-color-11.active{background-color:var(--color-11) !important;color:var(--btn-text-color-11) !important}a.pill-btn.act-color-11.active:focus,a.pill-btn.act-color-11.active:active,a.pill-btn.act-color-11.active:hover{color:var(--btn-text-color-11) !important}a.pill-btn.color-12{background-color:var(--color-12);color:var(--btn-text-color-12)}a.pill-btn.color-12:focus,a.pill-btn.color-12:active,a.pill-btn.color-12:hover{color:var(--btn-text-color-12)}a.pill-btn.act-color-12.active{background-color:var(--color-12) !important;color:var(--btn-text-color-12) !important}a.pill-btn.act-color-12.active:focus,a.pill-btn.act-color-12.active:active,a.pill-btn.act-color-12.active:hover{color:var(--btn-text-color-12) !important}.nav-pills a.nav-link{min-height:34px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;padding:0 30px}.nav-pills.flex-column a.nav-link:last-child{margin-bottom:0}/*# sourceMappingURL=PillsNavigation.css.map */



            #produkte{ min-height: 0px}
            @media(min-width:768px){
            #produkte{ min-height: 0px}
            }
            @media(min-width:992px){
            #produkte{ min-height: 0px}
            }
            @media(min-width: 1200px){
            #produkte{ min-height: 0px}
            }
            @media(min-width: 1440px){
            #produkte{ min-height: 0px}
            }
            @media(min-width: 1600px){
            #produkte{ min-height: 0px}
            }
        


            #row-20667{ min-height: 0px}
            @media(min-width:768px){
            #row-20667{ min-height: 0px}
            }
            @media(min-width:992px){
            #row-20667{ min-height: 0px}
            }
            @media(min-width: 1200px){
            #row-20667{ min-height: 0px}
            }
            @media(min-width: 1440px){
            #row-20667{ min-height: 0px}
            }
            @media(min-width: 1600px){
            #row-20667{ min-height: 0px}
            }
        


            #werkstoffe{ min-height: 0px}
            @media(min-width:768px){
            #werkstoffe{ min-height: 0px}
            }
            @media(min-width:992px){
            #werkstoffe{ min-height: 0px}
            }
            @media(min-width: 1200px){
            #werkstoffe{ min-height: 0px}
            }
            @media(min-width: 1440px){
            #werkstoffe{ min-height: 0px}
            }
            @media(min-width: 1600px){
            #werkstoffe{ min-height: 0px}
            }
        


            #row-20676{ min-height: 0px}
            @media(min-width:768px){
            #row-20676{ min-height: 0px}
            }
            @media(min-width:992px){
            #row-20676{ min-height: 0px}
            }
            @media(min-width: 1200px){
            #row-20676{ min-height: 0px}
            }
            @media(min-width: 1440px){
            #row-20676{ min-height: 0px}
            }
            @media(min-width: 1600px){
            #row-20676{ min-height: 0px}
            }
        


            #row-14080{ min-height: 0px}
            @media(min-width:768px){
            #row-14080{ min-height: 0px}
            }
            @media(min-width:992px){
            #row-14080{ min-height: 0px}
            }
            @media(min-width: 1200px){
            #row-14080{ min-height: 0px}
            }
            @media(min-width: 1440px){
            #row-14080{ min-height: 0px}
            }
            @media(min-width: 1600px){
            #row-14080{ min-height: 0px}
            }