@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-ExtraLightItalic.woff2) format('woff2'),url(../font/RigidSquare-ExtraLightItalic.woff) format('woff'),url(../font/RigidSquare-ExtraLightItalic.ttf) format('truetype'),url(../font/RigidSquare-ExtraLightItalic.svg#RigidSquare-ExtraLightItalic) format('svg');font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-Bold.woff2) format('woff2'),url(../font/RigidSquare-Bold.woff) format('woff'),url(../font/RigidSquare-Bold.ttf) format('truetype'),url(../font/RigidSquare-Bold.svg#RigidSquare-Bold) format('svg');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-ExtraLight.woff2) format('woff2'),url(../font/RigidSquare-ExtraLight.woff) format('woff'),url(../font/RigidSquare-ExtraLight.ttf) format('truetype'),url(../font/RigidSquare-ExtraLight.svg#RigidSquare-ExtraLight) format('svg');font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-ExtraBoldItalic.woff2) format('woff2'),url(../font/RigidSquare-ExtraBoldItalic.woff) format('woff'),url(../font/RigidSquare-ExtraBoldItalic.ttf) format('truetype'),url(../font/RigidSquare-ExtraBoldItalic.svg#RigidSquare-ExtraBoldItalic) format('svg');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-ExtraBold.woff2) format('woff2'),url(../font/RigidSquare-ExtraBold.woff) format('woff'),url(../font/RigidSquare-ExtraBold.ttf) format('truetype'),url(../font/RigidSquare-ExtraBold.svg#RigidSquare-ExtraBold) format('svg');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-BoldItalic.woff2) format('woff2'),url(../font/RigidSquare-BoldItalic.woff) format('woff'),url(../font/RigidSquare-BoldItalic.ttf) format('truetype'),url(../font/RigidSquare-BoldItalic.svg#RigidSquare-BoldItalic) format('svg');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-Regular.woff2) format('woff2'),url(../font/RigidSquare-Regular.woff) format('woff'),url(../font/RigidSquare-Regular.ttf) format('truetype'),url(../font/RigidSquare-Regular.svg#RigidSquare-Regular) format('svg');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-Light.woff2) format('woff2'),url(../font/RigidSquare-Light.woff) format('woff'),url(../font/RigidSquare-Light.ttf) format('truetype'),url(../font/RigidSquare-Light.svg#RigidSquare-Light) format('svg');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-Thin.woff2) format('woff2'),url(../font/RigidSquare-Thin.woff) format('woff'),url(../font/RigidSquare-Thin.ttf) format('truetype'),url(../font/RigidSquare-Thin.svg#RigidSquare-Thin) format('svg');font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-SemiBold.woff2) format('woff2'),url(../font/RigidSquare-SemiBold.woff) format('woff'),url(../font/RigidSquare-SemiBold.ttf) format('truetype'),url(../font/RigidSquare-SemiBold.svg#RigidSquare-SemiBold) format('svg');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-Italic.woff2) format('woff2'),url(../font/RigidSquare-Italic.woff) format('woff'),url(../font/RigidSquare-Italic.ttf) format('truetype'),url(../font/RigidSquare-Italic.svg#RigidSquare-Italic) format('svg');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-Bold.woff2) format('woff2'),url(../font/RigidSquare-SemiBoldItalic.woff) format('woff'),url(../font/RigidSquare-SemiBoldItalic.ttf) format('truetype'),url(../font/RigidSquare-SemiBoldItalic.svg#RigidSquare-SemiBoldItalic) format('svg');font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-ThinItalic.woff2) format('woff2'),url(../font/RigidSquare-ThinItalic.woff) format('woff'),url(../font/RigidSquare-ThinItalic.ttf) format('truetype'),url(../font/RigidSquare-ThinItalic.svg#RigidSquare-ThinItalic) format('svg');font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:'Rigid Square';src:url(../font/RigidSquare-LightItalic.woff2) format('woff2'),url(../font/RigidSquare-LightItalic.woff) format('woff'),url(../font/RigidSquare-LightItalic.ttf) format('truetype'),url(../font/RigidSquare-LightItalic.svg#RigidSquare-LightItalic) format('svg');font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Source Code Pro';src:url(../font/SourceCodePro-Regular.woff2) format('woff2'),url(../font/SourceCodePro-Regular.woff) format('woff'),url(../font/SourceCodePro-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Source Code Pro';src:url(../font/SourceCodePro-Medium.woff2) format('woff2'),url(../font/SourceCodePro-Medium.woff) format('woff'),url(../font/SourceCodePro-Medium.ttf) format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Source Code Pro';src:url(../font/SourceCodePro-Bold.woff2) format('woff2'),url(../font/SourceCodePro-Bold.woff) format('woff'),url(../font/SourceCodePro-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Source Code Pro';src:url(../font/SourceCodePro-Semibold.woff2) format('woff2'),url(../font/SourceCodePro-Semibold.woff) format('woff'),url(../font/SourceCodePro-Semibold.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DaxPro-WideMedium;src:url(../font/DaxPro-WideMedium.woff2) format('woff2'),url(../font/DaxPro-WideMedium.woff) format('woff'),url(../font/DaxPro-WideMedium.ttf) format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'SchwarzKopf New';src:url(../font/SchwarzKopfNew.woff2) format('woff2'),url(../font/SchwarzKopfNew.woff) format('woff'),url(../font/SchwarzKopfNew.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Space Age';src:url(../font/SpaceAge.woff2) format('woff2'),url(../font/SpaceAge.woff) format('woff'),url(../font/SpaceAge.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}#body{font-family:'Source Code Pro';margin:0;padding:0;height:100%;background-color:#000;overflow-x:hidden}button,input{font-family:'Source Code Pro'}h1{font-family:'Source Code Pro';font-size:3.4375em}h2{font-family:'Source Code Pro';font-size:2.8125em}h3{font-family:'Source Code Pro';font-size:2.1875em}h4{font-family:'Source Code Pro';font-size:1.25em}h5{font-family:'Source Code Pro';font-size:1.0625em}h6{font-family:'Source Code Pro';font-size:.875em}p{font-family:'Source Code Pro';font-size:1.0625em}@media only screen and (max-width:710px){p{font-size:1em}}@media only screen and (max-width:480px){p{font-size:.95em}}@media only screen and (max-width:330){p{font-size:.9em}}.video-overlay{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:#000000c9;z-index:1}a{color:#fff;outline:0;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus{outline:0;text-decoration:none}a:active,a:hover,a:visited{outline:0;text-decoration:none}button.project-button{display:inline-block;background:#fff;line-height:34px;vertical-align:bottom;padding:0 16px;border:1px solid #fff;cursor:pointer;margin-left:15px}@media (hover:hover){button.project-button:hover{background:#000;color:#fff!important}}.project-button{display:inline-block;background:#fff;vertical-align:bottom;border:1px solid #fff;cursor:pointer;margin-left:15px}.project-button a{padding:8px 16px;line-height:32px}@media (hover:hover){.project-button:hover{background:#000;color:#fff!important}}.underline-hover::before{content:"";position:absolute;height:2px;bottom:-6px;left:-2px;right:-3px;background-color:#fff;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 60ms ease-in-out 0s;transition:all 60ms ease-in-out 0s}@media (hover:hover){.underline-hover:hover::before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all .12s ease-in-out 0s;transition:all .12s ease-in-out 0s}}.active-page::before{content:"";position:absolute;height:2px;bottom:-6px;left:-2px;right:-3px;background-color:#fff;visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all .12s ease-in-out 0s;transition:all .12s ease-in-out 0s}.c1-text-color{color:#c82921}.c2-text-color{color:#ff00ce}.c3-text-color{color:#fb0100}.c4-text-color{color:#93c96c}.c5-text-color{color:#e6722c}.c6-text-color{color:#51962d}.c7-text-color{color:#9b211d}.c8-text-color{color:#efe149}.c9-text-color{color:#266b9f}.c10-text-color{color:#5da3d8}.c11-text-color{color:#00fff5}.c12-text-color{color:#656565}.c12-text-color{color:#d5d5d5}.p1-text-color{color:#dd291a}.p2-text-color{color:#5a83d8}.p3-text-color{color:#a5b3bc}.p4-text-color{color:#f4d345}#one-page-overlay{position:fixed;left:0;right:0;z-index:999;top:-15vh}#one-page-overlay svg{width:320px;height:auto;position:fixed;left:0;right:0;margin:0 auto;top:30%;bottom:0;visibility:hidden;opacity:0;transform:translateY(-50%);pointer-events:none;transition:top 0s,opacity 0s;transition-delay:.2s}@media only screen and (max-width:460px){#one-page-overlay svg{width:280px}}@media only screen and (max-width:380px){#one-page-overlay svg{width:260px}}@media only screen and (max-width:360px){#one-page-overlay svg{width:240px}}@media only screen and (max-width:330px){#one-page-overlay svg{width:220px}}#one-page-overlay:after,#one-page-overlay:before{content:"";position:absolute;width:100vw;height:130vh;background:rgba(0,0,0,.18);z-index:-1;opacity:1;transition:transform 0s;transform:translateX(0) translateY(-100%);left:0;right:0}#one-page-overlay:after{background:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);transition-delay:50ms}#one-page-overlay.transition-active::before{transition-delay:0s}#one-page-overlay.transition-active::after,#one-page-overlay.transition-active::before{top:50%;transform:translateX(0) translateY(0);transition:transform cubic-bezier(.36,.65,.15,.98) .5s}#one-page-overlay.transition-active svg{visibility:visible;opacity:1;top:50%;transition:top .5s,opacity .5s}#one-page-overlay.transition-ending::after,#one-page-overlay.transition-ending::before{transform:translateX(0) translateY(100%);opacity:0;transition:transform cubic-bezier(.36,.65,.15,.98) .3s,opacity .4s;transition-delay:.15s}#one-page-overlay.transition-ending svg{visibility:visible;opacity:0;top:100%;transition:top .3s,opacity .3s}.linear-loader{overflow:hidden;width:100%;height:4px;background-color:#fff;position:relative}.linear-loader div:nth-child(1){position:absolute;left:0;transform:translateX(-100%);height:100%;width:30%;background-color:#292727;animation:anim1 2s cubic-bezier(.49,.7,.7,.35) infinite,anim2 1s ease-in-out infinite}.linear-loader div:nth-child(2){content:"";left:0;transform:translateX(-100%);position:absolute;height:100%;width:30%;background-color:#292727;animation:anim1 2s cubic-bezier(.49,.7,.7,.35) infinite,anim2 2.5s ease-in-out infinite;animation-delay:1s}@keyframes anim1{0%{left:0;transform:translateX(-100%)}55%{left:100%;transform:translateX(0)}100%{left:100%;transform:translateX(0)}}@keyframes anim2{0%{width:30%}50%{width:70%}100%{width:30%}}@-webkit-keyframes pulseAnimation{0%{-webkit-transform:scale(1) translateY(-50%)}7%{-webkit-transform:scale(1.05) translateY(-50%)}14%{-webkit-transform:scale(1) translateY(-50%)}21%{-webkit-transform:scale(1.1) translateY(-50%)}55%{-webkit-transform:scale(1) translateY(-50%)}100%{-webkit-transform:scale(1) translateY(-50%)}}@keyframes pulseAnimation{0%{transform:scale(1) translateY(-50%)}7%{transform:scale(1.02) translateY(-50%)}14%{transform:scale(1) translateY(-50%)}21%{transform:scale(1.03) translateY(-50%)}55%{transform:scale(1) translateY(-50%)}100%{transform:scale(1) translateY(-50%)}}.pulsate{-moz-animation:pulseAnimation 2s infinite;-webkit-animation:pulseAnimation 2s infinite;animation:pulseAnimation 2s infinite;animation-delay:1.5s}.flicker-animation{-moz-animation:horizontal-shaking 2s,vertical-shaking 2s;-webkit-animation:horizontal-shaking 2s,vertical-shaking 2s;animation:horizontal-shaking 2s,vertical-shaking 2s;animation-delay:1.5s;animation-iteration-count:infinite}@keyframes horizontal-shaking{0%{transform:translateX(0)}25%{transform:translateX(1px)}50%{transform:translateX(-1px)}75%{transform:translateX(1px)}100%{transform:translateX(0)}}@keyframes vertical-shaking{0%{transform:translateY(0)}13%{transform:translateY(1px)}26%{transform:translateY(0)}66%{transform:translateY(-1px)}75%{transform:translateY(1px)}80%{transform:translateY(0)}90%{transform:translateY(-1px)}100%{transform:translateY(0)}}.invalid{animation:shake .5s linear;-webkit-animation:shake .5s linear}@-webkit-keyframes shake{41%,8%{-webkit-transform:translateX(-10px)}25%,58%{-webkit-transform:translateX(10px)}75%{-webkit-transform:translateX(-5px)}92%{-webkit-transform:translateX(5px)}0%,100%{-webkit-transform:translateX(0)}}@keyframes shake{41%,8%{-webkit-transform:translateX(-10px)}25%,58%{-webkit-transform:translateX(10px)}75%{-webkit-transform:translateX(-5px)}92%{-webkit-transform:translateX(5px)}0%,100%{-webkit-transform:translateX(0)}}.localizable-content{opacity:1;transition:all 1s}#contact-dialog{color:#fff;position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000;opacity:1;transform:translateY(0);backdrop-filter:blur(2px) opacity(1) saturate(0) brightness(.3);transition:transform .5s ease 0s,backdrop-filter .3s ease .5s,opacity .2s ease}#contact-dialog.contact-dialog-hidden{opacity:0;transform:translateY(130%);backdrop-filter:blur(2px) opacity(0);transition:transform .4s ease 0s,backdrop-filter .2s ease 0s,opacity .2s ease .15s}#contact-dialog.contact-dialog-success #contact-form-container{left:-110%;opacity:0;transition:left .4s,opacity .3s}#contact-dialog.contact-dialog-success #contact-form-success.fixed-contact-form-success{transform:translate(0,-50%);opacity:1;transition:transform .4s ease,opacity .3s ease}#contact-dialog #inner-contact-container{box-sizing:border-box;overflow:hidden;margin:0 auto;position:relative;width:60%;max-width:650px;background:#fff;padding:35px;top:50%;transform:translateY(-50%);color:#000;box-shadow:rgba(0,0,0,.12) 0 8px 24px;transition:height .4s ease}#contact-dialog .linear-loader{position:absolute;top:0;left:0;right:0;display:none}#contact-dialog .loader-visible{display:block}#contact-dialog #contact-form-success{text-align:center}#contact-dialog #contact-form-success.fixed-contact-form-success{position:absolute;top:50%;left:20px;right:20px;transform:translate(110%,-50%);opacity:0;transition:transform .4s ease .3s,opacity .3s ease}#contact-dialog #contact-form-success svg{width:40px;margin-top:20px;margin-bottom:6px}#contact-dialog #contact-form-success svg polygon{fill:#000}#contact-dialog #contact-form-success h2{font-size:1.5em;margin-bottom:40px}#contact-dialog #contact-form-success button.project-button{background:#000;border:2px solid #000;color:#fff;margin-left:0;margin-bottom:30px;width:100%}#contact-dialog #contact-form-success button.project-button:hover{background:#fff;color:#000!important}#contact-dialog #contact-form-container{position:relative;left:0;opacity:1}#contact-dialog #contact-form-container #contact-form-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}#contact-dialog #contact-close-btn{width:30px;height:30px;cursor:pointer;transform:scale(1);-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#contact-dialog #contact-close-btn:active{transform:scale(.95)}#contact-dialog #contact-close-btn::after{content:"";border-top:4px solid #000;width:30px;height:30px;display:block;transform:rotate(315deg);position:relative;top:-26px;left:11px}#contact-dialog #contact-close-btn::before{content:"";border-bottom:4px solid #000;width:30px;height:30px;display:block;transform:rotate(45deg);position:relative;top:-13px;left:11px}#contact-dialog #data-protection-check-text{line-height:16px;vertical-align:middle;font-size:15px}#contact-dialog #newsletter-check-text{line-height:16px;vertical-align:middle;font-size:15px}h1{padding-right:15px;font-size:2em}#kawa-name{font-size:2em}.input-container{margin-top:16px}.input-container input,.input-container textarea{box-sizing:border-box;background:#e9e9e9;padding:9px 14px;color:#000;width:100%}.input-container textarea{font-size:1em;font-family:'Source Code Pro';resize:none}.input-container input[type=submit]{cursor:pointer;display:inline;color:#fff;background:#000;font-weight:600;font-family:'Source Code Pro';border:2px solid #000;transform:scale(1);-webkit-tap-highlight-color:transparent}@media (hover:hover){.input-container input[type=submit]:hover{background:0 0;color:#000;border:2px solid #000}}.input-container input[type=submit]:active{transform:scale(.995)}.input-container textarea::placeholder{color:#757575;font-size:1em;font-family:'Source Code Pro'}.checkbox-container{display:inline-block;-webkit-tap-highlight-color:transparent}input[type=checkbox]{height:0;width:0;position:absolute;opacity:0}input[type=checkbox]:checked~label svg path{stroke-dashoffset:0;opacity:1}input[type=checkbox]:active~label svg{transform:scale(.95)}input[type=checkbox]~label{cursor:pointer;user-select:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}input[type=checkbox]~label svg{width:25px;height:25px;background:#e9e9e9;margin-right:10px;padding:2px;flex-shrink:0;transform:scale(1)}input[type=checkbox]~label svg path{fill:none;stroke:#000;stroke-dasharray:270;stroke-dashoffset:0;stroke-width:8px;opacity:0}#newsletter-form-check-container{margin-top:12px}#newsletter-form-check-container label{font-weight:100;height:30px}#newsletter-form-check-container input[type=checkbox]~label svg{width:30px;height:30px;border:1px solid #9e9f9f;margin-right:5px}#newsletter-form-check-container input[type=checkbox]~label svg path{stroke:#fff;stroke-width:4px}@media screen and (max-width:900px){#contact-dialog #inner-contact-container{width:70%}}@media screen and (max-width:800px){#contact-dialog #inner-contact-container{width:75%}}@media screen and (max-width:650px){#contact-dialog #inner-contact-container{width:80%}#contact-dialog h1{font-size:1.8em}}@media screen and (max-width:580px){#contact-dialog #inner-contact-container{width:85%}#contact-dialog h1{font-size:1.7em}#contact-dialog #data-protection-check-text{font-size:.9em}}@media screen and (max-width:530px){#contact-dialog #inner-contact-container{width:90%;padding:30px}#contact-dialog h1{font-size:1.6em}}@media screen and (max-width:470px){#contact-dialog #data-protection-check-text{font-size:.8em}#contact-dialog h1{font-size:1.4em}}@media screen and (max-width:440px){#contact-dialog{backdrop-filter:none;transition:transform .4s ease 0s}#contact-dialog #inner-contact-container{padding:25px;width:100%;height:100%;max-height:unset;overflow-y:auto}#contact-dialog #inner-contact-container #contact-form-container{height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}#contact-dialog #data-protection-check-text{font-size:.8em}#contact-dialog #contact-form-header{flex-direction:column-reverse!important;gap:20px}#contact-dialog h1{padding-right:0}#contact-dialog #contact-close-btn{width:36px;height:36px}#contact-dialog #contact-close-btn::before{width:24px;height:30px;top:-10px;left:10px}#contact-dialog #contact-close-btn::after{width:24px;height:30px;top:-23px;left:24px}}@media screen and (max-width:380px){#contact-dialog #contact-dialog #contact-form-container #contact-form-header{display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:center;align-items:center;row-gap:20px}#contact-dialog #data-protection-check-text{line-height:14px}}@media screen and (max-width:330px){#contact-dialog h1{font-size:1.3em}#contact-dialog #inner-contact-container{padding:20px}}@media screen and (max-height:610px){#contact-dialog .input-container{margin-top:14px}#contact-dialog #contact-form-header{gap:15px}}@media screen and (max-height:600px){#contact-dialog textarea{height:80px}}@media screen and (max-height:575px){#contact-dialog .input-container{margin-top:12px}#contact-dialog #contact-form-header{gap:12px}#contact-dialog textarea{height:80px}}@media screen and (max-height:555px){#contact-dialog .input-container{margin-top:10px}#contact-dialog #inner-contact-container{padding-top:20px}}@media screen and (max-height:530px){#contact-dialog .input-container{margin-top:10px}#contact-dialog #inner-contact-container{padding-top:10px}#contact-dialog #data-protection-check-text{line-height:14px}}@media screen and (max-height:520px){#contact-dialog .input-container input,#contact-dialog .input-container textarea{padding:8px 14px}}@media screen and (max-height:510px){#contact-dialog textarea{height:60px}}@media screen and (max-height:500px){#contact-dialog #inner-contact-container{padding-bottom:15px;height:100%;overflow-y:auto}#contact-dialog #inner-contact-container #contact-form-container{height:auto}}#footer{overflow:hidden;text-align:center;padding-top:150px;border-top:2px solid #fff}@media only screen and (max-width:1024px){#footer{padding-top:120px}}@media only screen and (max-width:768px){#footer{margin-top:0;padding-top:100px}}@media only screen and (max-width:425px){#footer{margin-top:0;padding-top:90px}}@media only screen and (max-width:375px){#footer{margin-top:0;padding-top:70px}}@media only screen and (max-width:320px){#footer{margin-top:0;padding-top:60px}}#footer #footer-kawa-logo{width:280px;margin:16px 0}@media only screen and (max-width:1024px){#footer #footer-kawa-logo{width:140px}}#footer .nav-button{display:inline-block;background:#fff;line-height:34px;vertical-align:bottom;padding:0 16px;border:1px solid #fff;cursor:pointer}@media (hover:hover){#footer .nav-button:hover{background:#000}#footer .nav-button:hover a{color:#fff}}#footer .nav-button a{color:#000}#footer #inquiry-container{padding:12px 0}#footer #inquiry-container .project-button{margin-left:0}@media (hover:hover){#footer #inquiry-container .project-button:hover{background:#000}}#footer #footer-navigation-container{padding:18px 0 32px 0}@media only screen and (max-width:1024px){#footer #footer-navigation-container{display:none}}#footer #footer-navigation-container nav{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:30px;justify-content:center}#footer #footer-navigation-container .nav-item{position:relative}#footer #footer-language-control{padding:16px 0;font-size:.875em}#footer #footer-language-control a{color:#c3c1c1}@media (hover:hover){#footer #footer-language-control a:hover{color:#fff}}#footer #footer-language-control a.active-lang{color:#fff;cursor:default}#footer #bottom-line-container{margin-top:32px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;column-gap:10px;margin-bottom:52px;font-size:.875em}#footer #bottom-line-container span{color:#fff}#footer #bottom-line-container a,#footer #bottom-line-container button{position:relative;color:#fff;cursor:pointer}#footer #bottom-line-container a:first-child,#footer #bottom-line-container button:first-child{margin-left:19px}#footer #contact-buttons-container{padding:12px 0}#footer #contact-buttons-container button{cursor:pointer;position:relative}#footer #contact-buttons-container button:first-child{margin-right:4px}@media only screen and (max-width:1024px){#footer #contact-buttons-container button:first-child{margin-right:8px}}#footer #contact-buttons-container svg{height:21px;width:21px}@media only screen and (max-width:1024px){#footer #contact-buttons-container svg{height:26px;width:26px}}#header{color:#fff;overflow:hidden;position:absolute;top:0;left:0;right:0;z-index:10;background:0 0;padding:10px 30px 20px 45px;z-index:1000;transform:translate(0,0);transition:transform 0s}#header.impressum-shown{background:0 0!important}#header.header-shown{transform:translate(0,130px);transition:transform .3s cubic-bezier(.28,.44,.25,.96)!important}#header.header-fix{position:fixed;top:-130px;transition:transform .2s ease;background:#000}#header.header-fix #contact-buttons-container button svg{background:linear-gradient(270deg,#000 60%,transparent)}#header #header-content{padding:0}#header #desktop-nav{display:flex;flex-direction:row;flex-wrap:nowrap}#header #desktop-nav .project-button{font-size:.9em;background:#fff}@media (hover:hover){#header #desktop-nav .project-button:hover{background:0 0}}@media only screen and (max-width:1024px){#header #desktop-nav{display:none}}#header .nav-item{align-self:end}#header .nav-button{display:inline-block;background:#fff;line-height:34px;vertical-align:bottom;padding:0 16px;border:1px solid #fff;cursor:pointer;margin-left:15px}@media (hover:hover){#header .nav-button:hover{background:#000}}#header .nav-button a{color:#000}@media (hover:hover){#header .nav-button:hover a{color:#fff}}#header #contact-buttons-container{text-align:right;padding:4px 0 8px}@media only screen and (max-width:1024px){#header #contact-buttons-container{display:none}}#header #contact-buttons-container button span{color:#fff;position:absolute;bottom:3px;white-space:nowrap;opacity:0;transition:right .2s ease 0s,opacity .4s ease .1s}@media (hover:hover){#header #contact-buttons-container button span:hover{color:#fff}}#header #contact-buttons-container button svg{height:21px}@media (hover:hover){#header #contact-buttons-container button:hover span{display:inline-block}}#header #contact-buttons-container button svg{background:0 0;position:relative;padding:0 4px}#header #contact-buttons-container button{cursor:pointer;position:relative;transition:all .4s}#header #contact-buttons-container button::before{height:2px;width:24px;bottom:-2px;right:0;left:unset}#header #contact-buttons-container button.send-email-button::before{width:28px!important}#header #contact-buttons-container button.call-button::before{width:24px!important}#header #contact-buttons-container button#start-vr-button::before{width:21px!important}#header #contact-buttons-container button:last-child svg{padding-right:0}#header.mobile-nav-active{border-bottom:none;box-shadow:none;background:#000}#header a{color:#fff;position:relative}#header>*{vertical-align:middle}.header-logo{height:36px;max-width:210px;vertical-align:bottom}@media only screen and (max-width:400px){.header-logo{max-width:160px}}@media only screen and (max-width:320px){.header-logo{max-width:140px}}#original-logo{position:relative;top:0;opacity:1;transition:top .3s,opacity .2s}#original-logo.logo-hidden{opacity:0;top:-100px;transition:top .3s,opacity .2s;transition-delay:.5s}#project-logo{position:relative;opacity:1;top:0;transition:top .3s,opacity .4s}#project-logo.logo-hidden{opacity:0;top:100px;transition:top .3s,opacity .4s}#header-kawa-logo-minimal{height:60px;transition:all .2s;display:none}#header nav{bottom:0;position:absolute;right:0}#language-controls-container{text-align:right;padding-bottom:4px;font-size:.9em}@media only screen and (max-width:1024px){#language-controls-container{display:none}}#language-controls-container a{color:#9d9d9d}@media (hover:hover){#language-controls-container a:hover{color:#fff}}#language-controls-container a.active-lang{color:#fff;cursor:default}#navigation-container{position:relative}#navigation-container #header-home-link svg{height:36px;vertical-align:bottom}#navigation-container #header-home-link img{height:36px;vertical-align:bottom}.header-fixed#header nav{line-height:52px}#header nav .nav-item{margin-left:15px;margin-right:15px}#header nav .nav-item.menu-icon-item{margin-left:32px;margin-right:0}@media (hover:hover){#header nav .language-switcher a:hover::before{visibility:hidden}}#header nav .nav-item:first-child{margin-left:0}#header nav .language-switcher{margin-right:0}#header nav .language-switcher a{background:#000;color:#fff;border:#000;padding:6px;border-radius:50%}#mobile-menu-container nav .language-switcher a{background:#84b3a3;color:#fff;border:#000;padding:6px;border-radius:50%;font-size:1.1875em}@media (hover:hover){#header nav .language-switcher a:hover{background:#6cc09a!important;color:#fff}}.header-fixed{background:#fff}.header-fixed.mobile-nav-active{border-bottom:none;box-shadow:none}.header-fixed #header-content{padding:16px 32px!important}.header-fixed nav{display:inline-block;position:absolute;right:32px;line-height:40px}.header-fixed #header-kawa-logo-minimal,.header-fixed .header-logo{height:46px}#header nav .menu-icon-item{display:none}@media only screen and (max-width:1024px){#header nav .menu-icon-item{display:block}}#menu-icon{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}#menu-icon::after{content:"";float:clear}.menu-icon__line{height:2px;width:30px;display:block;background-color:#fff;margin-bottom:4px;transition:transform .2s ease,background-color .5s ease}.menu-icon__line-left{width:15px}.menu-icon__line-right{width:15px;float:right}.mobile-nav-active #menu-icon .menu-icon__line{background-color:#fff;transform:translateX(0) rotate(-45deg)}.mobile-nav-active #menu-icon .menu-icon__line-left{transform:translateX(1px) rotate(45deg)}.mobile-nav-active #menu-icon .menu-icon__line-right{transform:translateX(-2px) rotate(45deg)}#mobile-menu{position:fixed;left:0;right:0;z-index:999;top:0;transition:top .3s;transition-timing-function:ease}#mobile-menu #kawa-loading-logo{width:320px;position:fixed;left:0;right:0;margin:0 auto;top:30%;bottom:0;visibility:hidden;opacity:0;transform:translateY(-50%);pointer-events:none;transition:top 0s,opacity 0s;transition-delay:.2s}#mobile-menu .mobile-nav-item{opacity:0;transform:translate(-8px,0);transition:transform .3s,opacity .3s;transition-delay:0s}#mobile-menu.impressum-shown #mobile-menu-container{display:none}#mobile-menu.mobile-menu-active .mobile-nav-item{opacity:1;transform:translate(0,0)}#mobile-menu.mobile-menu-active .mobile-nav-item:first-child{transition-delay:.3s}#mobile-menu.mobile-menu-active .mobile-nav-item:nth-child(2){transition-delay:.4s}#mobile-menu.mobile-menu-active .mobile-nav-item:nth-child(3){transition-delay:.49s}#mobile-menu.mobile-menu-active .mobile-nav-item:nth-child(4){transition-delay:.57s}#mobile-menu.mobile-menu-active .mobile-nav-item:nth-child(5){transition-delay:.64s}#mobile-menu.mobile-menu-active .mobile-nav-item:nth-child(6){transition-delay:.68s}#mobile-menu.mobile-menu-active #mm-contact-buttons-container button:first-child{transition-delay:.7s}#mobile-menu.mobile-menu-active #mm-contact-buttons-container button:nth-child(2){transition-delay:.75s}#mobile-menu.mobile-menu-active #mm-inquiry-container .project-button{transition-delay:.79s}#mobile-menu.mobile-menu-active #mm-language-control a:first-child{transition-delay:.82s}#mobile-menu.mobile-menu-active #mm-language-control a:nth-child(2){transition-delay:.85s}#mobile-menu.mobile-menu-active #bottom-line-container a:first-of-type{transition-delay:.88s}#mobile-menu.mobile-menu-active #bottom-line-container a:last-of-type{transition-delay:.91s}#mobile-menu.mobile-menu-active #bottom-line-container span{transition-delay:.93s}#mobile-menu.mobile-menu-loading #kawa-loading-logo{visibility:visible;opacity:.2;top:50%;transition:top .5s,opacity .5s;transition-delay:.65s}#mobile-menu.mobile-menu-loading .mobile-nav-item{opacity:0;transform:translate(-8px,0)}#mobile-menu.mobile-menu-loading .mobile-nav-item:first-child{transition-delay:.63s}#mobile-menu.mobile-menu-loading .mobile-nav-item:nth-child(2){transition-delay:.61s}#mobile-menu.mobile-menu-loading .mobile-nav-item:nth-child(3){transition-delay:.58s}#mobile-menu.mobile-menu-loading .mobile-nav-item:nth-child(4){transition-delay:.55s}#mobile-menu.mobile-menu-loading .mobile-nav-item:nth-child(5){transition-delay:.52s}#mobile-menu.mobile-menu-loading #mm-contact-buttons-container button:first-child{transition-delay:.49s}#mobile-menu.mobile-menu-loading #mm-contact-buttons-container button:nth-child(2){transition-delay:.45s}#mobile-menu.mobile-menu-loading #mm-inquiry-container .project-button{transition-delay:.4s}#mobile-menu.mobile-menu-loading #mm-language-control a:first-child{transition-delay:.34s}#mobile-menu.mobile-menu-loading #mm-language-control a:nth-child(2){transition-delay:.27s}#mobile-menu.mobile-menu-loading #bottom-line-container a:first-of-type{transition-delay:.19s}#mobile-menu.mobile-menu-loading #bottom-line-container a:last-of-type{transition-delay:.1s}#mobile-menu.mobile-menu-loading #bottom-line-container span{transition-delay:0s}.header-fixed#mobile-menu{top:83px}#mobile-menu:after,#mobile-menu:before{content:"";position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,.84);z-index:-1;transition:transform cubic-bezier(.77,0,.175,1) .5s;transform:translateX(0) translateY(-100%);left:0;right:0}#mobile-menu:after{background:#000;transition-delay:0s}.header-fixed#mobile-menu:after{border-bottom:solid #e7e7e7 1px;box-shadow:0 0 4px #88888845}#mobile-menu:before{transition-delay:50ms}.mobile-menu-active#mobile-menu::after,.mobile-menu-active#mobile-menu::before{transform:translateX(0) translateY(0)}.mobile-menu-active#mobile-menu::after{transition-delay:.1s}.mobile-menu-active#mobile-menu::before{transition-delay:0s}#mobile-menu-container{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto}#mobile-menu-container #mm-subnavigation-container{margin-bottom:30px}#mobile-menu-container #mm-navigation-container{margin-bottom:30px;margin-top:80px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}#mobile-menu-container #mm-navigation-container nav{display:block;position:relative;line-height:40px;right:0;text-align:center;color:#fff;max-height:100%}#mobile-menu-container #mm-navigation-container nav .mobile-nav-item{margin-bottom:12px}#mobile-menu-container #mm-navigation-container nav .mobile-nav-item:last-child{margin-bottom:0}#mobile-menu-container #mm-navigation-container nav a{position:relative;color:#fff;font-size:1.375em}#mobile-menu-container #mm-contact-buttons-container{text-align:center}#mobile-menu-container #mm-contact-buttons-container button{cursor:pointer;position:relative;transition:all .4s;transition-delay:0s}#mobile-menu-container #mm-contact-buttons-container svg{width:25px}#mobile-menu-container #mm-contact-buttons-container svg:first-child{margin-right:8px}#mobile-menu-container #mm-contact-buttons-container svg:last-child{margin-left:8px}#mobile-menu-container #mm-inquiry-container{text-align:center;margin-top:30px;margin-bottom:30px}#mobile-menu-container #mm-inquiry-container .project-button{margin-left:0;transition-delay:0s}#mobile-menu-container #mm-language-control{text-align:center;font-size:.875em;margin-bottom:16px}#mobile-menu-container #mm-language-control a{color:#656565;transition-delay:0s}#mobile-menu-container #mm-language-control a.active-lang{color:#fff}@media (hover:hover){#mobile-menu-container #mm-language-control a:hover{color:#fff}}#mobile-menu-container #bottom-line-container{text-align:center;color:#fff;font-size:.875em}#mobile-menu-container #bottom-line-container a{position:relative;transition-delay:0s}#mobile-menu-container #bottom-line-container a:first-of-type{margin-left:20px}#mobile-menu-container #bottom-line-container span{transition-delay:0s}.no-scroll{overflow:hidden}.no-pointer-events{pointer-events:none}@media only screen and (max-width:1024px){#header{padding:25px 30px 25px 45px}}@media only screen and (max-width:460px){#header{padding:15px 20px 15px 25px}#header .header-logo{height:30px}}@media only screen and (max-width:1024px){#mobile-menu #mobile-menu-container #mm-navigation-container{margin-bottom:15px}#mobile-menu #mobile-menu-container #mm-subnavigation-container{margin-bottom:20px}}@media only screen and (max-height:700px){#mobile-menu #mobile-menu-container #mm-navigation-container nav .mobile-nav-item{margin-bottom:9px}}@media only screen and (max-height:600px){#mobile-menu #mm-inquiry-container{display:none}#mobile-menu #mobile-menu-container #mm-contact-buttons-container{margin-bottom:20px}}@media only screen and (max-height:550px){#mobile-menu #mobile-menu-container #mm-navigation-container nav .mobile-nav-item{margin-bottom:4px}}@media only screen and (max-width:320px){#mobile-menu #mobile-menu-container #mm-navigation-container nav a{font-size:1.1em}#mobile-menu #mobile-menu-container #mm-navigation-container nav .mobile-nav-item{margin-bottom:4px}#mobile-menu #mobile-menu-container #mm-navigation-container{margin-bottom:0}#mobile-menu #mobile-menu-container #mm-subnavigation-container{margin-bottom:15px}#mobile-menu #mobile-menu-container #mm-inquiry-container{display:none}#mobile-menu #mobile-menu-container #mm-contact-buttons-container{margin-bottom:15px}}#social-bar{position:fixed;right:-50px;top:50%;width:24px;display:flex;flex-direction:column;z-index:111;flex-wrap:nowrap;max-height:100vh;align-items:end;justify-content:center;row-gap:15px;margin:auto 0;transform:translate(0,-50%);transition:right .15s}#social-bar.bar-visible{right:30px;transition:right .25s}#social-bar button{cursor:pointer;position:relative}#social-bar button svg{max-width:22px;max-height:22px}#page-404{height:100vh;background:#000;text-align:center;color:#fff}#page-404 #content-container{position:absolute;left:30px;right:30px;margin:auto;display:inline-block;top:50%;transform:translate(0,-50%)}#page-404 span{text-wrap:nowrap;position:relative}#page-404 #error-message{font-size:2.375em}#about-page{color:#fff;margin-top:150px;padding-bottom:60px}@media only screen and (max-width:1024px){#about-page{margin-top:86px;padding-bottom:40px}}@media only screen and (max-width:460px){#about-page{margin-top:60px}}#about-page #about-page-header{height:50vh;padding-left:190px;padding-right:190px;background-color:#000}@media only screen and (min-width:1921px){#about-page #about-page-header{padding-left:25%;padding-right:25%}}@media only screen and (max-width:1024px){#about-page #about-page-header{padding-left:80px;padding-right:80px}}@media only screen and (max-width:768px){#about-page #about-page-header{padding-left:60px;padding-right:60px}}@media only screen and (max-width:440px){#about-page #about-page-header{padding-left:45px;padding-right:45px}}@media only screen and (max-width:375px){#about-page #about-page-header{padding-left:40px;padding-right:40px}}@media only screen and (max-width:320px){#about-page #about-page-header{padding:0 25px}}@media only screen and (max-height:500px){#about-page #about-page-header{display:none}}#about-page #about-page-header img{height:80vh}@media only screen and (max-width:768px){#about-page #about-page-header img{height:80vh}}@media only screen and (max-width:320px){#about-page #about-page-header img{height:100vh}}#about-page #about-page-content{padding-left:190px;padding-right:190px;position:relative}@media only screen and (min-width:1921px){#about-page #about-page-content{padding-left:25%;padding-right:25%}}@media only screen and (max-width:1024px){#about-page #about-page-content{padding-left:80px;padding-right:80px}}@media only screen and (max-width:768px){#about-page #about-page-content{padding-left:60px;padding-right:60px}}@media only screen and (max-width:440px){#about-page #about-page-content{padding-left:45px;padding-right:45px}}@media only screen and (max-width:375px){#about-page #about-page-content{padding-left:40px;padding-right:40px}}@media only screen and (max-width:320px){#about-page #about-page-content{padding-top:45px;padding-left:25px;padding-right:25px}}#about-page #about-page-content #design-thinking-img{position:absolute;z-index:0;width:1100px;right:-170px;top:-135px;filter:opacity(.6)}@media only screen and (max-width:1800px){#about-page #about-page-content #design-thinking-img{width:941px;right:-210px;top:-30px;filter:opacity(.6)}}@media only screen and (max-width:1450px){#about-page #about-page-content #design-thinking-img{width:923px;right:-365px;top:-20px}}@media only screen and (max-width:1250px){#about-page #about-page-content #design-thinking-img{width:923px;right:-367px;top:-20px}}@media only screen and (max-width:999px){#about-page #about-page-content #design-thinking-img{display:none}}#about-page #about-page-content .about-page-content{position:relative;z-index:1}#about-page #about-page-content p{line-height:1.6}#about-page #about-page-content #about-page-content-first{max-width:880px}#about-page #about-page-content #about-page-content-first #middle-paragraph{margin:1.5em 0}@media only screen and (max-width:1250px){#about-page #about-page-content #about-page-content-first{max-width:740px}}#about-page #about-page-content #about-page-content-second{max-width:840px}@media only screen and (max-width:1800px){#about-page #about-page-content #about-page-content-second{max-width:710px}}@media only screen and (max-width:1250px){#about-page #about-page-content #about-page-content-second{max-width:600px}}#about-page #about-page-content #about-page-content-third{max-width:950px}#about-page #about-page-content #about-page-content-fourth{max-width:780px;margin-top:120px}#about-page #about-page-content #about-page-content-fifth{max-width:900px}#about-page #about-kob-logo{height:37px;vertical-align:bottom;margin-left:90px}@media only screen and (max-width:680px){#about-page #about-kob-logo{display:block;height:37px;vertical-align:bottom;margin-left:0;margin-top:30px}}@media only screen and (max-width:380px){#about-page #about-kob-logo{height:30px}}#about-page h2{margin-top:90px;margin-bottom:30px}@media only screen and (max-width:768px){#about-page h2{font-size:2.2em;margin-top:80px;margin-bottom:25px}}@media only screen and (max-width:520px){#about-page h2{font-size:2em;margin-top:75px;margin-bottom:25px}}@media only screen and (max-width:465px){#about-page h2{font-size:1.8em;margin-top:65px;margin-bottom:22px}}@media only screen and (max-width:420px){#about-page h2{font-size:1.6em;margin-top:50px;margin-bottom:20px}}@media only screen and (max-width:370px){#about-page h2{font-size:1.4em;margin-top:45px;margin-bottom:16px}}#about-page #team-pic{width:80%;max-width:760px;margin-top:30px}@media only screen and (max-width:768px){#about-page #team-pic{width:100%}}#about-page #kob-logo{width:270px;vertical-align:bottom;margin-left:30px}#about-page .project-button{margin-top:30px;margin-left:0}#about-page .project-button a{color:#000}@media (hover:hover){#about-page .project-button:hover a{color:#fff}}#career-page{padding-bottom:60px}@media only screen and (max-width:1024px){#career-page{padding-bottom:40px}}#career-page #career-hero{height:60vh;background:url(img/home/job_bg0@5x.webp) #000;background-size:cover;background-position:10px -10px;background-repeat:no-repeat;margin-top:124px;position:relative}@media only screen and (max-width:1024px){#career-page #career-hero{margin-top:60px}}@media only screen and (max-width:1536px){#career-page #career-hero{background:url(img/home/job_bg0@4x.webp) #000}}@media only screen and (max-width:1152px){#career-page #career-hero{background:url(img/home/job_bg0@3x.webp) #000;background-size:contain;background-position:10px -10px;background-repeat:repeat}}@media only screen and (max-width:768px){#career-page #career-hero{background:url(img/home/job_bg0@2x.webp) #000;background-size:contain;height:55vh}}@media only screen and (max-width:384px){#career-page #career-hero{background:url(img/home/job_bg0@1x.webp) #000;background-size:contain}}@media only screen and (max-height:500px){#career-page #career-hero{height:50vh}}#career-page #career-hero #career-hero-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(180deg,#000,transparent 10%,transparent 50%,transparent 90%,#000)}#career-page #career-hero img{margin:0 auto;display:block;max-width:180px;position:absolute;left:0;right:0;bottom:-50px;max-height:60vh}@media only screen and (max-width:768px){#career-page #career-hero img{max-height:55vh}}@media only screen and (max-height:500px){#career-page #career-hero img{max-height:50vh}}#career-page #career-content{padding-left:60px;padding-right:60px;padding-top:90px;color:#fff;text-align:center}@media only screen and (max-width:460px){#career-page #career-content{padding-left:50px;padding-right:50px}}@media only screen and (max-width:375px){#career-page #career-content{padding-left:40px;padding-right:40px}}@media only screen and (max-width:320px){#career-page #career-content{padding-left:35px;padding-right:35px}}#career-page #career-content h1{text-align:center;font-size:2.5em;margin-bottom:45px}@media only screen and (max-width:768px){#career-page #career-content h1{font-size:2.2em}}@media only screen and (max-width:440px){#career-page #career-content h1{font-size:2.1em}}@media only screen and (max-width:375px){#career-page #career-content h1{font-size:2em}}@media only screen and (max-width:320px){#career-page #career-content h1{font-size:1.6em}}#career-page #career-content #mail-paragraph{margin-top:30px;margin-bottom:45px}#career-page #career-content #mail-paragraph a{color:#fff;position:relative;font-size:1.5em}#career-page #career-content #mail-paragraph a::before{background-color:#fff}#career-page #career-content p{max-width:760px;font-weight:600;margin-bottom:0;margin:0 auto}#career-page #jobs-container{padding-left:90px;padding-right:90px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;grid-column-gap:30px;grid-row-gap:30px;margin-bottom:30px}@media only screen and (max-width:1920px){#career-page #jobs-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:1290px){#career-page #jobs-container{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:70px;padding-right:70px}}@media only screen and (max-width:880px){#career-page #jobs-container{grid-template-columns:repeat(1,minmax(0,1fr));padding-left:45px;padding-right:45px}}@media only screen and (max-width:460px){#career-page #jobs-container{padding-left:25px;padding-right:25px}}#career-page #jobs-container .job-tile{background:#fff;padding:30px;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}#career-page #jobs-container .job-tile h2{font-size:1.875em;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:768px){#career-page #jobs-container .job-tile h2{font-size:1.6em}}@media only screen and (max-width:440px){#career-page #jobs-container .job-tile h2{font-size:1.4em}}@media only screen and (max-width:320px){#career-page #jobs-container .job-tile h2{font-size:1.2em}}#career-page #jobs-container .job-tile .job-description{font-weight:900}#career-page #jobs-container .job-tile button{background:#000;line-height:34px;vertical-align:bottom;padding:0 16px;border:2px solid #000;cursor:pointer;color:#fff;font-weight:400;margin-top:80px;align-self:start}@media (hover:hover){#career-page #jobs-container .job-tile button:hover{background:#fff;color:#000;font-weight:700}}#career-page #job-grid-footer{margin-left:90px;margin-right:90px;padding:30px;background-color:#fff;color:#000}@media only screen and (max-width:1290px){#career-page #job-grid-footer{margin-left:70px;margin-right:70px}}@media only screen and (max-width:880px){#career-page #job-grid-footer{margin-left:45px;margin-right:45px}}@media only screen and (max-width:460px){#career-page #job-grid-footer{margin-left:25px;margin-right:25px}}#career-page #job-grid-footer h2{font-size:1.875em;margin-bottom:30px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:768px){#career-page #job-grid-footer h2{font-size:1.6em}}@media only screen and (max-width:440px){#career-page #job-grid-footer h2{font-size:1.4em}}@media only screen and (max-width:320px){#career-page #job-grid-footer h2{font-size:1.2em}}#career-page #job-grid-footer p{font-weight:600;margin-bottom:30px}#career-page #job-grid-footer button{display:inline-block;background:#000;line-height:34px;vertical-align:bottom;padding:0 16px;border:2px solid #000;cursor:pointer;color:#fff;font-weight:400}@media (hover:hover){#career-page #job-grid-footer button:hover{background:#fff;color:#000}}#data-protection{padding:0 120px;padding-bottom:60px;color:#fff;margin-top:160px}#data-protection h1{margin-bottom:30px;font-weight:600;font-size:2.5em}#data-protection h2{font-weight:700;font-size:1.5em;margin-top:25px}#data-protection h3{font-family:'Source Code Pro';font-size:1.0625em;margin:8px 0 -14px 0}#data-protection p{margin:15px 0}#data-protection ul{margin:15px 0 15px 50px}@media only screen and (max-width:1280px){#data-protection{padding:0 90px;padding-bottom:60px}}@media only screen and (max-width:960px){#data-protection{padding:0 45px;margin-top:90px;padding-bottom:40px}#data-protection h1{font-size:1.7em}#data-protection h2{font-size:1.4em}#data-protection ul{margin:15px 0 15px 30px}}@media only screen and (max-width:768px){#data-protection{padding:0 45px;padding-bottom:40px}}@media only screen and (max-width:460px){#data-protection{padding:0 25px;padding-bottom:40px}#data-protection h1{font-size:1.5em}#data-protection h2{font-size:1.3em}#data-protection ul{margin:15px 0 15px 30px}}@media only screen and (max-width:375px){#data-protection{padding:0 25px;padding-bottom:40px}}@media only screen and (max-width:320px){#data-protection{padding:0 25px;padding-bottom:40px}#data-protection h1{font-size:1.4em}#data-protection h2{font-size:1.2em}#data-protection ul{margin:15px 0 15px 30px}}#home-page{color:#fff;padding-bottom:60px}#home-page section{min-height:100vh;height:100vh;display:flex;flex-direction:column;justify-content:center;flex-wrap:nowrap;padding-left:45px;padding-right:30px}#home-page .centered-non-hero-section{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;align-items:center;position:relative}#home-page .centered-non-hero-section .media-credits{position:absolute;left:8px;bottom:8px;opacity:.5;font-size:small;color:#fff;mix-blend-mode:difference}#home-page .centered-non-hero-section .short-desc-container{z-index:10;margin:20px 0 30px 0;max-width:720px}#home-page .centered-non-hero-section .short-desc-container p{margin-top:0!important;padding-top:0!important}#home-page .centered-non-hero-section .short-desc-container p:last-child{margin:0;padding:0}#home-page .centered-non-hero-section::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:#0000008c;z-index:1}#home-page .centered-non-hero-section h1{line-height:1;position:relative;z-index:2;text-align:center}#home-page .centered-non-hero-section h1 p{margin:0;max-width:unset}#home-page .centered-non-hero-section p{text-align:center;max-width:720px;position:relative;z-index:2}#home-page .centered-non-hero-section .project-button{margin-bottom:30px;position:relative;z-index:2;background:#fff}#home-page .centered-non-hero-section .project-button a{color:#000}#home-page .centered-non-hero-section .project-button:hover{background:#000}#home-page .centered-non-hero-section .project-button:hover a{color:#fff}#home-page .centered-non-hero-section .background-video{position:absolute;width:100%;height:100%;left:0;object-fit:cover}#home-page .centered-non-hero-section .video-overlay{background-color:rgba(0,0,0,.5)}#home-page .centered-non-hero-section .project-logo{max-width:350px;position:relative;z-index:2}#home-page #hero-section{display:block;margin-top:35px}#home-page #hero-section #hero-section-content{position:relative;top:50%;transform:translate(0,-50%)}#home-page #hero-section .video-overlay{bottom:-35px}#home-page #hero-section video{position:absolute;width:100%;height:100%;left:0;object-fit:cover}#home-page #hero-section h1{z-index:1}#home-page #hero-section div{z-index:1}#home-page #hero-section p{margin:30px 0;max-width:670px;z-index:1}#home-page .project-button{margin-left:0;z-index:1}@media (hover:hover){#home-page .project-button:hover{background:0 0}}#home-page #job-section{background:url(img/home/job_bg0@5x.webp) #000;color:#fff;padding-top:90px;padding-bottom:45px;min-height:auto;position:relative;gap:30px}#home-page #job-section #job-section-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 88%,#000)}#home-page #job-section::after{background-color:#0000008a}#home-page #job-section img{max-width:740px;max-height:50vh;margin-top:30px;position:relative;z-index:5;height:auto;width:auto}#home-page #job-section h1{text-align:center;font-size:2.5em;line-height:unset}#home-page #job-section p{max-width:760px;font-weight:600;margin-bottom:0;line-height:1.6}#home-page #job-section p a{color:#fff}@media (hover:hover){#home-page #job-section p:hover{background:0 0}}#home-page #job-section p .underline-hover::before{background-color:#fff}#home-page #job-section #mail-paragraph{font-size:1.5em}#home-page{color:#fff}@media only screen and (max-width:1024px){#home-page{padding-bottom:0;margin-top:0}#home-page #hero-section h1{font-size:2.921875em}#home-page #job-section h1{font-size:1.9em}}@media only screen and (max-width:830px){#home-page #hero-section h1{font-size:2.48359375em}#home-page #job-section h1{font-size:1.62em}}@media only screen and (max-width:710px){#home-page #job-section h1{font-size:1.62em}}@media only screen and (max-width:710px){#home-page #job-section h1{font-size:1.62em}}@media only screen and (max-width:540px){#home-page #hero-section h1{font-size:2em}#home-page #job-section h1{font-size:1.5em}#home-page .project-logo{transform:scale(.8)}}@media only screen and (max-width:480px){#home-page #hero-section h1{font-size:1.8em}}@media only screen and (max-width:460px){#home-page section{padding-left:25px!important;padding-right:20px!important}#home-page #hero-section h1{font-size:1.7em}}@media only screen and (max-width:380px){#home-page #hero-section h1{font-size:1.6em}}@media only screen and (max-width:360px){#home-page #hero-section h1{font-size:1.6em}}@media only screen and (max-width:330px){#home-page #hero-section h1{font-size:1.4em}#home-page #job-section img{max-height:40vh}#home-page #job-section h1{font-size:1.4em}#home-page #home-page #job-section p{line-height:1.3}}@media only screen and (max-height:500px){#home-page{margin-top:35px}}@media only screen and (max-height:470px){#home-page{margin-top:50px}}@media only screen and (max-height:430px){#home-page{margin-top:80px}}@media only screen and (max-height:320px){#home-page{margin-top:90px}}#impressum{padding:0 120px;padding-bottom:60px;color:#fff;margin-top:145px}#impressum h1{font-weight:500;margin-bottom:45px}#impressum h2{font-size:1.1em}#impressum p{margin-left:35px;margin-top:30px;margin-bottom:30px}#impressum p:last-child{margin-bottom:0}@media only screen and (max-width:960px){#impressum{margin-top:90px;padding:0 45px;padding-bottom:40px}}@media only screen and (max-width:768px){#impressum{padding:0 45px;padding-bottom:40px}}@media only screen and (max-width:460px){#impressum{padding:0 25px;padding-bottom:40px}}#project-page #back-button{position:absolute;left:45px;top:150px;z-index:100;color:#fff;cursor:pointer}#project-page #back-button span{position:relative}#project-page #bg-container{background-size:cover;background-repeat:no-repeat;background-position:center center}#project-page #project-hero-section{margin-top:124px;position:relative;height:80vh;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;overflow:hidden}#project-page #project-hero-section .hero-media-credits{position:absolute;left:8px;bottom:8px;opacity:.5;font-size:small;color:#fff;mix-blend-mode:difference}#project-page #project-hero-section .bg-overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#0000006b;z-index:1}#project-page #project-hero-section .background-video{width:100%;height:100%;object-fit:cover}#project-page #project-details-section{padding-left:190px;padding-right:190px;padding-bottom:64px;padding-top:16px}@media only screen and (max-width:1280px){#project-page #project-details-section{padding-left:120px;padding-right:120px}}@media only screen and (max-width:1024px){#project-page #project-details-section{padding-left:80px;padding-right:80px}}@media only screen and (max-width:768px){#project-page #project-details-section{padding-left:60px;padding-right:60px}}@media only screen and (max-width:440px){#project-page #project-details-section{padding-left:45px;padding-right:45px}}@media only screen and (max-width:375px){#project-page #project-details-section{padding-left:40px;padding-right:40px}}@media only screen and (max-width:320px){#project-page #project-details-section{padding-left:25px;padding-right:25px}}#project-page #project-images-section{padding-left:190px;padding-right:190px;padding-bottom:64px;display:grid;grid-template-columns:3fr 4fr;gap:32px}#project-page #project-images-section .project-image-container{position:relative}#project-page #project-images-section .project-image-container .media-credits{color:#fff;mix-blend-mode:difference;position:relative;top:-26px;left:8px;font-size:small}#project-page #project-images-section img{width:100%}@media only screen and (max-width:1280px){#project-page #project-images-section{padding-left:120px;padding-right:120px;gap:26px}}@media only screen and (max-width:1024px){#project-page #project-images-section{padding-left:80px;padding-right:80px;gap:20px}}@media only screen and (max-width:768px){#project-page #project-images-section{padding-left:60px;padding-right:60px;gap:16px}}@media only screen and (max-width:440px){#project-page #project-images-section{padding-left:45px;padding-right:45px;gap:12px}}@media only screen and (max-width:375px){#project-page #project-images-section{padding-left:40px;padding-right:40px;gap:10px}}@media only screen and (max-width:320px){#project-page #project-images-section{padding-left:25px;padding-right:25px;gap:10px}}#project-page h1{text-align:center;margin:30px 0 30px 0;color:#fff}#project-page #project-details-container{color:#fff}#project-page #project-details-container p{line-height:1.6}#project-page #project-description{max-width:60%}#project-page #project-description.without-facts{max-width:100%!important}@media only screen and (max-width:1200px){#project-page #project-description{max-width:100%}}#project-page #project-description p{margin-bottom:16px}#project-page #project-description p:last-child{margin-bottom:0}#project-page #project-facts{flex:1 0 50%;display:grid;grid-template-columns:repeat(2,minmax(0,min-content));grid-template-rows:repeat(4,min-content);margin-left:25px;float:right}@media only screen and (max-width:800px){#project-page #project-facts{width:100%;float:unset;margin-left:0;margin-bottom:20px}}@media only screen and (max-width:500px){#project-page #project-facts{grid-template-columns:repeat(1,minmax(0,min-content))}}#project-page #project-facts span{padding-left:30px;padding-bottom:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media only screen and (max-width:420px){#project-page #project-facts span{padding-left:25px}}#project-page #project-facts .project-fact-title{position:relative}#project-page #project-facts .project-fact-title::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #fff}#project-page #project-facts .project-fact-title:nth-last-child(2)::before{content:"";position:absolute;left:0;top:0;bottom:-20px;border-left:1px solid #fff}@media only screen and (max-width:500px){#project-page #project-facts .project-fact-title{padding-bottom:0}#project-page #project-facts .project-fact-title:nth-last-child(2)::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #fff}}#project-page #project-facts .project-fact-value{position:relative}@media only screen and (max-width:500px){#project-page #project-facts .project-fact-value::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #fff}#project-page #project-facts .project-fact-value:last-child::before{content:"";position:absolute;left:0;top:0;bottom:-20px;border-left:1px solid #fff}}#projects-page{margin-top:120px;padding:45px 45px;padding-bottom:60px;color:#fff;max-width:1280px;margin-left:auto;margin-right:auto}#projects-page h3{overflow:hidden;margin-left:12px;margin-bottom:8px;margin-top:60px}@media only screen and (max-width:590px){#projects-page h3{font-size:1.8em}}@media only screen and (max-width:300px){#projects-page h3{font-size:1.6em}}@media only screen and (max-width:1360px){#projects-page{padding:45px 20px;padding-left:35px}}@media only screen and (max-width:880px){#projects-page{padding:45px 35px;padding-right:25px}}@media only screen and (max-width:590px){#projects-page{padding:45px 20px;padding-left:35px}}@media only screen and (max-width:460px){#projects-page{padding:45px 18px;padding-right:13px}}@media only screen and (max-width:360px){#projects-page{padding:45px 25px;padding-right:20px}}#projects-page .project-tile{width:25%;margin-bottom:16px;overflow:hidden;text-align:center}@media only screen and (max-width:1285px){#projects-page .project-tile{width:25%;margin-bottom:16px}}@media only screen and (max-width:880px){#projects-page .project-tile{width:33.33%;margin-bottom:14px}}@media only screen and (max-width:590px){#projects-page .project-tile{width:50%;margin-bottom:12px}}@media only screen and (max-width:360px){#projects-page .project-tile{width:100%;margin-bottom:10px}}#projects-page .project-tile img{width:93%;filter:saturate(.3)}@media only screen and (max-width:360px){#projects-page .project-tile img{width:100%}}#projects-page .project-tile .project-title{position:relative;left:20px}#projects-page .project-tile .project-title-container{position:absolute;left:0;right:0;bottom:-30px;background-color:#0000007a;text-align:left;padding-top:6px;padding-bottom:25px;transition:bottom .1s;padding-right:32px}#projects-page .project-tile .project-title-container.shown{bottom:-16px}#projects-page .project-tile.clickable:hover .project-title-container{bottom:-14px}#projects-page .project-tile.clickable:hover img{filter:saturate(.5)}#services-page{margin-top:120px;padding:45px 145px;padding-bottom:60px;color:#fff}#services-page #text-intro{margin-bottom:90px;text-align:center}#services-page #text-intro #text-intro-text{max-width:80%;margin:0 auto}#services-page #text-intro img{width:75%;margin-bottom:30px}#services-page #text-intro p{color:#fff;text-align:center;line-height:1.6;margin-bottom:24px}#services-page #message-section h2{font-weight:100;margin:4em 0;text-align:center}#services-page #slogan-section{display:none;margin-bottom:190px}#services-page #slogan-section h2{text-align:center;margin-bottom:45px}#services-page #text-content div{margin-bottom:45px}#services-page #text-content div h2{margin-bottom:12px}#services-page #text-content div p{line-height:1.6;margin-bottom:24px;max-width:1100px}#services-page #text-content div p:last-child{margin-bottom:0}#services-page #text-content div:last-child{margin-bottom:0}@media only screen and (min-width:1921px){#services-page{padding:45px 25%;padding-bottom:60px}#services-page #text-intro #text-intro-text{max-width:60%}}@media only screen and (min-width:1500px){#services-page #text-intro #text-intro-text{max-width:70%}}@media only screen and (max-width:1024px){#services-page{padding:45px 80px;padding-bottom:60px;margin-top:110px}#services-page #slogan-section,#services-page #text-intro{margin-bottom:145px}#services-page #text-intro #text-intro-text{max-width:75%}}@media only screen and (max-width:960px){#services-page{padding:45px 80px;padding-bottom:40px}}@media only screen and (max-width:768px){#services-page{padding:45px 60px;padding-bottom:40px;margin-top:100px}#services-page #text-intro img{width:100%}#services-page #slogan-section,#services-page #text-intro{margin-bottom:130px}}@media only screen and (max-width:440px){#services-page{padding:45px 45px;padding-bottom:40px;margin-top:90px}#services-page #slogan-section h2{font-size:2.2em}}@media only screen and (max-width:375px){#services-page{padding:45px 40px;padding-bottom:40px;margin-top:80px}}@media only screen and (max-width:320px){#services-page{padding:45px 25px;padding-bottom:40px;margin-top:60px}#services-page h2{font-size:2.2em}#services-page #slogan-section,#services-page #text-intro{margin-bottom:95px}#services-page #text-content div{margin-bottom:0}}@media only screen and (max-height:500px){#services-page{padding:0 80px;padding-bottom:40px;margin-top:100px}#services-page #text-intro img{display:none}}#team-page{margin-top:120px;padding:45px 45px;padding-bottom:60px;color:#fff;max-width:980px;margin-left:auto;margin-right:auto}#team-page .team-member-img{height:300px;width:90%;object-fit:cover;object-position:center}@media only screen and (max-width:630px){#team-page .team-member-img{height:280px}}@media only screen and (max-width:440px){#team-page .team-member-img{height:360px}}#team-page .team-member-desc{font-size:.9em}#team-page h3{margin-bottom:16px}#team-page section{margin-bottom:110px}#team-page .team-members-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;grid-column-gap:30px;grid-row-gap:30px;margin-bottom:30px}@media only screen and (max-width:1920px){#team-page .team-members-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media only screen and (max-width:1290px){#team-page .team-members-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media only screen and (max-width:880px){#team-page .team-members-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:630px){#team-page .team-members-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:440px){#team-page .team-members-container{grid-template-columns:repeat(1,minmax(0,1fr))}}#team-page .team-member-name{font-size:1.2em;font-weight:600;margin-bottom:26px}#team-page #collegues-team-page .team-member-container:nth-child(even){margin-top:75px}@media only screen and (max-width:880px){#team-page #collegues-team-page .team-member-container:nth-child(even){margin-top:0}#team-page #collegues-team-page .team-member-container:nth-child(3n-1){margin-top:75px}}@media only screen and (max-width:630px){#team-page #collegues-team-page .team-member-container:nth-child(even){margin-top:0}#team-page #collegues-team-page .team-member-container:nth-child(3n-1){margin-top:0}}#team-page #previous-collegues-team-page h3{margin-bottom:60px}#team-page #previous-collegues-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;grid-column-gap:30px;grid-row-gap:30px;margin-bottom:30px}@media only screen and (max-width:1920px){#team-page #previous-collegues-container{grid-template-columns:repeat(5,minmax(0,1fr))}}@media only screen and (max-width:880px){#team-page #previous-collegues-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:660px){#team-page #previous-collegues-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:400px){#team-page #previous-collegues-container{grid-template-columns:repeat(1,minmax(0,1fr))}}@media only screen and (max-width:1920px){#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+2),#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+4){margin-top:35px}}@media only screen and (max-width:880px){#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+2),#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+4){margin-top:0}#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+6){grid-column:1}#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+4),#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+5){justify-self:end;text-align:right}}@media only screen and (max-width:660px){#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+2),#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+4){margin-top:0}#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+6){grid-column:unset}#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+4),#team-page #previous-collegues-container .previous-collegue-container:nth-child(5n+5){justify-self:unset;text-align:unset}}