.cc html,.cc body,.cc p,.cc h1,.cc h2,.cc h3,.cc h4,.cc span{word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.cc body{scroll-behavior:smooth}.cc footer{position:relative;z-index:500}.cc .nachhaltigkeit .loading{position:fixed;top:0;right:0;bottom:0;left:0;visibility:visible;opacity:1;background-color:#fff;z-index:600;transition:visibility 0s opacity 1s}.cc .nachhaltigkeit .loading .bar{position:absolute;top:60%;left:50%;width:20vw;height:3rem;border:1px solid #fff;transform:translate(-50%, -50%)}.cc .nachhaltigkeit .loading .bar .progress{position:absolute;top:0;left:0;width:0;height:100%}.cc .nachhaltigkeit .loading .icon{position:absolute;top:50%;left:50%;width:10vw;opacity:0;transform:translate(-50%, -50%);animation:loading 4s 1s infinite ease-out}.cc .nachhaltigkeit .loading.loaded{visibility:hidden;opacity:0}.cc .nachhaltigkeit img,.cc .nachhaltigkeit video{width:100%;height:auto}.cc .nachhaltigkeit img.fullHeight,.cc .nachhaltigkeit video.fullHeight{width:auto;height:100%}.cc .nachhaltigkeit .sustainable{position:fixed;top:220px;right:75px;width:100px;height:auto;z-index:1220;pointer-events:none;transition:all .2s}.scroll-progress .cc .nachhaltigkeit .sustainable{top:150px}.cc .nachhaltigkeit .rotate{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;background-color:rgba(85,85,85,0.99);z-index:1221;transition:visibility 0s opacity 1s}.cc .nachhaltigkeit .rotate .inner{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);text-align:center}.cc .nachhaltigkeit .rotate .icon{position:absolute;top:50%;left:50%;width:20vw;fill:#fff;transform:translate(-50%, -120%)}.cc .nachhaltigkeit .rotate .text{white-space:nowrap;color:#fff}.cc .nachhaltigkeit .rotate.orientation_portrait{visibility:visible;opacity:1}.cc .nachhaltigkeit .anchorLink{position:fixed;bottom:-10px;left:50%;transform:translateX(-50%);font-size:9rem;z-index:100;color:#fff;cursor:pointer;transition:opacity .3s}.cc .nachhaltigkeit .anchorLink.scrolling{cursor:default;opacity:0 !important;pointer-events:none}.cc .nachhaltigkeit .anchorLink:hover{text-decoration:none}@keyframes hovering{from{top:0}50%{top:-15px}to{top:0}}.cc .nachhaltigkeit .anchorLink .icon-angle-down{position:relative}.cc .nachhaltigkeit .anchorLink .icon-angle-down::before{position:relative;animation-name:hovering;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:1px 1px 1px #333}.cc .nachhaltigkeit .mainOrange{color:#f29400}.cc .nachhaltigkeit .mainRed{color:#510000}.cc .nachhaltigkeit .mainLightGreen{color:#97c037}.cc .nachhaltigkeit .mainDarkGreen{color:#5f7f27}.cc .nachhaltigkeit .mainBlue{color:#7799cb}.cc .nachhaltigkeit .mainPurple{color:#624a95}.cc .nachhaltigkeit .mainOrangeBack{background-color:#f29400}.cc .nachhaltigkeit .mainRedBack{background-color:#510000}.cc .nachhaltigkeit .mainLightGreenBack{background-color:#97c037}.cc .nachhaltigkeit .mainDarkGreenBack{background-color:#5f7f27}.cc .nachhaltigkeit .mainBlueBack{background-color:#7799cb}.cc .nachhaltigkeit .mainPurpleBack{background-color:#624a95}.cc .nachhaltigkeit .mainOrangeFill{fill:#f29400}.cc .nachhaltigkeit .mainRedFill{fill:#510000}.cc .nachhaltigkeit .mainLightGreenFill{fill:#97c037}.cc .nachhaltigkeit .mainDarkGreenFill{fill:#5f7f27}.cc .nachhaltigkeit .mainBlueFill{fill:#7799cb}.cc .nachhaltigkeit .mainPurpleFill{fill:#624a95}.cc .nachhaltigkeit .mainOrangeActive.active{color:#f29400}.cc .nachhaltigkeit .mainRedActive.active{color:#510000}.cc .nachhaltigkeit .mainLightGreenActive.active{color:#97c037}.cc .nachhaltigkeit .mainDarkGreenActive.active{color:#5f7f27}.cc .nachhaltigkeit .mainBlueActive.active{color:#7799cb}.cc .nachhaltigkeit .mainPurpleActive.active{color:#624a95}.cc .nachhaltigkeit .mainOrangeButtonBorder{border-color:#f29400 !important}.cc .nachhaltigkeit .mainRedButtonBorder{border-color:#510000 !important}.cc .nachhaltigkeit .mainLightGreenButtonBorder{border-color:#97c037 !important}.cc .nachhaltigkeit .mainDarkGreenButtonBorder{border-color:#5f7f27 !important}.cc .nachhaltigkeit .mainBlueButtonBorder{border-color:#7799cb !important}.cc .nachhaltigkeit .mainPurpleButtonBorder{border-color:#624a95 !important}.cc .nachhaltigkeit .mainOrangeBorder{border-bottom-color:#f29400 !important}.cc .nachhaltigkeit .mainRedBorder{border-bottom-color:#510000 !important}.cc .nachhaltigkeit .mainLightGreenBorder{border-bottom-color:#97c037 !important}.cc .nachhaltigkeit .mainDarkGreenBorder{border-bottom-color:#5f7f27 !important}.cc .nachhaltigkeit .mainBlueBorder{border-bottom-color:#7799cb !important}.cc .nachhaltigkeit .mainPurpleBorder{border-bottom-color:#624a95 !important}.cc .nachhaltigkeit .navigation{position:fixed;top:-60px;left:0;width:100%;padding:15px 0 15px 0;margin:0;font-family:HelveticaNeueLTW06-65Medium,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:18px !important;font-size:1.8rem !important;line-height:20px !important;line-height:2rem !important;transition:top 0s;z-index:540}.cc .nachhaltigkeit .navigation::before{display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:calc(100% + 60px);background-color:rgba(255,255,255,0.8);content:''}.cc .nachhaltigkeit .navigation>.container{position:relative;z-index:1}.cc .nachhaltigkeit .navigation ul{word-break:keep-all;white-space:nowrap}.cc .nachhaltigkeit .navigation .fo-link{position:relative;transition:color .3s;transition:all .5s}.cc .nachhaltigkeit .navigation .fo-link.strong{font-family:HelveticaNeueLTW06-65Medium,"Helvetica Neue",Helvetica,Arial,sans-serif !important}.cc .nachhaltigkeit .navigation .fo-link .indicator{display:inline-block;position:absolute;left:50%;bottom:-20px;width:0;height:0;padding:0;margin:0;border:none;font-size:0;line-height:0;transform:translateX(-50%);transition:border-bottom-color .5s}.cc .nachhaltigkeit .navigation .fo-link.active .indicator{border-style:solid;border:15px solid #555;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent}.cc .nachhaltigkeit .navigation .fo-link.noindicator .indicator{display:none}.cc .nachhaltigkeit .navigation .fo-link.inactive{display:none}.cc .nachhaltigkeit .navigation .fo-link.back{position:relative;display:none;width:25px;height:1.8rem;float:right;margin-right:0}.cc .nachhaltigkeit .navigation .fo-link.back .text{display:none}.cc .nachhaltigkeit .navigation .fo-link.back .icon-angle-left{position:absolute;top:50%;left:50%;font-size:40px;transform:translate(-50%, -50%)}.cc .nachhaltigkeit .navigation .fo-link.back.show{display:inline-block}.cc .nachhaltigkeit .navigation ul{list-style-type:none;padding:0;margin:0}.cc .nachhaltigkeit .navigation ul li{display:inline-block;padding:0;margin:0 45px 0 0;cursor:pointer}.cc .nachhaltigkeit .navigation ul li.active.mainOrange{color:#f29400}.cc .nachhaltigkeit .navigation ul li.active.mainRed{color:#510000}.cc .nachhaltigkeit .navigation ul li.active.mainLightGreen{color:#97c037}.cc .nachhaltigkeit .navigation ul li.active.mainDarkGreen{color:#5f7f27}.cc .nachhaltigkeit .navigation ul li.active.mainBlue{color:#7799cb}.cc .nachhaltigkeit .navigation ul li.active.mainPurple{color:#624a95}.cc .nachhaltigkeit .navigation.show{top:66px}.cc .nachhaltigkeit .sticky{position:-webkit-sticky;position:sticky;top:60px}.cc .nachhaltigkeit .sticky.content{overflow:hidden}.cc .nachhaltigkeit .content{height:calc(100vh - 60px);width:100vw;z-index:50}.cc .nachhaltigkeit .content p+p{margin-top:15px}.cc .nachhaltigkeit .content p+p.product{margin-top:0}.cc .nachhaltigkeit .scene{position:absolute;top:0;left:0;height:calc(100vh - 60px);width:100%;pointer-events:none;touch-action:none;opacity:0}.cc .nachhaltigkeit .scene>.backgroundImage img{opacity:1;transform:scale(1);z-index:50;transition:transform 1.8s linear, opacity 1.5s .3s linear}.cc .nachhaltigkeit .scene.active{opacity:1;pointer-events:all}.cc .nachhaltigkeit .scene.intro{opacity:1}.cc .nachhaltigkeit .scene.level_1{z-index:10}.cc .nachhaltigkeit .scene.level_1 .introVideo,.cc .nachhaltigkeit .scene.level_1 .zoomInImage{z-index:12}.cc .nachhaltigkeit .scene.level_2{z-index:20}.cc .nachhaltigkeit .scene.level_2 .introVideo,.cc .nachhaltigkeit .scene.level_2 .zoomInImage{z-index:22}.cc .nachhaltigkeit .scene.level_3{z-index:30}.cc .nachhaltigkeit .scene.level_3 .introVideo,.cc .nachhaltigkeit .scene.level_3 .zoomInImage{z-index:32}.cc .nachhaltigkeit .scene.level_4{z-index:40}.cc .nachhaltigkeit .scene.level_4 .introVideo,.cc .nachhaltigkeit .scene.level_4 .zoomInImage{z-index:42}.cc .nachhaltigkeit .scene.fadeOut>.backgroundImage img{opacity:0;transform:scale(0.5);transition:transform .4s linear, opacity .4s linear}.cc .nachhaltigkeit .zoomInImage img{position:absolute;top:0;left:0;pointer-events:none;transform:scale(1);transition:transform .4s linear, opacity .4s linear;opacity:1;z-index:50}.cc .nachhaltigkeit .zoomInImage.fadeIn img{transform:scale(1.8);transition:transform 1.8s linear, opacity 1.5s .3s linear;opacity:0}.cc .nachhaltigkeit .page{height:250vh;margin-top:-160px}.cc .nachhaltigkeit .bottomline{position:relative;padding-bottom:15px;margin-bottom:25px}.cc .nachhaltigkeit .bottomline::after{display:block;position:absolute;bottom:0;left:50%;width:80px;height:2px;transform:translateX(-50%);background-color:#fff;content:''}.cc .nachhaltigkeit .anchor{position:absolute;top:120vh}.cc .nachhaltigkeit .intro{height:calc(100vh - 160px);margin-top:160px;background-image:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);z-index:90}.cc .nachhaltigkeit .intro .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff}.cc .nachhaltigkeit .intro .text .h_xxxl{padding-bottom:15px}.cc .nachhaltigkeit .intro .text .bottomline{margin-bottom:15px}.cc .nachhaltigkeit .imageLinks{opacity:0;position:absolute;top:0;left:0;transition:opacity .3s linear}.cc .nachhaltigkeit .imageLinks.show{opacity:1}.cc .nachhaltigkeit .imageLinks h2{margin-top:15px;margin-bottom:0}.cc .nachhaltigkeit .imageLinks ul li{margin:0;font-size:14px !important;line-height:17px !important;font-size:1.4rem !important;line-height:1.7rem !important}.cc .nachhaltigkeit .imageLinks ul li::before{color:#fff}.cc .nachhaltigkeit .imageLinks .fo-link,.cc .nachhaltigkeit .imageLinks .fo-item{position:absolute;cursor:pointer}.cc .nachhaltigkeit .imageLinks .fo-link .indicator::before,.cc .nachhaltigkeit .imageLinks .fo-link .indicator::after,.cc .nachhaltigkeit .imageLinks .fo-item .indicator::before,.cc .nachhaltigkeit .imageLinks .fo-item .indicator::after{position:absolute;display:inline-block;top:50%;left:50%;border:1px solid rgba(255,255,255,0.4);border-radius:50%;overflow:hidden;transform:translate(-50%, -50%);z-index:1;content:''}.cc .nachhaltigkeit .imageLinks .fo-link .indicator::before,.cc .nachhaltigkeit .imageLinks .fo-item .indicator::before{width:3.5rem;height:3.5rem;background-color:rgba(255,255,255,0.6);animation:pulse 1s infinite ease-in-out alternate}.cc .nachhaltigkeit .imageLinks .fo-link .indicator::after,.cc .nachhaltigkeit .imageLinks .fo-item .indicator::after{width:5.5rem;height:5.5rem;background-color:rgba(255,255,255,0.4);animation:pulse 1.5s infinite ease-in-out alternate}.cc .nachhaltigkeit .imageLinks .fo-link .indicator .dot,.cc .nachhaltigkeit .imageLinks .fo-item .indicator .dot{display:none;position:absolute;top:50%;left:50%;border-radius:50%;width:.5rem;height:.5rem;background-color:#fff !important;transform:translate(-50%, -50%);z-index:3}.cc .nachhaltigkeit .imageLinks .fo-link .inner,.cc .nachhaltigkeit .imageLinks .fo-item .inner{position:absolute;top:50%;padding:.1rem .5rem;transform:translateY(-50%);color:#fff;text-transform:uppercase;word-break:keep-all;white-space:nowrap;transition:all .3s;z-index:4}.cc .nachhaltigkeit .imageLinks .fo-link .inner.left,.cc .nachhaltigkeit .imageLinks .fo-item .inner.left{right:0}.cc .nachhaltigkeit .imageLinks .fo-link .inner.right,.cc .nachhaltigkeit .imageLinks .fo-item .inner.right{left:0}.cc .nachhaltigkeit .imageLinks .fo-link .inner .h_sm,.cc .nachhaltigkeit .imageLinks .fo-item .inner .h_sm{font-size:14px !important;line-height:17px !important;font-size:1.4rem !important;line-height:1.7rem !important}@keyframes pulse{from{transform:translate(-50%, -50%) scale(1)}to{transform:translate(-50%, -50%) scale(1.1)}}.cc .nachhaltigkeit .imageLinks .fo-link:hover .inner.left{right:5px}.cc .nachhaltigkeit .imageLinks .fo-link:hover .inner.right{left:5px}.cc .nachhaltigkeit .imageLinks .fo-item{cursor:initial}.cc .nachhaltigkeit .imageLinks .fo-item .dot{display:inline-block !important}.cc .nachhaltigkeit .imageLinks .fo-item .inner{top:auto;right:auto;bottom:auto;left:auto;text-transform:initial;word-break:initial;white-space:initial;z-index:10;perspective:500px}.cc .nachhaltigkeit .imageLinks .fo-item .inner p{word-break:initial;white-space:initial}.cc .nachhaltigkeit .imageLinks .fo-item .inner .flipButton{position:absolute;display:inline-block;bottom:20px;left:50%;padding:5px 15px;vertical-align:middle;border:1px solid #fff;border-radius:2px;word-break:keep-all;white-space:nowrap;transform:translateX(-50%);cursor:pointer}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card{transition:transform 1s;transform-style:preserve-3d}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .front,.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .back{position:relative;padding:20px 20px 65px 20px;backface-visibility:hidden}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .front{pointer-events:inherit}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .back{position:absolute;top:0;left:0;width:100%;min-height:100%;pointer-events:none}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card.flip{transition:transform .5s}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card.flip .front{pointer-events:none}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card.flip .back{pointer-events:all}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card.flip .back .flipButton{z-index:2000}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .products.container,.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .links.container{width:100%;padding:0}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .products.container .product,.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .links.container .product{padding:0}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .links br{display:none}.cc .nachhaltigkeit .imageLinks .fo-item .inner.right .card .back,.cc .nachhaltigkeit .imageLinks .fo-item .inner.left .card .back{transform:rotateX(180deg)}.cc .nachhaltigkeit .imageLinks .fo-item .inner.right .card.flip,.cc .nachhaltigkeit .imageLinks .fo-item .inner.left .card.flip{transform:rotateX(180deg);pointer-events:none}.cc .nachhaltigkeit .imageLinks .fo-item .inner.top .card .back,.cc .nachhaltigkeit .imageLinks .fo-item .inner.bottom .card .back{transform:rotateY(180deg)}.cc .nachhaltigkeit .imageLinks .fo-item .inner.top .card.flip,.cc .nachhaltigkeit .imageLinks .fo-item .inner.bottom .card.flip{transform:rotateY(180deg);pointer-events:none}.cc .nachhaltigkeit .imageLinks .fo-item .inner .bottomline{padding-bottom:10px;margin-bottom:15px;text-transform:uppercase}.cc .nachhaltigkeit .imageLinks .fo-item .inner .bottomline::after{left:0;transform:translateX(0)}.cc .nachhaltigkeit .imageLinks .fo-item .inner p,.cc .nachhaltigkeit .imageLinks .fo-item .inner .flipButton{margin-bottom:0;font-size:14px !important;line-height:17px !important;font-size:1.4rem !important;line-height:1.7rem !important}.cc .nachhaltigkeit .imageLinks .fo-item .inner .productsHeadline{margin-bottom:6px}.cc .nachhaltigkeit .imageLinks .fo-item .inner .links{position:relative}.cc .nachhaltigkeit .imageLinks .fo-item .inner .links .icon{display:inline-block;margin-top:.3rem;height:4rem;padding:0;transition:transform .3s}.cc .nachhaltigkeit .imageLinks .fo-item .inner .links .icon svg{width:12rem;height:4rem;fill:#fff}.cc .nachhaltigkeit .imageLinks .fo-item .inner.extralarge{width:60rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.large{width:52rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.medium{width:45rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.small{width:27rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.left{top:50%;transform:translateY(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .inner.left.dot_small{right:5rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.left.dot_medium{right:10rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.left.dot_large{right:15rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.right{top:50%;transform:translateY(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .inner.right.dot_small{left:5rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.right.dot_medium{left:10rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.right.dot_large{left:15rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.top{left:50%;transform:translateX(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .inner.top.dot_small{bottom:5rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.top.dot_medium{bottom:10rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.top.dot_large{bottom:15rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.bottom{left:50%;transform:translateX(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .inner.bottom.dot_small{top:5rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.bottom.dot_medium{top:10rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner.bottom.dot_large{top:15rem}.cc .nachhaltigkeit .imageLinks .fo-item .inner .close{display:none}.cc .nachhaltigkeit .imageLinks .fo-item .line{position:absolute;z-index:5;background-color:#fff;box-shadow:1px 1px 2px rgba(85,85,85,0.5)}.cc .nachhaltigkeit .imageLinks .fo-item .line::before{position:absolute;display:inline-block;width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(85,85,85,0.5);z-index:1;content:''}.cc .nachhaltigkeit .imageLinks .fo-item .line.left,.cc .nachhaltigkeit .imageLinks .fo-item .line.right{height:2px;top:50%;transform:translateY(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .line.left.small,.cc .nachhaltigkeit .imageLinks .fo-item .line.right.small{width:8rem}.cc .nachhaltigkeit .imageLinks .fo-item .line.left.medium,.cc .nachhaltigkeit .imageLinks .fo-item .line.right.medium{width:13rem}.cc .nachhaltigkeit .imageLinks .fo-item .line.left.large,.cc .nachhaltigkeit .imageLinks .fo-item .line.right.large{width:16rem}.cc .nachhaltigkeit .imageLinks .fo-item .line.left::before,.cc .nachhaltigkeit .imageLinks .fo-item .line.right::before{top:50%;transform:translateY(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .line.top,.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom{width:2px;left:50%;transform:translateX(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .line.top.small,.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom.small{height:8rem}.cc .nachhaltigkeit .imageLinks .fo-item .line.top.medium,.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom.medium{height:13rem}.cc .nachhaltigkeit .imageLinks .fo-item .line.top.large,.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom.large{height:16rem}.cc .nachhaltigkeit .imageLinks .fo-item .line.top::before,.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom::before{left:50%;transform:translateX(-50%)}.cc .nachhaltigkeit .imageLinks .fo-item .line.left{right:0}.cc .nachhaltigkeit .imageLinks .fo-item .line.left::before{right:-3px}.cc .nachhaltigkeit .imageLinks .fo-item .line.right{left:0}.cc .nachhaltigkeit .imageLinks .fo-item .line.right::before{left:-3px}.cc .nachhaltigkeit .imageLinks .fo-item .line.top{bottom:0}.cc .nachhaltigkeit .imageLinks .fo-item .line.top::before{bottom:-3px}.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom{top:0}.cc .nachhaltigkeit .imageLinks .fo-item .line.bottom::before{top:-3px}.cc .nachhaltigkeit .animation .imageLinks{opacity:0}.cc .nachhaltigkeit .introVideo{position:absolute;top:0;left:0;opacity:1;pointer-events:none}.cc .nachhaltigkeit .introVideo.hide{opacity:0}@media (max-width: 1199px){.cc .nachhaltigkeit .intro .text{width:80vw}.cc .nachhaltigkeit .sustainable{width:75px}.cc .nachhaltigkeit .imageLinks .fo-item .line{display:none}.cc .nachhaltigkeit .imageLinks .fo-item .inner{position:fixed;width:60vw !important;top:50% !important;right:auto !important;bottom:auto !important;left:50% !important;transform:translate(-50%, 50%) !important;opacity:0;z-index:95;pointer-events:none;transition:opacity .5s transform .5s}.cc .nachhaltigkeit .imageLinks .fo-item .inner .close{display:inline-block;position:absolute;top:0;right:0;font-size:28px !important;font-size:2.8rem !important;transform:translate(125%, -125%);background-color:transparent;border:0}.cc .nachhaltigkeit .imageLinks .fo-item .modal_background{display:none;position:absolute;top:50%;left:50%;width:500vw;height:500vh;background-color:rgba(0,0,0,0.7);transform:translate(-50%, -50%);z-index:20}.cc .nachhaltigkeit .imageLinks .fo-item.active .inner{opacity:1;transform:translate(-50%, -50%) !important;pointer-events:all}.cc .nachhaltigkeit .imageLinks .fo-item.active .modal_background{display:block}}@media (max-width: 991px){.cc .nachhaltigkeit .sustainable{top:100px}}@media (max-width: 799px){.cc .nachhaltigkeit .sustainable{top:80px;right:15px;width:50px;z-index:91}.cc .nachhaltigkeit .navigation{font-size:16px !important;font-size:1.6rem !important;line-height:20px !important;line-height:2rem !important}.cc .nachhaltigkeit .intro p{font-size:16px !important;line-height:19px !important;font-size:1.6rem !important;line-height:1.9rem !important}.cc .nachhaltigkeit .h_xxxl{font-size:42px !important;line-height:36px !important;font-size:4.2rem !important;line-height:3.6rem !important}.cc .nachhaltigkeit .h_lg{font-size:26px !important;line-height:33px !important;font-size:2.6rem !important;line-height:3.3rem !important}.cc .nachhaltigkeit .h_sm,.cc .nachhaltigkeit .imageLinks .fo-item .inner p,.cc .nachhaltigkeit .imageLinks ul li{font-size:14px !important;line-height:17px !important;font-size:1.4rem !important;line-height:1.7rem !important}.cc .nachhaltigkeit .navigation ul li{margin-right:25px}.cc .nachhaltigkeit .navigation .fo-link.back{height:1.6rem}.cc .nachhaltigkeit .navigation .fo-link.back .icon-angle-left{font-size:35px}.cc .nachhaltigkeit .anchorLink{font-size:5rem}.cc .nachhaltigkeit .anchor{top:120vh}.cc .nachhaltigkeit .intro{height:100vh}.cc .nachhaltigkeit .intro .text{width:90vw}.cc .nachhaltigkeit .imageLinks .fo-link .indicator::before,.cc .nachhaltigkeit .imageLinks .fo-item .indicator::before{width:2rem;height:2rem}.cc .nachhaltigkeit .imageLinks .fo-link .indicator::after,.cc .nachhaltigkeit .imageLinks .fo-item .indicator::after{width:3.5rem;height:3.5rem}.cc .nachhaltigkeit .imageLinks .fo-link .indicator .dot,.cc .nachhaltigkeit .imageLinks .fo-item .indicator .dot{display:inline-block}.cc .nachhaltigkeit .imageLinks .fo-link .inner{opacity:0;pointer-events:none;transition:opacity .5s}.cc .nachhaltigkeit .imageLinks .fo-link.oneClick .inner{opacity:1;pointer-events:all}.cc .nachhaltigkeit .imageLinks .fo-link:hover .inner.left{right:0 !important}.cc .nachhaltigkeit .imageLinks .fo-link:hover .inner.right{left:0 !important}.cc .nachhaltigkeit .imageLinks .fo-item .inner{width:100vw !important;height:100vh !important;padding:0}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card{width:100vw !important;height:100vh !important}.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .back,.cc .nachhaltigkeit .imageLinks .fo-item .inner .card .front{width:100vw !important;height:100vh !important;padding-top:120px;padding-left:45px;padding-right:15px;overflow-y:auto}.cc .nachhaltigkeit .imageLinks .fo-item .inner .close{top:120px;right:10px;transform:initial;z-index:5}}.cc .cc_sidebar{transition:all .2s}@media (max-width: 799px){.cc.menue .sustainable{top:122px}.cc.modalOpen .sustainable{opacity:0}}@media (min-width: 800px){.cc.scroll-progress .nachhaltigkeit .sustainable{top:150px}.cc.scroll-progress .cc_sidebar{top:150px}.cc.sidebar-active .nachhaltigkeit .sustainable{right:50px}.cc.scroll-up .nachhaltigkeit .navigation.show{top:182px}}.cc.transition .imageLinks{opacity:0 !important}@keyframes loading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
