#node-unternehmen #einleitung{position:relative}#node-unternehmen #einleitung .bg-image{position:relative;height:calc(100vh - 250px);max-height:56.25vw;min-height:700px}#node-unternehmen #einleitung .bg-image .overlay{width:100%;height:200px;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));z-index:10;transition:height 1s ease 1s}#node-unternehmen #einleitung .h1{position:absolute;width:50%;text-align:center;left:25%;bottom:200px;color:#fff;z-index:50;transform:translateY(100px);opacity:0;transition:transform 1s ease 1s,opacity 1s ease 1s}#node-unternehmen #leidenschaft{padding-top:150px}#node-unternehmen #leidenschaft .section .image-wrapper{width:55%;position:relative;float:left;transform:translateX(-200px)}#node-unternehmen #leidenschaft .section .block{float:right;position:relative;width:45%}#node-unternehmen #leidenschaft .section .block .logo-wrapper{margin-top:50px;text-align:right;position:relative}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur{position:absolute;left:0;top:0}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur span{position:absolute;left:0;top:50%;transform:translateY(-50%)}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur .image-signatur{width:200px;position:relative;margin-left:100px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logotext{position:absolute;left:0;top:50%;transform:translateY(-50%)}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logo{position:relative;margin-left:calc(100% - 220px);width:220px;height:220px}#node-unternehmen #produkte{margin-top:200px;margin-bottom:200px}#node-unternehmen #produkte .section .h3{margin-bottom:100px}#node-unternehmen #produkte .section .produkte .swiper-container{position:relative;margin-right:-200px;padding-right:200px}#node-unternehmen #produkte .section .produkte .swiper-container .swiper-navigation{position:absolute;right:150px;top:50%;transform:translateY(-50%);z-index:50}#node-unternehmen #unternehmen{background-color:#545e4a;padding:150px 0 100px 0}#node-unternehmen #unternehmen .section{margin:0}#node-unternehmen #unternehmen .section .block{margin-bottom:100px;padding:0 200px}#node-unternehmen #unternehmen .section .block .h3{color:#fff;margin-bottom:30px}#node-unternehmen #unternehmen .section .block .untertitel{color:#fff;margin-bottom:10px}#node-unternehmen #unternehmen .section .block .text{color:#fff;width:50%;float:left;padding-right:50px}#node-unternehmen #unternehmen .section .block .text.col-2{padding-left:50px;padding-right:0}#node-unternehmen #unternehmen .section .images{width:calc(100% + 200px);transform:translateX(-200px)}#node-unternehmen #unternehmen .section .images .row{position:relative;margin:0 -15px}#node-unternehmen #unternehmen .section .images .row .bild-1{width:calc(25% - 30px);position:relavtive;margin:0 15px;float:left}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper{height:800px;width:100%}#node-unternehmen #unternehmen .section .images .row .bild-2{width:calc(25% - 30px);position:relative;float:left;margin:0 15px}#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:800px;width:100%}#node-unternehmen #unternehmen .section .images .row .bild-3-4{width:calc(25% - 30px);position:relative;float:left;margin:0 15px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper{height:285px;width:100%;margin-bottom:30px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{height:485px;width:100%}#node-unternehmen #unternehmen .section .images .row .bild-5-6{width:calc(25% - 30px);position:relative;float:left;margin:0 15px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper{height:285px;width:100%;margin-bottom:30px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{height:485px;width:100%}#node-unternehmen #ueber{margin:150px 0 200px 0}#node-unternehmen #ueber .section .untertitel{margin-bottom:10px}#node-unternehmen #ueber .section .h3{margin-bottom:50px}#node-unternehmen #ueber .section .text{width:50%;float:left;position:relative;padding-right:50px}#node-unternehmen #ueber .section .text.col-2{padding-right:0;padding-left:50px}@media all and (max-width:1799px){#node-unternehmen #leidenschaft .section .block .logo-wrapper .logo{width:200px;height:200px;margin-left:calc(100% - 200px)}}@media all and (max-width:1699px){#node-unternehmen #leidenschaft .section .image-wrapper{transform:translateX(-150px)}#node-unternehmen #unternehmen .section .images{width:calc(100% + 150px);transform:translateX(-150px)}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:700px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper{height:235px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{height:435px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper{height:235px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{height:435px}#node-unternehmen #produkte .section .produkte .swiper-container{margin-right:-150px;padding-right:150px}#node-unternehmen #produkte .section .produkte .swiper-container .swiper-navigation{right:100px}}@media all and (max-width:1599px){#node-unternehmen #einleitung .h1{bottom:150px}#node-unternehmen #einleitung .bg-image{height:calc(100vh - 200px);min-height:500px;max-height:70vw}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logo{width:140px;height:140px;margin-left:calc(100% - 140px)}#node-unternehmen #produkte .section .h3{margin-bottom:70px}#node-unternehmen #unternehmen .section .block{padding:0 150px}}@media all and (max-width:1439px){#node-unternehmen #einleitung .bg-image{height:calc(100vh - 150px)}#node-unternehmen #einleitung .h1{bottom:150px}#node-unternehmen #leidenschaft .section .image-wrapper{transform:translateX(-100px)}#node-unternehmen #leidenschaft .section .block .logo-wrapper{margin-top:20px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur{position:relative;margin-bottom:50px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur .image-signatur{margin-left:50px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logotext{transform:none;position:relative;top:auto;left:auto;text-align:left}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logo{margin-left:0;margin-top:20px}#node-unternehmen #produkte{margin-top:100px}#node-unternehmen #produkte .section .produkte .swiper-container{margin-right:-100px;padding-right:100px}#node-unternehmen #produkte .section .produkte .swiper-container .swiper-navigation{right:50px}#node-unternehmen #unternehmen .section .block{padding:0 100px}#node-unternehmen #unternehmen .section .images{width:calc(100% + 100px);transform:translateX(-100px)}#node-unternehmen #unternehmen .section .images .row{margin:-10px}#node-unternehmen #unternehmen .section .images .row .bild-1,#node-unternehmen #unternehmen .section .images .row .bild-2{margin:0 10px}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:600px}#node-unternehmen #unternehmen .section .images .row .bild-3-4{margin:0 10px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper{height:190px;margin-bottom:20px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{height:390px}#node-unternehmen #unternehmen .section .images .row .bild-5-6{margin:0 10px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper{height:190px;margin-bottom:20px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{height:390px}}@media all and (max-width:1247px){#node-unternehmen #einleitung .bg-image{height:calc(100vh - 120px)}#node-unternehmen #leidenschaft .section .block{width:100%;float:left}#node-unternehmen #leidenschaft .section .block .logo-wrapper{width:50%;padding-left:50px;position:absolute;top:calc(100% + 50px);right:0}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logo{width:100px;height:100px}#node-unternehmen #leidenschaft .section .image-wrapper{margin-top:50px;transform:none;padding-right:50px}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:500px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper{height:140px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{height:340px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper{height:140px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{height:340px}}@media all and (max-width:1023px){#node-unternehmen #einleitung .h1{width:70%;left:15%}#node-unternehmen #leidenschaft{padding-top:100px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur .image-signatur{width:175px}#node-unternehmen #produkte .section .produkte .swiper-container{margin-right:-50px;padding-right:50px}#node-unternehmen #unternehmen{padding:100px 0}#node-unternehmen #unternehmen .section .block{padding:0 50px}#node-unternehmen #unternehmen .section .block .text{padding-right:25px}#node-unternehmen #unternehmen .section .block .text.col-2{padding-right:0;padding-left:25px}#node-unternehmen #unternehmen .section .images{width:calc(100% + 50px);transform:translateX(-50px)}#node-unternehmen #ueber{margin:100px 0}#node-unternehmen #ueber .section .text{padding-right:25px}#node-unternehmen #ueber .section .text.col-2{padding-left:25px;padding-right:25px}}@media screen and (max-width:812px){#node-unternehmen #einleitung .h1{bottom:100px}#node-unternehmen #produkte{margin-bottom:100px}#node-unternehmen #unternehmen .section .block .text{width:100%;padding:0 !important;margin-bottom:70px}#node-unternehmen #unternehmen .section .block .text.col-2{margin-bottom:0}#node-unternehmen #produkte .section .produkte .swiper-container{padding-bottom:50px}#node-unternehmen #produkte .section .produkte .swiper-container .swiper-navigation{display:block;position:relative;right:auto;top:auto}#node-unternehmen #produkte .section .produkte .swiper-container .swiper-navigation .swiper-pagination{bottom:-40px}#node-unternehmen #unternehmen .section .images{width:100%;padding:0 50px;transform:none !important}#node-unternehmen #unternehmen .section .images .row{margin:0}#node-unternehmen #unternehmen .section .images .row .bild-1{width:calc(50% - 10px);margin:0 20px 20px 0}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper{height:400px}#node-unternehmen #unternehmen .section .images .row .bild-2{width:calc(50% - 10px);margin:0 0 20px 0}#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:400px}#node-unternehmen #unternehmen .section .images .row .bild-3-4{width:100%;margin:0;margin-bottom:20px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper{width:calc(50% - 10px);margin:0;margin-right:20px;float:left;height:400px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{width:calc(50% - 10px);margin:0;height:400px;float:left}#node-unternehmen #unternehmen .section .images .row .bild-5-6{width:100%;margin:0}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper{width:calc(50% - 10px);margin:0;margin-right:20px;float:left;height:400px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{width:calc(50% - 10px);margin:0;height:400px;float:left}#node-unternehmen #ueber .section .text{width:100%;padding:0 !important;margin-bottom:70px}#node-unternehmen #ueber .section .text.col-2{margin-bottom:0}}@media screen and (max-width:699px){#node-unternehmen #leidenschaft .section .block .logo-wrapper{padding-left:0}}@media screen and (max-width:599px){#node-unternehmen #leidenschaft .section .block .logo-wrapper{top:calc(100% + 30px);margin-top:0}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur{margin-bottom:30px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .signatur .image-signatur{margin-left:40px;width:150px}#node-unternehmen #leidenschaft .section .block .logo-wrapper .logo{width:80px;height:80px}#node-unternehmen #leidenschaft .section .image-wrapper{margin-top:30px}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:350px}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{height:350px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{height:350px}}@media screen and (max-width:499px){#node-unternehmen #einleitung .bg-image{max-height:100vh;min-height:400px}#node-unternehmen #einleitung .h1{width:calc(100% - 60px);left:30px}#node-unternehmen #leidenschaft .section .block .logo-wrapper{position:relative;width:100%;margin-top:20px}#node-unternehmen #leidenschaft .section .image-wrapper{width:100%;padding-right:0}#node-unternehmen #unternehmen .section .block{padding:0 30px}#node-unternehmen #unternehmen .section .images{padding:0 30px}#node-unternehmen #unternehmen .section .images .row .bild-1,#node-unternehmen #unternehmen .section .images .row .bild-2{margin:0;margin-bottom:20px;width:100%}#node-unternehmen #unternehmen .section .images .row .bild-1 .image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-2 .image-wrapper{height:300px}#node-unternehmen #unternehmen .section .images .row .bild-3-4{margin-bottom:0}#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-3.image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-3-4 .bild-4.image-wrapper{width:100%;margin:0;margin-bottom:20px;height:300px}#node-unternehmen #unternehmen .section .images .row .bild-5-6{margin-bottom:0}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-5.image-wrapper,#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{width:100%;margin:0;margin-bottom:20px;height:300px}#node-unternehmen #unternehmen .section .images .row .bild-5-6 .bild-6.image-wrapper{margin-bottom:0}#node-unternehmen #produkte .section .produkte .swiper-container{margin-right:-30px;padding-right:30px}}