body,html{width:100%;overflow:hidden;font-family:'Oswald', sans-serif;font-size:24px;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:#000;cursor:pointer}a:hover{color:#20e8eb}h2{text-transform:uppercase}#pageWrapper{width:100vw;height:100vh;overflow:hidden;position:relative}#pageWrapper:after{display:table;content:'';float:none;clear:both}#left{width:60%;float:left;height:100%;position:relative}#left #anim{position:absolute;z-index:2;top:20px;left:0%;width:100%;height:auto}#left .bg{position:absolute;z-index:1;width:100%;height:100vh;overflow:hidden}#left .bg img{width:100%;height:auto;-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;-o-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out, -webkit-transform 1s ease-in-out;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}#left .project{position:absolute;z-index:3;top:0px;left:0px;width:100%;height:100%;opacity:1;-webkit-transform:skew(25deg, 0deg) translateX(-150%);-ms-transform:skew(25deg, 0deg) translateX(-150%);transform:skew(25deg, 0deg) translateX(-150%);-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}#left .project .bg{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:1;background-size:cover;background-position:center center}#left .project .overlay{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:2;background-size:cover;background-position:center bottom;opacity:0.0;mix-blend-mode:luminosity;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}#left .project .overlay.svg1{background-image:url("../overlays/1.svg")}#left .project .pics{position:absolute;z-index:3;width:100%;height:40%;overflow:visible;right:0px;bottom:0px;background-image:url("../img/pics-bottom.svg");background-position:center top;background-size:cover;text-align:right;-webkit-transform:translateY(150%);-ms-transform:translateY(150%);transform:translateY(150%);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s}#left .project .pics img{position:absolute;right:0px;bottom:20px;max-width:40vw}#left .project.active{opacity:1;-webkit-transform:skew(0deg, 0deg) translateX(0%);-ms-transform:skew(0deg, 0deg) translateX(0%);transform:skew(0deg, 0deg) translateX(0%)}#left .project.active .overlay{opacity:0.8}#left .project.active .pics{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}#left #coffees{cursor:url(../img/contact-cursor.png), auto;overflow:hidden;position:absolute;width:100%;height:100%;top:0;z-index:5;opacity:0;left:-100%;-webkit-transition:opacity 1s linear;-o-transition:opacity 1s linear;transition:opacity 1s linear;-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}#left #coffees .coffee{display:block;position:absolute;z-index:10;width:32px;height:32px;background-image:url(../img/coffee.png);background-repeat:no-repeat;background-size:contain;background-position:center center;cursor:url(../img/contact-cursor.png), auto;top:0px;left:0px;padding:10px;-webkit-transition:top 0.3s ease-out, left 0.3s ease-out;-o-transition:top 0.3s ease-out, left 0.3s ease-out;transition:top 0.3s ease-out, left 0.3s ease-out}#left #coffees.active{left:0px;opacity:1}#right{position:relative;overflow:hidden;background:#333;width:40%;float:right;height:100%}#my-svg{width:100%;height:auto}.swiper-container{width:100%;height:100%}.swiper-container.swiper-container-vertical>.swiper-pagination-bullets{left:15px;top:0px;-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0)}.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{left:15px;bottom:15px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);text-align:left}.swiper-container .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:999999}.swiper-container .swiper-button-next{right:15px;background-size:contain;width:15px}.swiper-container .swiper-button-prev{left:15px;width:15px;background-size:contain}.swiper-container .swiper-slide{position:relative;width:100%;height:100%}.swiper-container .swiper-slide .slide-bg{width:100%;height:100%;position:absolute;z-index:1;background-color:#fff;background-size:cover;background-position:center center}.swiper-container .swiper-slide .slide-overlay{width:100%;height:100%;position:absolute;z-index:1;background-size:100%;background-position:right}.swiper-container .swiper-slide .slide-content{position:absolute;width:100%;height:100%;z-index:3;padding:10%}.swiper-container .swiper-container-v{background:#eee}#anim g{cursor:url(../img/cursor-check.png), auto}#anim g .st0{fill:transparent!important;-webkit-transition:fill 0.5s linear;-o-transition:fill 0.5s linear;transition:fill 0.5s linear}#anim g:hover .st0{fill:black!important}#slide-start #welcome{padding:15px;font-size:1.3em}#slide-start #logo h1{position:absolute;top:-999999999px;left:-9999999999px;color:#fff;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}#slide-start #logo img{width:60%;height:auto;min-width:120px}#slide-start .bottom-center{position:absolute;bottom:15px;left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}#slide-services{line-height:1.2}#slide-services h3{margin-top:7px;margin-bottom:3px;font-size:1.05em;text-transform:uppercase}#slide-projects .swiper-slide .slide-content h2{text-transform:uppercase}#slide-projects .swiper-slide .slide-content .inner-content{font-size:0.8em}#slide-projects .swiper-slide .slide-content .inner-content h3{font-size:1em;margin-bottom:2px;margin-top:8px;text-transform:uppercase}#slide-projects .swiper-slide .slide-content .inner-content p{margin-top:1px;margin-bottom:1px;line-height:1.2}#slide-projects .swiper-slide.violet .slide-bg{background-image:url(../img/g-violet.svg)}#slide-projects .swiper-slide.violet *{color:#fff!important}#slide-projects .swiper-slide.violet2 .slide-bg{background-image:url(../img/g-violet2.svg)}#slide-projects .swiper-slide.violet2 *{color:#fff!important}#slide-projects .swiper-slide.navy .slide-bg{background-image:url(../img/g-navy.svg)}#slide-projects .swiper-slide.navy *{color:#fff!important}#slide-projects .swiper-slide.turkis .slide-bg{background-image:url(../img/g-turkis.svg)}#slide-projects .swiper-slide.turkis *{color:#fff!important}#slide-projects .swiper-slide.blue .slide-bg{background-image:url(../img/g-blue.svg)}#slide-projects .swiper-slide.blue *{color:#fff!important}#slide-projects .swiper-slide.green .slide-bg{background-image:url(../img/g-green.svg)}#slide-projects .swiper-slide.green *{color:#fff!important}#slide-projects .swiper-slide.orange .slide-bg{background-image:url(../img/g-orange.svg)}#slide-projects .swiper-slide.orange *{color:#fff!important}#slide-projects .swiper-slide.red .slide-bg{background-image:url(../img/g-red.svg)}#slide-projects .swiper-slide.red *{color:#fff!important}#slide-clients .slide-content .inner-content{font-size:0.9em;line-height:1.4;-webkit-column-count:2;column-count:2}#slide-contact .inner-content{font-size:0.9em}#slide-contact .inner-content h3{font-size:1em;margin-bottom:2px;margin-top:2px;text-transform:uppercase}#slide-contact .inner-content p{margin-top:1px;margin-bottom:1px;line-height:1.2}#slide-contact form{margin-top:15px}#slide-contact .imprint{font-size:0.8em;position:absolute;display:block;bottom:0;right:0px;padding:15px;text-align:right}#slide-contact #impressum{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;padding:45px;font-size:0.9em;background-color:#f2f2f2;line-height:1.2}#slide-contact #impressum h1{margin-top:10px;margin-bottom:10px;text-transform:uppercase}#slide-contact #impressum h2{margin-top:5px;margin-bottom:5px}#slide-contact #impressum #disclaimer{padding-top:15px;font-size:13px;line-height:1.1}#slide-contact #impressum .closeBtn{text-transform:uppercase;font-weight:900;padding:5px;border:2px solid #000;margin:5px;margin-top:15px;margin-left:0px;display:inline-block;color:#000;cursor:pointer}.anim-btn{border:none;font-family:inherit;font-size:inherit;color:inherit;background:none;cursor:pointer;padding:15px 40px;display:inline-block;margin:15px 0px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:none;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.anim-btn:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.btn-1{border:3px solid #000;color:#000}.btn-1e{overflow:hidden}.btn-1e:after{width:100%;height:0;top:50%;left:50%;background:#000;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.btn-1e:active,.btn-1e:hover{color:#fff}.btn-1e:hover:after{height:400%;opacity:1}.btn-1e:active:after{height:400%;opacity:1}.form-control{border:none;border-bottom:3px solid #000;background-color:#fff;font-family:"Oswald", sans-serif;color:#000;border-radius:0px;font-size:0.9em;padding:5px;height:auto;width:100%;margin-top:5px}.form-control:active,.form-control:focus{border-bottom:3px solid #20e8eb;outline:none;-webkit-box-shadow:0px 0px 200px #195257;box-shadow:0px 0px 200px #195257}#turnMobile{position:fixed;width:100vw;height:100vh;top:0px;left:0px;z-index:99999999999;background-size:cover;background-color:#000;background-image:url("../img/g-navy.svg");-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:none;color:#fff!important;text-align:center}.project-links{padding-top:10px}.project-links a{font-weight:800}svg{vertical-align:middle}.scroll-down{position:absolute;left:50%;margin-left:-20px;width:40px;height:40px;bottom:35px;padding-left:7px;cursor:pointer;z-index:2;color:#c7c4b8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.scroll-down.svg svg{width:25px;opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.scroll-down.svg .stroke{stroke:#ADA99D}.scroll-down.svg .scroller{fill:#ADA99D;-webkit-animation:updown 1s infinite;-moz-animation:updown 1s infinite;-o-animation:updown 1s infinite;animation:updown 1s infinite}@media only screen and (max-width:1440px){body,html{font-size:22px}}@media only screen and (max-width:1200px){body,html{font-size:20px}p{line-height:1.2}#left{width:50%}#right{width:50%}}@media only screen and (max-width:992px){body,html{font-size:18px}p{line-height:1.2}.swiper-container .swiper-slide .slide-content{padding-top:15px;padding-bottom:15px}#slide-start #logo img{width:80%}}@media only screen and (max-width:769px){body,html{font-size:20px}#left{width:30px}#left .bg img{height:300%;width:auto}#left #coffees{display:none}#left .project{display:none}#left #anim{display:none}#right{width:calc(100% - 30px);overflow:visible;z-index:99999}#right h2{margin-top:5px;margin-bottom:5px}#right .swiper-container{overflow:visible}#right .swiper-container.swiper-container-vertical>.swiper-pagination-bullets{left:-20px;z-index:9999}#right .swiper-container .swiper-button-next{width:10px}#right .swiper-container .swiper-button-prev{left:-20px;width:10px}#slide-start .bottom-center{bottom:40px}#slide-start #welcome{font-size:1.2em;padding-left:5px;padding-right:0px}.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{bottom:60px}#slide-contact .imprint{padding-bottom:60px}}@media only screen and (max-width:576px){body,html{font-size:16px}#slide-start #logo img{width:100%}}@media only screen and (max-height:600px){.hideOnSmallDevices{display:none}}@media only screen and (max-height:440px){#turnMobile{display:-webkit-box;display:-ms-flexbox;display:flex}}@-webkit-keyframes updown{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}to{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes updown{0%{-moz-transform:translate(0, 0);transform:translate(0, 0)}50%{-moz-transform:translate(0, 5px);transform:translate(0, 5px)}to{-moz-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes updown{0%{-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-o-transform:translate(0, 5px);transform:translate(0, 5px)}to{-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes updown{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}to{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}
/*# sourceMappingURL=styles.css.map */