html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}address{text-decoration:none;font-weight:normal;font-style:normal}:root{--gap-container: 3.5rem}@font-face{font-family:'Helvetica Neue Extended';src:url("../src/fonts/HelveticaNeueLTPro-HvEx.woff2") format("woff2"),url("../src/fonts/HelveticaNeueLTPro-HvEx.woff") format("woff");font-weight:900}@font-face{font-family:'Helvetica Neue LT Pro';src:url("../src/fonts/HelveticaNeueLTPro-Bd.woff2") format("woff2"),url("../src/fonts/HelveticaNeueLTPro-Bd.woff") format("woff");font-weight:bold}@font-face{font-family:'Helvetica Neue LT Pro';src:url("../src/fonts/HelveticaNeueLTPro-Lt.woff2") format("woff2"),url("../src/fonts/HelveticaNeueLTPro-Lt.woff") format("woff");font-weight:300}@font-face{font-family:'Helvetica Neue LT Pro';src:url("../src/fonts/HelveticaNeueLTPro-Roman.woff2") format("woff2"),url("../src/fonts/HelveticaNeueLTPro-Roman.woff") format("woff");font-weight:normal}*{font-family:'Helvetica Neue LT Pro', sans-serif;font-weight:300;letter-spacing:0.3px}h1{font-family:'Helvetica Neue Extended';font-size:65px;margin-bottom:10px}strong{font-weight:bold}#wrapper{box-sizing:border-box;display:grid;grid-template-columns:repeat(11, 1fr);grid-template-rows:1fr;align-items:center;column-gap:35px;padding:150px var(--gap-container) 0;position:relative;z-index:-2}.grid-element{grid-column:2/span 4;width:100%;margin-bottom:250px}.grid-element:nth-of-type(even){grid-column:7/span 4}.grid-element:first-of-type{margin-bottom:75px}*{color:#F7F7F7}#preloader{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:999;transition:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s}#preloader #preloader-content{position:absolute;top:0;left:0;height:100%;width:100%;background:#F7F7F7}#preloader #preloader-content #progress{font-family:'Helvetica Neue Extended';font-size:150px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#919191;line-height:0;z-index:9}#preloader #preloader-content #progressbar{position:absolute;top:0;left:0;width:100%;height:0;background:#1C1C1C;z-index:99;mix-blend-mode:multiply}#preloader.hide{transform:translateY(-100%)}.underlay{position:fixed;z-index:100}.underlay .layer{position:absolute;top:0;left:0;width:100vw;height:100vh;transition:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;opacity:.6;transform:translateY(0)}.underlay .layer:nth-of-type(1){background:#272727}.underlay .layer:nth-of-type(1).hide{transform:translateY(-100%);transition-delay:.2s}.underlay .layer:nth-of-type(2){background:#1C1C1C}.underlay .layer:nth-of-type(2).hide{transform:translateY(-100%);transition-delay:.3s}.underlay .layer:nth-of-type(3){background:#272727}.underlay .layer:nth-of-type(3).hide{transform:translateY(-100%);transition-delay:.4s}.underlay.preloader-underlay .layer:nth-of-type(1).hide{transition-delay:.7s}.underlay.preloader-underlay .layer:nth-of-type(2).hide{transition-delay:.9s}.underlay.preloader-underlay .layer:nth-of-type(3).hide{transition-delay:1s}.underlay.landing-underlay{z-index:-1}body{position:relative;z-index:1}#main-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--gap-container) 0;box-sizing:border-box;z-index:99}#main-header #logo-box svg{height:40px}#main-header #logo-box svg .st0{transition:fill .5s ease-in-out;fill:#fff}#main-header #link-box{display:flex}#main-header #link-box a{transition:color .5s ease-in-out;font-weight:bold;position:relative}#main-header #link-box a:hover{color:#919191}#main-header #link-box a.small-header{display:none}#main-header #header-line{position:relative;height:1px;width:100%;background:#838383;margin:0 3.5rem}#main-header.hide #logo-box svg .st0{fill:#1C1C1C}#main-header.hide #link-box a{color:#1C1C1C}#landing-area{background:#1C1C1C;min-width:100vw;min-height:100vh;display:flex;position:fixed;top:0;left:0;transition:top 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;z-index:9}#landing-area.closed{top:-100%}#sidebar{flex-grow:1;background:#272727;display:flex}#sidebar.open{transform:translateX(0px)}#sidebar-content{padding:7rem var(--gap-container);align-self:end;margin-top:auto}#sidebar-content address{font-size:.8rem}#sidebar-content address ul{line-height:1.6}#sidebar-content address ul li{margin-bottom:1rem;color:#919191}#sidebar-content address ul li a{color:#919191;transition:color .25s ease-in-out}#sidebar-content address ul li a i{margin-right:5px;transition:color .25s ease-in-out}#sidebar-content address ul li a i:hover{color:#919191}#sidebar-content address ul li a:hover{color:#F7F7F7}#sidebar-content address ul li:last-of-type{margin-bottom:0}#landing-box{padding:7rem var(--gap-container);flex-grow:6;display:flex;justify-content:center}#landing-content{align-self:end;margin-top:auto}#landing-content h1{font-size:calc(24px + (150 - 24) * ((100vw - 150px) / (2560 - 280)));margin-bottom:2.5rem;display:inline-block;text-align:center}.button{width:200px;display:inline-block;padding:1.2rem 0;position:relative;transition:background .25s ease-in-out 0.1s}.button strong{display:inline-block;position:relative;transition:transform .5s, margin-left .5s ease-in-out}.button::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#919191;transition:all 1s ease-in-out}.button:hover{background:#272727}.button:hover strong{transform:translateX(-50%);margin-left:50%}.button:hover::after{width:0%}#wrapper h1{color:#1C1C1C;font-size:calc(24px + (150 - 24) * ((100vw - 150px) / (2560 - 280)))}.work-thumbnail .thumbnail-picture{height:100%;width:100%}.work-thumbnail .thumbnail-picture img{object-fit:cover;height:100%;min-height:450px;width:100%;display:block}.work-thumbnail{cursor:pointer}.work-thumbnail:hover .thumbnail-picture{box-shadow:0px 3px 24px 0px rgba(0,0,0,0.15)}.work-thumbnail:hover .thumbnail-description{transform:translateY(-10px)}.thumbnail-picture{transition:box-shadow 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)}.thumbnail-description{margin-top:30px;position:relative;z-index:9;transition:transform .75s ease-in-out}.thumbnail-description h3{color:#1C1C1C;font-family:'Helvetica Neue Extended';font-size:20px;margin-bottom:5px}.thumbnail-description h5{color:#1C1C1C;font-family:'Helvetica Neue LT Pro'}.work-popup{background:#fff;width:calc(100% - 50px);margin:135px 25px;max-width:1300px}.work-popup img{display:block;width:100%}.work-popup a h3{color:#1C1C1C;text-align:center;margin:75px 0;font-size:20px;font-family:'Helvetica Neue Extended';transition:color .5s ease}.work-popup a:hover h3{color:black}.popup_background{opacity:0.9 !important;background:#adadad !important}.popup_close{position:absolute;width:25px;height:25px;top:-45px;right:0;display:inline-block;border:none;margin:0;text-decoration:none;background:rgba(255,255,255,0.25);color:#1C1C1C;font-family:sans-serif;font-size:15px;line-height:1;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;transition:background 0.5s ease}.popup_close:hover{background:rgba(255,255,255,0.55)}footer{display:flex;width:100%;justify-content:space-between;box-sizing:border-box;padding:0 var(--gap-container);margin:75px 0 35px 0;font-size:12px}footer p{color:#1C1C1C}footer p b{color:#1C1C1C;font-weight:bold}footer p a{color:#1C1C1C;transition:color .5s ease}footer p a:hover{color:black}.imprint{background:#fff;width:calc(100% - 50px);margin:135px auto;max-width:800px;color:#1C1C1C}.imprint h2{color:#1C1C1C;margin-bottom:25px;font-family:'Helvetica Neue Extended';font-size:40px}.imprint h3{color:#1C1C1C;margin-bottom:15px;font-family:'Helvetica Neue Extended'}.imprint p{color:#1C1C1C;margin-bottom:45px;font-size:14px;line-height:1.6}.imprint a{color:#1C1C1C}.imprint strong{color:black;font-weight:bold}.imprint address{text-align:left;color:#1C1C1C;font-size:14px;line-height:1.6;margin-bottom:45px}#iframe-wrapper{background:#fff;height:100vh;width:100vw;position:relative;display:flex;align-content:center;justify-content:center}#iframe-prvw{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}#iframe-prvw address{text-align:center;color:#1c1c1c;width:100%}#iframe-prvw address a{text-decoration:underline;color:#1c1c1c}#iframe-wrapper iframe{background:#fff;box-shadow:0px 0px 58px 8px rgba(0,0,0,0.15);height:834px;width:1112px}@media only screen and (max-width: 1200px){.work-thumbnail .thumbnail-picture img{min-height:350px}.work-popup{max-width:850px}}@media only screen and (max-width: 1300px){#iframe-prvw{scale:0.8}}@media only screen and (max-width: 850px){.grid-element{grid-column:2/span 9;margin-bottom:220px}.grid-element:nth-of-type(even){grid-column:2/span 9}#iframe-prvw{scale:0.5}}@media only screen and (max-width: 791px){#sidebar{width:200px !important;height:100% !important;position:fixed;top:0;z-index:99;transform:translateX(-200px);transition:transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s}#logo-box.color svg .st0{fill:#F7F7F7 !important}#link-box a{display:none}#link-box a.small-header{display:initial !important}}@media only screen and (max-width: 550px){:root{--big-side-mar: 1.5rem;--gap-container: 15px}footer{flex-wrap:wrap}footer p{margin-top:15px}#header-line{margin:0 15px !important}#logo-box svg{height:25px !important}#wrapper{column-gap:0}.grid-element{grid-column-start:1;grid-column-end:12;margin-bottom:220px}.grid-element:nth-of-type(even){grid-column-start:1;grid-column-end:12}}