@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@500;800&display=swap");@font-face{font-family:"coluna";src:url(../assets/coluna.ttf)}body,html{margin:0;padding:0;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Raleway",sans-serif;font-size:13px;background:#363636;background:radial-gradient(circle,#363636 0%,#181818 90%);background-position:center;background-repeat:no-repeat;background-attachment:fixed}a{position:relative;display:inline-block;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;cursor:pointer}a.uiBtn{background-color:#272727;padding:17px 30px;font-weight:800;text-transform:uppercase;letter-spacing:0.01em;color:#272727;transform:translate3d(5px,5px,0)}a.uiBtn span{position:relative;left:-5px;top:-5px}a.uiBtn:before{content:"";box-shadow:inset 0 0 0 5px #272727;position:absolute;height:100%;width:100%;left:-5px;top:-5px;background-color:#FFFFFF}h1,h2,h3,h4{margin:0;padding:0;font-family:"coluna"}h1{font-size:7rem;color:#FFFFFF;line-height:0.8em}@media only screen and (max-width:950px){h1{font-size:5em}}@media only screen and (max-width:535px){h1{font-size:4em}}@media only screen and (max-width:390px){h1{font-size:3.4em}}h2{font-size:2rem;color:#FFFFFF}@media only screen and (max-width:535px){h2{font-size:1.5rem}}h3{font-size:4rem;color:#FFFFFF;text-transform:uppercase}h4{font-size:2.5rem;color:#333333;text-transform:uppercase}p{margin:25px 0 0 0;padding:0;letter-spacing:0.02em;line-height:2.2em}section.datenschutz{position:relative;max-width:800px;padding:150px 40px;margin:0 auto;color:#FFFFFF}section.datenschutz h1{font-size:2.5rem}section.datenschutz h3{font-size:1.2rem}header{position:fixed;top:40px;left:70px;right:70px;height:40px;display:flex;justify-content:space-between;z-index:1000;transform:translate3d(0,0,0)}@media only screen and (max-width:1700px){header{left:40px;right:40px}}header .logo{position:relative;height:70px;width:70px;flex-grow:0;flex-shrink:0;background-image:url(../assets/logo.png);background-position:center 2px;background-repeat:no-repeat;background-size:contain;transform:translate3d(-19px,-18px,0)}header .social{position:relative;display:flex}@media only screen and (max-width:500px){header .social{flex-direction:column}}header .social>div{display:flex}header .social>div:first-child{justify-content:flex-end;padding-top:5px}@media only screen and (max-width:500px){header .social>div:first-child{padding-top:0;margin-bottom:10px}}header .social>div:first-child i{margin-right:4px;text-transform:uppercase;font-size:0.7rem;color:rgba(255,255,255,0.4)}header .social>div:first-child span{text-transform:uppercase;font-size:0.7rem;color:rgba(255,255,255,0.4)}header .social a.soc{height:55px;width:55px;background-position:center center;background-repeat:no-repeat;background-size:contain;margin-right:22px;transition:all 0.2s ease-in-out}@media only screen and (max-width:500px){header .social a.soc{margin-right:10px}}header .social a.soc:hover{transform:scale(1.2)}header .social a.soc.linkedin{background-image:url(../assets/li.png);transform:translate3d(25px,-14px,0)}header .social a.txt{position:relative;padding:2px 0;text-transform:uppercase;color:#FFFFFF;font-weight:800;margin-left:18px;letter-spacing:0.02em;text-shadow:0 3px 10px black}@media only screen and (max-width:500px){header .social a.txt{font-size:0.9rem}}.parallax{position:fixed;top:0;left:0;width:100%}.parallax>div{position:absolute;height:100%;width:100%;left:0;top:0}.parallax>div.pic1{background-image:url(../assets/bg.png);background-position:-150px bottom;background-size:cover;background-repeat:no-repeat}@media only screen and (max-width:1200px){.parallax>div.pic1{background-position:40% bottom}}@media only screen and (max-width:950px){.parallax>div.pic1{background-position:35% bottom}}@media only screen and (max-width:535px){.parallax>div.pic1{background-position:30% 100px}}.parallax>div.pic2{background-image:url(../assets/bg2.png);background-position:center -50%;background-size:cover;background-repeat:no-repeat;opacity:0.35}@media only screen and (max-width:535px){.parallax>div.pic2{background-position:center 100px}}section.home{position:relative;height:100%;display:flex;justify-content:center;align-items:center}section.home .scrollDown{position:absolute;right:70px;bottom:50px;width:20px;height:200px;cursor:pointer}@media only screen and (max-width:1700px){section.home .scrollDown{right:40px}}section.home .scrollDown span{position:relative;display:block;white-space:nowrap;text-transform:uppercase;color:#FFFFFF;font-weight:800;letter-spacing:0.05em;font-size:0.8rem;transform:translate3d(0,5px,0) rotate(90deg)}section.home .scrollDown .arrow{position:absolute;height:50px;width:20px;bottom:0;background-image:url(../assets/arrow.svg);background-position:center center;background-repeat:no-repeat;background-size:15px;animation:scrollDown 2s ease-out infinite}section.home .title{display:inline-block}@media only screen and (max-width:1500px){section.home .title{margin-left:100px}}@media only screen and (max-width:1350px){section.home .title{margin-left:200px}}@media only screen and (max-width:1100px){section.home .title{margin-left:150px}}@media only screen and (max-width:950px){section.home .title{margin-left:300px}}@media only screen and (max-width:700px){section.home .title{margin-left:0;text-align:center;display:flex;align-items:center;flex-direction:column;margin-bottom:200px}}section.home .title h2{text-indent:0.3em}@media only screen and (max-width:535px){section.home .title h2{text-indent:0}}section.home .title p{padding-left:10px;color:rgba(255,255,255,0.5);width:55%;font-style:italic;line-height:1.7em;margin-top:10px}@media only screen and (max-width:535px){section.home .title p{margin-left:-5px}}.load{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2000;transform:translate3d(0,0,0);background:#363636;background:radial-gradient(circle,#363636 0%,#181818 90%);background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in}.load.remove{transition-delay:0.7s;opacity:0;pointer-events:none}.load.remove .loader{transform:scale(0);opacity:0}.load .loader{position:relative;height:45px;width:45px;transition:all 0.3s ease-in}.load .loader>div{position:relative;height:100%;width:100%;animation:rotateLoader 5s linear infinite;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;grid-gap:8px}.load .loader>div div{position:relative;height:100%;width:100%;background-color:#FFFFFF}.load .loader>div div:first-child{animation:bounce 6s ease-in infinite}.load .loader>div div:nth-child(2){animation:bounce2 6s ease-in infinite}.load .loader>div div:nth-child(3){animation:bounce3 6s ease-in infinite}.load .loader>div div:nth-child(4){animation:bounce4 6s ease-in infinite}@keyframes scrollDown{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,15px,0)}50%{transform:translate3d(0,-5px,0)}75%{transform:translate3d(0,4px,0)}to{transform:translate3d(0,0,0)}}@keyframes rotateLoader{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(0.85)}to{transform:rotate(360deg) scale(1)}}@keyframes bounce{0%{transform:translate3d(0,0,0)}15%{transform:translate3d(0,-10px,0)}20%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,-8px,0)}30%{transform:translate3d(0,0,0)}40%{transform:translate3d(0,-5px,0)}60%{transform:translate3d(0,0,0)}65%{transform:translate3d(0,-4px,0)}70%{transform:translate3d(0,0,0)}75%{transform:translate3d(0,-2px,0)}80%{transform:translate3d(0,0,0)}90%{transform:translate3d(0,-1px,0)}to{transform:translate3d(0,0,0)}}@keyframes bounce2{0%{transform:translate3d(0,0,0)}15%{transform:translate3d(10px,0,0)}20%{transform:translate3d(0,0,0)}25%{transform:translate3d(8px,0,0)}30%{transform:translate3d(0,0,0)}40%{transform:translate3d(5px,0,0)}60%{transform:translate3d(0,0,0)}65%{transform:translate3d(4px,0,0)}70%{transform:translate3d(0,0,0)}75%{transform:translate3d(2px,0,0)}80%{transform:translate3d(0,0,0)}90%{transform:translate3d(1px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes bounce3{0%{transform:translate3d(0,0,0)}15%{transform:translate3d(-10px,0,0)}20%{transform:translate3d(0,0,0)}25%{transform:translate3d(-8px,0,0)}30%{transform:translate3d(0,0,0)}40%{transform:translate3d(-5px,0,0)}60%{transform:translate3d(0,0,0)}65%{transform:translate3d(-4px,0,0)}70%{transform:translate3d(0,0,0)}75%{transform:translate3d(-2px,0,0)}80%{transform:translate3d(0,0,0)}90%{transform:translate3d(-1px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes bounce4{0%{transform:translate3d(0,0,0)}15%{transform:translate3d(0,10px,0)}20%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,8px,0)}30%{transform:translate3d(0,0,0)}40%{transform:translate3d(0,5px,0)}60%{transform:translate3d(0,0,0)}65%{transform:translate3d(0,4px,0)}70%{transform:translate3d(0,0,0)}75%{transform:translate3d(0,2px,0)}80%{transform:translate3d(0,0,0)}90%{transform:translate3d(0,1px,0)}to{transform:translate3d(0,0,0)}}section.about{position:relative;height:100%}@media only screen and (max-width:1250px){section.about{height:auto}}section.about .grid_container{position:fixed;top:140px;left:70px;right:70px;bottom:70px;display:grid;grid-template-columns:27% 1fr 1fr 1fr;grid-template-rows:28% 40% auto;grid-gap:40px;opacity:0;transform:translate3d(0,0,0);will-change:transform;pointer-events:none}@media only screen and (max-width:1700px){section.about .grid_container{top:100px;grid-template-columns:20% 1fr 1fr 28%;grid-template-rows:28% 25% auto;grid-gap:25px}}@media only screen and (max-width:1250px){section.about .grid_container{position:relative;max-width:550px;margin:0 auto;opacity:1;display:block;left:0;top:0;right:0;bottom:0;padding-top:100%}}@media only screen and (max-width:500px){section.about .grid_container{padding-top:150%}}section.about .grid_container .box{overflow:hidden;transform:translate3d(0,0,0);will-change:transform}section.about .grid_container .box.filled{background-color:#FFFFFF;box-shadow:0 10px 80px 0 rgba(0,0,0,0.8);padding:50px 55px}@media only screen and (max-width:1350px){section.about .grid_container .box.filled{padding:45px 50px}}@media only screen and (max-width:1250px){section.about .grid_container .box.filled{box-shadow:none}}section.about .grid_container .box.item_intro{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:4;padding-right:140px;transform:translate3d(0,-150px,0)}@media only screen and (max-width:1700px){section.about .grid_container .box.item_intro{padding-right:30px}}@media only screen and (max-width:1250px){section.about .grid_container .box.item_intro{padding:0 40px;transform:translate3d(0,0,0);margin-bottom:40px}}section.about .grid_container .box.item_intro p{color:rgba(255,255,255,0.9)}section.about .grid_container .box.item_about{grid-column-start:2;grid-column-end:2;grid-row-start:1;grid-row-end:4;transform:translate3d(0,-300px,0)}@media only screen and (max-width:1700px){section.about .grid_container .box.item_about{grid-column-end:4;grid-row-end:3}}@media only screen and (max-width:1250px){section.about .grid_container .box.item_about{transform:translate3d(0,0,0)}}section.about .grid_container .box.item_pic{grid-column-start:3;grid-column-end:3;grid-row-start:1;grid-row-end:2;transform:translate3d(0,-400px,0);background-image:url(../assets/placeholder.webp);background-position:center 98%;background-repeat:no-repeat;background-size:120%}@media only screen and (max-width:1700px){section.about .grid_container .box.item_pic{display:none}}@media only screen and (max-width:1250px){section.about .grid_container .box.item_pic{display:block;height:140px;transform:translate3d(0,0,0);background-position:center 90%}}section.about .grid_container .box.item_logistic{grid-column-start:3;grid-column-end:3;grid-row-start:2;grid-row-end:4;transform:translate3d(0,-400px,0)}@media only screen and (max-width:1700px){section.about .grid_container .box.item_logistic{grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:4}}@media only screen and (max-width:1250px){section.about .grid_container .box.item_logistic{transform:translate3d(0,0,0)}}section.about .grid_container .box.item_contact{grid-column-start:4;grid-column-end:4;grid-row-start:1;grid-row-end:3;transform:translate3d(0,-200px,0)}@media only screen and (max-width:1700px){section.about .grid_container .box.item_contact{grid-column-start:4;grid-column-end:4;grid-row-start:1;grid-row-end:4}}@media only screen and (max-width:1250px){section.about .grid_container .box.item_contact{transform:translate3d(0,0,0)}}form{position:relative;margin-top:30px}form .btnwrap{position:relative;display:flex;align-items:flex-start;margin-top:50px}form .btnwrap .uiBtn{margin-right:30px}form .btnwrap>a:last-child{text-transform:uppercase;font-weight:800;font-size:0.8rem;width:35%;color:#272727}form .wrapinput{position:relative;display:flex;margin-bottom:20px;background-position:left center;background-size:15px;background-repeat:no-repeat}form .wrapinput.active input{border-bottom:3px solid #e74c3c}form .wrapinput#inp_name{background-image:url(../assets/avatar.svg)}form .wrapinput#inp_mail{background-image:url(../assets/mail.svg)}form .wrapinput#inp_msg{background-image:url(../assets/msg.svg)}form .wrapinput input{position:relative;display:block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:30px;width:100%;max-width:300px;border:none;border-bottom:3px solid #272727;outline:none;text-decoration:none;padding:10px 0;font-family:"Raleway",sans-serif;font-size:13px;color:#272727;font-weight:800;border-radius:0}form .wrapinput label{position:absolute;pointer-events:none;left:30px;top:50%;transform:translate3d(0,-55%,0);text-transform:uppercase;font-weight:800;color:rgba(0,0,0,0.25);transform-origin:0% 0%;transition:all 0.4s cubic-bezier(0.13,1.03,0.24,1.03)}form .wrapinput label.move{transform:translate3d(0,calc(-55% - 17px),0) scale(0.7)}.curve{margin:30px 0 5px}@media only screen and (max-width:1700px){.curve{position:absolute;top:40px;right:40px;width:100px;height:35px;margin:0}}@media only screen and (max-width:1250px){.curve{position:relative;top:auto;right:auto;width:250px;height:180px}}@media only screen and (max-width:380px){.curve{width:100%}}.curve path{stroke-dasharray:350;stroke-dashoffset:350}@media only screen and (max-width:1700px){.curve path{stroke-width:6}}@media only screen and (max-width:1250px){.curve path{stroke-width:4}}@media only screen and (max-width:380px){.curve path{stroke-width:3}}.curve.active path{animation:curvestroke 3s ease-in-out forwards}@keyframes curvestroke{0%{stroke-dashoffset:350}to{stroke-dashoffset:0}}section.me{position:relative;height:100%;pointer-events:none}@media only screen and (max-width:1250px){section.me{display:none}}