a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after{content:"";display:block;clear:both}img{width:100%;max-width:100%}@font-face{font-family:'Nobel-Reg';src:url("../webfonts/N041W13T.eot");src:url("../webfonts/N041W13T.eot?#iefix") format("embedded-opentype"),url("../webfonts/N041W13T.woff") format("woff"),url("../webfonts/N041W13T.svg") format("svg"),url("../webfonts/N041W13T.ttf") format("truetype");font-weight:normal;font-style:normal}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}body{font-family:"Nobel-Reg", sans-serif;font-style:Normal;font-weight:Normal;letter-spacing:0.04em;overflow-x:hidden;font-size:1.3rem;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 64rem){body{font-size:1.2rem}}@media screen and (max-width: 58.5rem){body{font-size:1rem}}@media screen and (max-width: 51rem){body{font-size:1rem;margin-top:2.5rem}}@media screen and (max-width: 51rem){body.projects{margin-top:0}}@media screen and (max-width: 51rem){body.openNav{margin-top:4rem}}@media screen and (max-width: 24rem){body.openNav{margin-top:6rem}}a{transition:color 0.2s ease-in-out}a:link,a:visited{color:inherit;text-decoration:none}a:hover,a:active{color:#000}@media screen and (max-width: 24rem){a:hover,a:active{color:inherit}}a:focus{outline:none}#content{background:white;padding:75px;padding-top:85px;transition:padding 0.1s ease-in-out;width:100%;position:absolute;min-height:95vh}@media screen and (min-width: 1500px){#content{padding:100px}}@media screen and (min-width: 2000px){#content{padding:125px}}@media screen and (min-width: 2500px){#content{padding:150px}}@media screen and (max-width: 75rem){#content{padding:58px}}@media screen and (max-width: 64rem){#content{padding:46px}}@media screen and (max-width: 51rem){#content{padding:15px}}@media screen and (min-width: 156rem){#content{padding-left:20rem;padding-right:20rem}}.start #content{padding-top:80px;padding-left:12rem;padding-right:12rem}@media screen and (max-width: 90rem){.start #content{padding-top:80px;padding-left:8rem;padding-right:8rem}}@media screen and (max-width: 75rem){.start #content{padding-top:60px;padding-left:6.5rem;padding-right:6.5rem}}@media screen and (max-width: 64rem){.start #content{padding-top:48px;padding-left:5rem;padding-right:5rem}}@media screen and (max-width: 58.5rem){.start #content{padding-top:3rem;padding-left:15px;padding-right:15px}}@media screen and (max-width: 51rem){.start #content{padding-top:0.7rem}}@media screen and (min-width: 156rem){.start #content{padding-left:20rem;padding-right:20rem}}.page #content{width:100%;height:1rem;background:white;padding:0}@media screen and (min-width: 1200px){.page #content{padding-top:30px}}@media screen and (max-width: 58.5rem){.page #content{opacity:1}}.page #content .pageSlide,.page #content .singlePage{position:absolute;padding:75px;width:100vw;left:100vw;opacity:0;transition:left 0.4s ease-in-out;height:0}@media screen and (min-width: 1100px){.page #content .pageSlide,.page #content .singlePage{padding-top:100px}}@media screen and (min-width: 1500px){.page #content .pageSlide,.page #content .singlePage{padding:100px}}@media screen and (min-width: 2000px){.page #content .pageSlide,.page #content .singlePage{padding:125px;padding-top:100px}}@media screen and (min-width: 2500px){.page #content .pageSlide,.page #content .singlePage{padding:150px;padding-top:100px}}@media screen and (max-width: 75rem){.page #content .pageSlide,.page #content .singlePage{padding:100px 60px}}@media screen and (max-width: 64rem){.page #content .pageSlide,.page #content .singlePage{padding:75px 46px 46px 46px}}@media screen and (max-width: 51rem){.page #content .pageSlide,.page #content .singlePage{padding:calc(15px * 2);position:relative;left:0;height:auto;opacity:1;margin-bottom:10px;padding-bottom:40px;border-bottom:1px solid #ccc}}.page #content .pageSlide:last-child,.page #content .singlePage:last-child{border-bottom:none !important}.page #content .pageSlide.active,.page #content .pageSlide.seen,.page #content .singlePage.active,.page #content .singlePage.seen{left:0;opacity:1;height:auto}.page #content .pageSlide.seen,.page #content .singlePage.seen{left:-100%}@media screen and (max-width: 51rem){.page #content .pageSlide.seen,.page #content .singlePage.seen{left:0}}.page #content .pageSlide .pageInviewTrigger,.page #content .singlePage .pageInviewTrigger{position:absolute;top:50vh;bottom:50vh;width:1px}.page #content .pageSlide#contactContent,.page #content .singlePage#contactContent{padding-bottom:50px}.page #content .singlePage{position:static;opacity:1;height:auto}.page{overflow-y:scroll}#mainLogo{position:absolute;z-index:100;left:0;width:100%;margin:auto;top:1.3rem;transition:opacity 0.1s ease-in-out 0.4s}#mainLogo a:hover svg{fill:#000}@media screen and (max-width: 75rem){#mainLogo{top:0.75rem}}@media screen and (max-width: 64rem){#mainLogo{top:0.35rem}}@media screen and (max-width: 51rem){#mainLogo{top:0.25rem;opacity:1}.projects #mainLogo{opacity:0}}@media screen and (max-width: 51rem){.start #mainLogo{opacity:1;pointer-events:all}}.openNav #mainLogo{pointer-events:none} #mainLogo a{display:block;margin:auto;width:11.56rem;height:1.6rem;position:relative;opacity:1 !important;padding:0.5rem 1rem;box-sizing:content-box} @media screen and (max-width: 75rem){#mainLogo a{width:7.93rem;height:1.1rem;}} @media screen and (max-width: 51rem){#mainLogo a{width:6.8rem;height:0.946rem;}} #mainLogo svg{width:100%;height:100%;display:block;transition:fill 0.1s ease-in-out} .openNav #mainLogo{opacity:0;transition:opacity 0.1s ease-in-out 0s;pointer-events:none}#centeredLogo{position:fixed;z-index:16;left:0;right:0;top:0;bottom:100vh;background:#F8F8F8;transition:opacity 0.2s ease-in-out 0.2s;opacity:0}#centeredLogo .inner{position:fixed;width:100%;top:50vh;margin-top:-2.5rem;line-height:1;text-align:center;pointer-events:none}#centeredLogo .openNav{opacity:0;transition:opacity 0.2s ease-in-out}#centeredLogo .step1{height:2.5rem;text-transform:uppercase;opacity:0}@media screen and (max-width: 51rem){#centeredLogo .step1{height:2.2rem}}@media screen and (max-width: 35rem){#centeredLogo .step1{height:1.8rem}}#centeredLogo .step1 svg{height:100%}#centeredLogo .step1 svg polygon,#centeredLogo .step1 svg path{fill:#000}#centeredLogo .step2{font-size:2.0rem;margin-top:-2.2rem;opacity:0;letter-spacing:0.025em}@media screen and (max-width: 51rem){#centeredLogo .step2{margin-top:-2rem;font-size:1.8rem}}@media screen and (max-width: 35rem){#centeredLogo .step2{margin-top:-1.6rem;font-size:1.5rem}}.start.showIntro nav{-webkit-animation:navBgAnimation 2.5s;animation:navBgAnimation 2.5s}.start.showIntro #centeredLogo{-webkit-animation:centeredLogoAnimation 2.5s;animation:centeredLogoAnimation 2.5s}.start.showIntro .step1{-webkit-animation:step1 2.5s;animation:step1 2.5s}.start.showIntro .step2{-webkit-animation:step2 2.5s;animation:step2 2.5s}.start.showIntro .featuredProject .projectTitle{-webkit-animation:projectTitle 2.5s;animation:projectTitle 2.5s}.start.showIntro #menu{-webkit-animation:navBgAnimation 2.5s;animation:navBgAnimation 2.5s}@-webkit-keyframes navBgAnimation{0%, 80%{opacity:0}80.1%{opacity:1}}@keyframes navBgAnimation{0%, 80%{opacity:0}80.1%{opacity:1}}@-webkit-keyframes centeredLogoAnimation{0%{opacity:1;bottom:0}80%{opacity:1}100%{opacity:0;bottom:0}}@keyframes centeredLogoAnimation{0%{opacity:1;bottom:0}80%{opacity:1}100%{opacity:0;bottom:0}}@-webkit-keyframes step1{0%, 35%{opacity:1}35.1%, 100%{opacity:0}}@keyframes step1{0%, 35%{opacity:1}35.1%, 100%{opacity:0}}@-webkit-keyframes step2{0%, 35%, 100%{opacity:0}35.1%, 80%{opacity:1}}@keyframes step2{0%, 35%, 100%{opacity:0}35.1%, 80%{opacity:1}}@-webkit-keyframes projectTitle{0%, 80%{opacity:0}100%{opacity:1}}@keyframes projectTitle{0%, 80%{opacity:0}100%{opacity:1}}.featuredProject{position:relative;margin-bottom:0;overflow:hidden;margin-left:auto;margin-right:auto;transition:width 0.2s ease-in-out}@media screen and (min-aspect-ratio: 16 / 12){.featuredProject{width:90%}}@media screen and (min-aspect-ratio: 16 / 10){.featuredProject{width:78%}}@media screen and (min-aspect-ratio: 16 / 9){.featuredProject{width:75%}}@media screen and (min-aspect-ratio: 16 / 8){.featuredProject{width:70%}}@media screen and (min-aspect-ratio: 16 / 7){.featuredProject{width:65%}}.featuredProject a{display:block;position:static !important}.featuredProject video{height:100%;opacity:0;transition:opacity 0.3s ease-in-out;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}.featuredProject .matteLayer{background-color:black;opacity:0.4;position:absolute;top:0;left:0;width:100%;height:100%}.featuredProject.hasfeaturedText .preview .featuredText{position:absolute;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.featuredProject.hasfeaturedText .preview .featuredText .inner{margin-top:-1rem;z-index:1;font-size:2.8rem}@media screen and (max-width: 64rem){.featuredProject.hasfeaturedText .preview .featuredText .inner{font-size:2rem}}@media screen and (max-width: 51rem){.featuredProject.hasfeaturedText .preview .featuredText .inner{font-size:1.6rem}}@media screen and (max-width: 40rem){.featuredProject.hasfeaturedText .preview .featuredText .inner{font-size:1.3rem}}@media screen and (max-width: 30rem){.featuredProject.hasfeaturedText .preview .featuredText .inner{font-size:1.1rem}}@media screen and (max-width: 23rem){.featuredProject.hasfeaturedText .preview .featuredText .inner{font-size:1rem}}.featuredProject.hasfeaturedText .preview .featuredText .inner .featuredSubtext{font-size:1.3rem;margin-top:2em}@media screen and (max-width: 51rem){.featuredProject.hasfeaturedText .preview .featuredText .inner .featuredSubtext{font-size:1.1rem}}@media screen and (max-width: 40rem){.featuredProject.hasfeaturedText .preview .featuredText .inner .featuredSubtext{font-size:1rem}}@media screen and (max-width: 30rem){.featuredProject.hasfeaturedText .preview .featuredText .inner .featuredSubtext{font-size:0.8rem}}@media screen and (max-width: 23rem){.featuredProject.hasfeaturedText .preview .featuredText .inner .featuredSubtext{font-size:0.7rem}}.featuredProject .preview{background-color:#F8F8F8;position:relative;top:0;margin-top:4.3rem;height:50vw;transition:transform 0.6s ease-in-out, opacity 0.6s ease-in-out}@media screen and (max-width: 75rem){.featuredProject .preview{margin-top:3.5rem}}@media screen and (max-width: 64rem){.featuredProject .preview{margin-top:2.7rem}}.featuredProject .preview.playingSelfHosted{background-image:none !important}.featuredProject .preview.clicked{-webkit-transform:scale(1.06);transform:scale(1.06);-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0}.featuredProject .preview:hover .viewProject{color:black}.featuredProject .preview .featuredText{color:white;text-align:center}.featuredProject .preview .featuredText .date{color:#000;font-size:80%;margin-bottom:1rem}.featuredProject .preview iframe{padding-bottom:3.7rem}@media screen and (max-width: 64rem){.featuredProject .preview iframe{padding-bottom:3.6rem}}@media screen and (max-width: 58.5rem){.featuredProject .preview iframe{padding-bottom:2.6rem}}.featuredProject.hasfeaturedImage .preview{height:auto}.featuredProject.hasfeaturedImage .preview img{display:block}.featuredProject a:link,.featuredProject a:visited,.featuredProject a:hover,.featuredProject a:active{color:inherit}.projectTitle{position:absolute;top:0;left:0 !important;right:0 !important;z-index:11;width:100% !important;text-align:center;padding:0;display:block;opacity:1;margin-bottom:15rem}@media screen and (max-width: 51rem){.projectTitle{height:auto}}.projectTitle .inner{background:white;margin-top:0;transition:color 0.2s;padding:1.3rem 0;width:100%}@media screen and (max-width: 75rem){.projectTitle .inner{padding:0.88rem 0}}@media screen and (max-width: 64rem){.projectTitle .inner{padding:0.55rem 0}}@media screen and (max-width: 58.5rem){.projectTitle .inner{padding:0.7rem 0}} .projectTitle .plus{color:#d4d4d4;margin-left:0.2em;height:1.4em;width:0.8rem;display:inline-block;vertical-align:bottom;transition:transform 0.3s, opacity 0.3s 0.3s} @media screen and (max-width: 58.5rem){.projectTitle .plus{height:1.2em}} .projectTitle .plus svg path{transition:fill 0.3s;fill:none;stroke:#aaa;stroke-linecap:round;stroke-linejoin:round} .videoPlaying .featuredProject .projectTitle{pointer-events:none}.c-hamburger{display:block;position:fixed;z-index:201;overflow:hidden;margin:0;padding:12px;width:calc(6px*3);height:12px;left:14px;top:22px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:0;border:none;cursor:pointer;background:transparent;box-sizing:content-box}.c-hamburger:focus{outline:none}@media screen and (max-width: 75rem){.c-hamburger{top:12px;left:7px}}@media screen and (max-width: 64rem){.c-hamburger{top:4px;left:2px}}@media screen and (max-width: 58.5rem){.c-hamburger{top:4px}}@media screen and (max-width: 51rem){.c-hamburger{top:2px;left:2px;transition:none}}.c-hamburger.nav-up{top:-100px}.c-hamburger:hover span{background:#000}@media screen and (max-width: 51rem){.c-hamburger:hover span{background:black}}.c-hamburger:hover span::before,.c-hamburger:hover span::after{background:#000}@media screen and (max-width: 51rem){.c-hamburger:hover span::before,.c-hamburger:hover span::after{background:black}}.c-hamburger span{display:block;position:absolute;top:calc( 6px * 3 );left:12px;right:12px;height:1px;background:black;transition:background 0.1s 0s}@media screen and (max-width: 51rem){.c-hamburger span{transition:none}}.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:1px;background-color:black;content:"";transition-duration:.3s,.3s,0.1s;transition-delay:.3s,0s,0s}@media screen and (max-width: 51rem){.c-hamburger span::before,.c-hamburger span::after{transition:none !important}}.c-hamburger span::before{top:-6px;transition-property:top, transform, background}.c-hamburger span::after{bottom:-6px;transition-property:bottom, transform, background}@media screen and (max-width: 51rem){.c-hamburger.is-active{left:auto;right:2px}}.c-hamburger.is-active span{background-color:transparent}.c-hamburger.is-active span::before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger.is-active span::after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger.is-active span::before,.c-hamburger.is-active span::after{transition-delay:0s,.3s,0s}nav{opacity:1;background:#F8F8F8;padding:calc(22px + 8px) 75px calc(22px + 11px) 75px;position:fixed;top:0;left:0;right:0;height:80px !important;z-index:15;box-sizing:border-box;transition:background-color 0.3s ease-in-out, top 0.3s ease-in-out}nav .inner{opacity:0;transition:opacity 0.5s ease-in-out;pointer-events:none}@media screen and (min-width: 1500px){nav{padding-left:100px;padding-right:100px}}@media screen and (min-width: 2000px){nav{padding-left:125px;padding-right:125px}}@media screen and (min-width: 2500px){nav{padding-left:150px;padding-right:150px}}@media screen and (max-width: 75rem){nav{height:60px !important;padding:calc(22px - 1px) 58px 22px 58px}}@media screen and (max-width: 64rem){nav{height:48px !important;padding:14px 46px calc(18px - 2px) 44px}}@media screen and (max-width: 51rem){nav{height:40px !important;padding-top:9px;padding-bottom:13px;padding-left:calc(15px * 2);opacity:1}nav .linklist{-webkit-column-count:3;-moz-column-count:3;column-count:3}}nav .linklist{pointer-events:none}@media screen and (max-width: 24rem){nav .linklist{-webkit-column-count:2;-moz-column-count:2;column-count:2}}nav.nav-up{top:-4.5rem}@media screen and (max-width: 24rem){nav.nav-up{top:-6.1rem}}@media screen and (min-width: 51rem){nav.nav-up{top:0}}.openNav nav{z-index:17;background:#F8F8F8}.openNav nav .inner{opacity:1;pointer-events:all}.openNav nav .linklist{pointer-events:all;max-height:none}@media screen and (max-width: 51rem){.openNav nav{height:4.2rem !important;z-index:20}}@media screen and (max-width: 24rem){.openNav nav{height:6rem !important}}.openNav nav a{opacity:1}nav .linklist{display:inline-block}nav a{padding-right:1rem;transition:color 0.2s ease-in-out, opacity 0.1s ease-in-out, padding 0.1s ease-in-out}@media screen and (max-width: 835px) and (min-width: 51rem){nav a{padding-right:0.75rem}}@media screen and (max-width: 1030px) and (min-width: 1024px){nav a{padding-right:0.8rem}}nav a.active span{color:#000;border-bottom:1px solid black}@media screen and (max-width: 51rem){nav a{display:block;line-height:1.6;padding-right:3em;padding-left:1px;opacity:0}}@media screen and (max-width: 24rem){nav a{padding-right:1.5em}}nav .logo{float:right;height:1rem;position:relative}@media screen and (max-width: 51rem){nav .logo{display:none}}nav .logo #labvert,nav .logo h2{display:inline-block}nav .logo #labvert,nav .logo #labvert-green{padding-right:0.5rem;height:100%;max-width:7rem;opacity:1;transition:opacity 0.3s ease-in-out}@media screen and (max-width: 64rem){nav .logo #labvert,nav .logo #labvert-green{height:95%}}@media screen and (max-width: 58.5rem){nav .logo #labvert,nav .logo #labvert-green{height:90%}}nav .logo #labvert polygon,nav .logo #labvert path,nav .logo #labvert-green polygon,nav .logo #labvert-green path{fill:#000}nav .logo #labvert-green{opacity:0;position:absolute;top:2px;left:0;z-index:1}@media screen and (max-width: 58.5rem){nav .logo #labvert-green{top:0}}nav .logo #labvert-green path{fill:#000}nav .logo a{padding-right:0}nav .logo a:hover #labvert{opacity:0}nav .logo a:hover #labvert-green{opacity:1}.play{position:absolute;top:50%;left:50%;height:3.2rem;width:3.2rem;margin-top:calc((-3.2rem / 2));margin-left:calc(-3.2rem / 2);transition:height 0.2s ease-in-out, width 0.2s ease-in-out, margin 0.2s ease-in-out;cursor:pointer;z-index:10}.featuredProject .play{margin-top:calc((-3.2rem / 2) - 2rem)}@media screen and (max-width: 51rem){.featuredProject .play{margin-top:calc(-3.2rem / 2)}}@media screen and (max-width: 51rem){.videoFromPlattform .play{display:none}}.playing .play{display:none !important}.play .kreis,.play .dreieck{transition:fill 0.2s ease-in-out}.play .kreis{fill:#fff}.play .dreieck{fill:#000}.play:hover .kreis{fill:#000}.play:hover .dreieck{fill:#fff}#overlay .play{margin-top:calc((-3.2rem / 2) - 1.5rem )}.showInOverlay .play{transform:scale(0.8)}.downloadForm input[type="checkbox"]{display:none}.downloadForm button{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.videoFromPlattform iframe{z-index:-1}@media screen and (max-width: 51rem){.videoFromPlattform iframe{z-index:1}}.videoFromPlattform.playing iframe{z-index:1}#overlay .moodBoardElement.videoFromPlattform:hover{cursor:pointer !important}#overlay .moodBoardElement.videoFromPlattform:hover .play .kreis{fill:#000}#overlay .moodBoardElement.videoFromPlattform:hover .play .dreieck{fill:#fff}@media screen and (max-width: 29rem){.moodBoardElement .play{opacity:0;animation:fadeInPlay 0.3s linear 1s 1 forwards}}@keyframes fadeInPlay{from{opacity:0}to{opacity:1}}.viewProject{position:absolute;top:50%;margin-top:0.4rem;left:0;width:100%;text-align:center;color:white;font-size:0.8em}.viewProject .inner{display:inline-block;padding:0.8rem 0.3rem;border-top:2px solid white}.playingSelfHosted .viewProject{display:none}iframe,.closeVideoBtn,.closeSelfHostedVideoBtn{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.closeVideoBtn,.closeSelfHostedVideoBtn{z-index:10;width:3rem;height:3rem;cursor:pointer;top:2px;right:2px;left:auto;padding:0.5rem}@media screen and (max-width: 51rem){.closeVideoBtn,.closeSelfHostedVideoBtn{padding:0.7rem;top:-2px;right:-2px}}.closeVideoBtn .kreis,.closeVideoBtn .kreuz,.closeSelfHostedVideoBtn .kreis,.closeSelfHostedVideoBtn .kreuz{transition:fill 0.2s ease-in-out;pointer-events:none}.closeVideoBtn .kreis,.closeSelfHostedVideoBtn .kreis{fill:#FFFFFF}.closeVideoBtn .kreuz,.closeSelfHostedVideoBtn .kreuz{stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10}.closeVideoBtn:hover .kreis,.closeSelfHostedVideoBtn:hover .kreis{fill:#000000}.closeVideoBtn:hover .kreuz,.closeSelfHostedVideoBtn:hover .kreuz{stroke:#ffffff}.project{position:relative;padding:75px;padding-top:calc(120px);padding-bottom:calc(120px - 10px);border-bottom:1px solid #ccc;transition:padding 0.2s ease-in-out}.project:first-child{margin-top:0}.project:last-child{margin-bottom:0;border-bottom:0}@media screen and (min-width: 93rem){.project{padding:100px;padding-top:calc(75px + 80px - 20px);padding-bottom:calc(75px + 80px - 30px)}}@media screen and (min-width: 125rem){.project{padding:12rem;padding-top:calc(75px + 80px - 20px);padding-bottom:calc(75px + 80px - 30px)}}@media screen and (min-width: 156rem){.project{padding:20rem;padding-top:calc(75px + 80px - 20px);padding-bottom:calc(75px + 80px - 30px)}}@media screen and (max-width: 64rem){.project{padding:46px;padding-top:80px}}@media screen and (max-width: 58.5rem){.project{padding:15px;padding-top:80px}}@media screen and (max-width: 51rem){.project{padding-top:95px;padding-bottom:0;margin-bottom:0;border-bottom:none}}.project .projectInviewTrigger{position:absolute;top:50vh;bottom:50vh;width:1px}.project .moodBoard{min-height:50vh}.project .moodBoard:last-child{border-bottom:none}.project .moodBoard .showMoreButton{display:none;background:black;width:100%;color:white;border:none;padding:0.4rem;font-family:"Nobel-Reg", sans-serif;position:relative;letter-spacing:0.06em;cursor:pointer;font-size:0.7rem}@media screen and (max-width: 51rem){.project .moodBoard .showMoreButton{display:block}}.project .moodBoard .showMoreButton::after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjQ5IDcuNDkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojYWFhO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNS4zNSw4LjEzaDYuNDlNOC42LDExLjM4VjQuODgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ljg1IC00LjM4KSIvPjwvc3ZnPg==");position:absolute;right:0.4rem;color:#F8F8F8;width:0.7rem;height:0.7rem;margin-top:1px}.project .moodBoard.showMore .showMoreButton::after{content:'';background:#aaa;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;height:1px;margin-top:6px}.project .moodBoard .moodBoardElement{position:relative;margin-bottom:1rem;transition:transform 0.2s ease-out, width 0.5s ease-out;cursor:pointer;background-color:#fafafa}.project .moodBoard .moodBoardElement:first-child,.project .moodBoard .moodBoardElement.inFirstRow{margin-top:1.5rem}.project .moodBoard .moodBoardElement:first-child.width-8{margin-top:2rem;margin-bottom:1.5rem}@media screen and (max-width: 51rem){.project .moodBoard .moodBoardElement{width:100% !important;margin:0 auto 0.5rem auto !important;float:none !important}.project .moodBoard .moodBoardElement:nth-child(n+4){opacity:0;max-height:0;margin-bottom:0 !important;letter-spacing:0.05em;pointer-events:none;transition:opacity 0.2s ease-in-out, max-height 0.2s ease-in-out}}.project .moodBoard .moodBoardElement:hover{-webkit-transform:scale(1.015);transform:scale(1.015)}.project .moodBoard .moodBoardElement.playing:hover{-webkit-transform:none;transform:none}.project .moodBoard .moodBoardElement.width-1{width:calc(100%/8)}.project .moodBoard .moodBoardElement.width-2{width:calc(100%/4)}.project .moodBoard .moodBoardElement.width-3{width:calc(100%/2.66)}.project .moodBoard .moodBoardElement.width-4{width:calc(100%/2)}.project .moodBoard .moodBoardElement.width-5{width:calc(100%/1.6)}.project .moodBoard .moodBoardElement.width-6{width:calc(100%/1.333)}.project .moodBoard .moodBoardElement.width-7{width:calc(100%/1.143)}.project .moodBoard .moodBoardElement.width-8{width:100%}.project .moodBoard .moodBoardElement.pos-left{float:left}.project .moodBoard .moodBoardElement.pos-right{float:right}.project .moodBoard .moodBoardElement.pos-center{clear:both;display:block;margin-left:auto;margin-right:auto}.project .moodBoard .moodBoardElement:last-child{margin-bottom:0}.project .moodBoard .moodBoardElement img{display:block;font-size:0.5rem;transition:opacity 0.85s ease-in-out, margin-top 0.85s ease-out}@media screen and (max-width: 51rem){.project .moodBoard .moodBoardElement img{margin-top:0}}.project .moodBoard .moodBoardElement.big{width:100%;-webkit-transform:none;transform:none}.project .moodBoard .moodBoardElement.videoFromPlattform img.hidden{opacity:0}.project .moodBoard.showMore .moodBoardElement:nth-child(n+4){opacity:1;max-height:100vh;margin-bottom:0.5rem !important;pointer-events:all}.caption{display:none;text-align:center;font-size:1.01rem;position:absolute;width:100%;left:0;bottom:-1.5rem}.projectDescription{width:100% !important;padding:0.88rem 4rem;max-height:3.5rem;overflow:hidden;position:absolute;z-index:11;transition:max-height 0.5s ease-out 0s, margin 0.1s linear 0.1s, background 0.01s ease-out 0.5s, width 0.01s ease-in-out 0.45s, left 0.01s ease-in-out 0.45s;pointer-events:all;top:calc(90px);left:0;margin-bottom:15rem;background:white}@media screen and (max-width: 75rem){.projectDescription{top:71px}}@media screen and (max-width: 64rem){.projectDescription{max-height:2.7rem;top:58px;padding-bottom:0.7rem;padding-top:0.7rem;padding-left:2rem;padding-right:2rem}}@media screen and (max-width: 51rem){.projectDescription{max-width:none;top:50px;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (max-width: 30rem){.projectDescription{padding-left:1rem;padding-right:1rem}}.projectDescription .projectTitle{position:static;transition:color 0.1s;padding-bottom:3px;text-align:center;transform:translateX(0)}@media screen and (max-width: 51rem){.projectDescription .projectTitle{transform:translateX(0)}}.projectDescription .projectTitle.overImg{color:white}.projectDescription .projectTitle .toUnderline{position:relative;vertical-align:top}.projectDescription .projectTitle .toUnderline::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:black;transition:width 0.2s ease-in-out}.projectDescription .projectTitle .toUnderline::after{bottom:-1px}@media screen and (max-width: 51rem){.projectDescription .projectTitle{position:relative !important;text-align:center;padding-left:0}}.projectDescription .projectTitle a:active{color:black}.projectDescription .cat{margin-bottom:1rem;text-align:center;letter-spacing:0.07em}.projectDescription .share{margin-top:1.2rem}.projectDescription .share span{display:inline-block}.projectDescription.open{width:30% !important;left:35%;padding-bottom:1.5rem;max-height:90vh;background:white;transition:max-height 0.5s ease-out 0s, margin 0.8s linear 0.1s, background 0.01s ease-out 0s, width 0.01s ease-in-out, left 0.01s ease-in-out;z-index:13}@media screen and (max-width: 100rem){.projectDescription.open{width:40% !important;left:30%}}@media screen and (max-width: 80rem){.projectDescription.open{width:45% !important;left:27.5%}}@media screen and (max-width: 70rem){.projectDescription.open{width:55% !important;left:22.5%}}@media screen and (max-width: 51rem){.projectDescription.open{width:60% !important;left:20%;max-height:500vh;padding-bottom:1rem}}@media screen and (max-width: 40rem){.projectDescription.open{width:100% !important;left:0}}.projectDescription.open.scroll{overflow-y:auto}.projectDescription.open .projectTitle{color:#000}.projectDescription.open .projectTitle .toUnderline::after{width:100%}.projectDescription.open .projectTitle .plus{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:transform 0.3s 0.3s, opacity 0.3s}@media screen and (max-width: 51rem){.projectDescription.open .projectTitle .plus{opacity:1}}.projectDescription.open .projectTitle .plus svg path{stroke:#000}.projectDescription.open .inner{margin-top:0.5rem;transition:margin 0.01s ease-in-out 0s}.projectDescription .inner{margin-right:auto;margin-left:auto;line-height:1.35;font-size:0.78em;margin-top:1rem;height:100%;overflow-y:auto;letter-spacing:0.03em;transition:margin 0.3s ease-in-out 0.35s}@media screen and (max-width: 51rem){.projectDescription .inner{padding:0 12px;margin-top:0.65rem;font-size:1rem}}.projectDescription .inner p{margin-bottom:1rem;text-indent:1rem}.projectDescription .inner .pressDropdown,.projectDescription .inner .creditsDropdown{margin-left:1rem}.projectDescription .inner .pressDropdown .arrow,.projectDescription .inner .creditsDropdown .arrow{height:1.7em}.projectDescription .inner .presseLinks,.projectDescription .inner .creditsContent{margin:0 0 0.5em 2.15rem}.projectDescription .inner .presseLinks p,.projectDescription .inner .creditsContent p{text-indent:0}.projectDescription .inner .presseLinks.open,.projectDescription .inner .creditsContent.open{margin:0.5em 0 0.5em 2.15rem}#pressContent h2{margin:3rem 0 1.5rem;letter-spacing:0.08em}#pressContent p{text-indent:0}#pressContent #pressNewsletterForm{margin-bottom:3.5rem}#pressContent #pressNewsletterForm input{border:none;border-bottom:1px solid black;border-radius:0;padding:0 0 3px 0;width:18em;max-width:90%;font-family:inherit;font-size:inherit;letter-spacing:inherit;vertical-align:middle;margin:0}@media screen and (max-width: 51rem){#pressContent #pressNewsletterForm input{width:14em}}#pressContent #pressNewsletterForm .formHeadline{margin-bottom:0.5rem;transition:color 0.2s ease-in-out}#pressContent #pressNewsletterForm:focus-within .formHeadline{color:#aaaaaa}#pressContent #pressNewsletterForm.hasError .tooltip{opacity:1}#pressContent #pressNewsletterForm.hasError input{border-bottom-color:#000}#pressContent #pressNewsletterForm.hasError svg .error{display:block}#pressContent #pressNewsletterForm.hasError svg .submit{display:none}#pressContent #pressNewsletterForm.hasError button{pointer-events:none}#pressContent #pressNewsletterForm.showFeedback .formHeadline{color:#aaaaaa}#pressContent #pressNewsletterForm.showFeedback .feedback{display:block}#pressContent #pressNewsletterForm.showFeedback input,#pressContent #pressNewsletterForm.showFeedback button{display:none}#pressContent #pressNewsletterForm .feedback{display:none;min-height:1.46em}#pressContent #pressNewsletterForm .tooltip{opacity:0;background:#F8F8F8;width:23.4rem;text-align:center;position:relative;transform:translateY(-120%);margin-bottom:-2.75em;padding:0.75em;font-size:0.8em;transition:opacity 0.2s ease-in-out}@media screen and (max-width: 51rem){#pressContent #pressNewsletterForm .tooltip{width:15.6rem}}#pressContent #pressNewsletterForm .tooltip:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#F8F8F8;border-width:10px;transform:translateX(-50%)}#pressContent #pressNewsletterForm button{vertical-align:middle;padding:0 5px}#pressContent #pressNewsletterForm button:hover path,#pressContent #pressNewsletterForm button:hover polyline{stroke:#aaaaaa}#pressContent #pressNewsletterForm button svg{height:1em;width:1.2em}#pressContent #pressNewsletterForm button svg path,#pressContent #pressNewsletterForm button svg polyline{fill:none;stroke-width:1.25px;stroke-miterlimit:10;stroke:black;transition:stroke 0.2s ease-in-out}#pressContent #pressNewsletterForm button .error{display:none;stroke:#000 !important}::-webkit-input-placeholder{color:#aaaaaa;transition:color 0.2s ease-in-out}::-moz-placeholder{color:#aaaaaa;transition:color 0.2s ease-in-out}:-ms-input-placeholder{color:#aaaaaa;transition:color 0.2s ease-in-out}:-moz-placeholder{color:#aaaaaa;transition:color 0.2s ease-in-out}input:focus::-webkit-input-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}.dropdown{cursor:pointer}.dropdown .arrow{font-size:0.7em;margin-right:0.4em;display:inline-block;vertical-align:bottom;padding-bottom:4px;width:0.7rem;height:1.55em}@media screen and (max-width: 51rem){.dropdown .arrow{padding-bottom:2px;height:1.4em}}.dropdown .arrow svg{transition:transform 0.3s ease-out, opacity 0.3s ease-out}.dropdown .button{display:inline-block;transition:color 0.2s;vertical-align:text-bottom;position:relative;padding:0;letter-spacing:0.04em;margin-top:0;margin-bottom:0}.dropdown .button:hover{color:#000}@media screen and (max-width: 24rem){.dropdown .button:hover{color:black}}.dropdown .button::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:black;transition:width 0.2s ease-in-out}.dropdown.open .button{color:#000}.dropdown.open .button::after{width:100%}.dropdown.open .arrow svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.projectDescription .dropdown .arrow{padding-bottom:5px}.dropdown-more{max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out, margin 0.3s ease-in-out}.dropdown-more.open{max-height:80rem}.closeDescription{position:absolute;top:12px;right:0;left:auto;display:none}.projects #content{padding:0}.projects .projectTitle{width:auto;height:auto;padding:0;margin-bottom:0}#listView{position:fixed;z-index:16;padding:5px;right:17px;transition:z-index 0.2s linear 0.4s;top:22px}@media screen and (max-width: 75rem){#listView{top:calc( 22px - 9px)}}@media screen and (max-width: 64rem){#listView{top:5px;right:15px}}@media screen and (max-width: 51rem){#listView{z-index:16;transition:z-index 0.2s linear 0s}}.openNav #listView{z-index:14} #listView .inner{background:black;color:white;font-size:0.85rem;padding:6px 6px 6px 7px;transition:color 0.2s, background 0.2s;letter-spacing:0.06em} @media screen and (max-width: 64rem){#listView .inner{font-size:0.7rem}}@media screen and (max-width: 35rem){#listView .inner{padding-top:5px;padding-bottom:5px}}#listView:hover,#listView.reverse{cursor:pointer}#listView:hover .inner,#listView.reverse .inner{background:#F8F8F8;color:black}aside{position:fixed;z-index:16;width:40vw;max-width:37rem;right:-40vw;top:0;bottom:0;background:#F8F8F8;transition:right 0.4s ease-out, padding 0.3s;padding:calc( 75px + 22px ) 0;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 58.5rem){aside{width:auto;max-width:100%;right:-100vw;z-index:210}}aside a{display:block}aside.open{right:0;padding:calc( 75px + 22px + 2px );padding-left:calc( 75px / 2)}@media screen and (max-width: 51rem){aside.open{padding:2.5rem;padding-left:2rem;padding-bottom:2rem}}@media screen and (max-width: 21rem){aside.open{width:100%}}aside #closeSidebar{position:absolute;top:calc(22px + 1px);right:calc(22px - 2px);left:auto;width:35px;height:35px;padding:0}aside #closeSidebar img{width:100%;padding:11px}@media screen and (max-width: 75rem){aside #closeSidebar{top:12px;right:12px}}@media screen and (max-width: 64rem){aside #closeSidebar{top:6px}}@media screen and (max-width: 51rem){aside #closeSidebar{top:4px;right:10px}}aside .projectList{line-height:1.3;display:inline-block;float:right}@media screen and (max-width: 51rem){aside .projectList{line-height:1.5}}aside .projectList ul{margin:0 0 1rem 1rem}@media screen and (max-width: 51rem){aside .projectList ul{margin-top:-3px}}aside .projectList ul li{margin-left:0.5rem;text-indent:-0.5rem}aside .projectList .catTitle{font-size:0.78em;color:#a9a9a9;letter-spacing:0.07em}@media screen and (max-width: 51rem){aside .projectList .catTitle{font-size:1rem}}aside .sidebarPreview{position:absolute;padding-right:22px;float:left}@media screen and (max-width: 58.5rem){aside .sidebarPreview{display:none}}.inviewTrigger{position:absolute;pointer-events:none;width:11px;margin-top:-7.9rem;height:100%}@media screen and (max-width: 51rem){.inviewTrigger{margin-top:-2.5rem}}#overlay{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:500;padding:0;background:white}@media screen and (max-width: 51rem){#overlay{overflow:hidden}}#overlay .content{background:white;padding:75px;padding-left:12rem;padding-right:12rem}@media screen and (max-width: 75rem){#overlay .content{padding-top:50px;padding-left:6.5rem;padding-right:6.5rem}}@media screen and (max-width: 64rem){#overlay .content{padding-top:40px;padding-left:5rem;padding-right:5rem}}@media screen and (max-width: 58rem){#overlay .content{padding-top:30px;padding-left:3rem;padding-right:3rem}}@media screen and (max-width: 51rem){#overlay .content{padding:0;position:absolute;top:0;left:0;width:100%;height:100%}}@media screen and (min-width: 156rem){#overlay .content{padding-left:20rem;padding-right:20rem}}#overlay .content .showMoreButton{display:none}#overlay #closeOverlay{position:fixed;right:17px;top:22px;left:auto}@media screen and (max-width: 75rem){#overlay #closeOverlay{top:13px;right:5px}}@media screen and (max-width: 64rem){#overlay #closeOverlay{top:6px}}@media screen and (max-width: 58.5rem){#overlay #closeOverlay{top:4px}}@media screen and (max-width: 51rem){#overlay #closeOverlay{right:-1px;top:2px}}@media screen and (max-width: 51rem) and (orientation: landscape){#overlay #closeOverlay{top:0;right:-5px}}#overlay.showBig .content .moodBoardElement{width:100%;margin-top:1.125rem;float:none;cursor:default;-webkit-transform:none;transform:none;position:relative}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement{margin-top:0}}#overlay.showBig .content .moodBoardElement:nth-child(2){margin-top:3rem}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement:nth-child(2){margin-top:0}}#overlay.showBig .content .moodBoardElement:hover{-webkit-transform:none;transform:none}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement{opacity:1;max-height:none;height:100%;position:absolute;top:0;left:100vw;transition:left 0.2s ease-in-out;padding:5rem 15px 3rem 15px}}@media screen and (max-width: 51rem) and (orientation: landscape){#overlay.showBig .content .moodBoardElement{padding:12px 34px}}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement.active{left:0}}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement.seen{left:-100vw}}#overlay.showBig .content .moodBoardElement.withCaption{margin-bottom:2.1rem}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement.withCaption{margin-bottom:0}}#overlay.showBig .content .moodBoardElement img{opacity:1;margin-top:0;display:block;margin-left:auto;margin-right:auto;max-width:100rem}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement img{display:none}}#overlay.showBig .content .moodBoardElement .bgImg{display:none;background-size:contain;background-repeat:no-repeat;background-position:center center;height:100%}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement .bgImg{display:block}}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement .play{margin-top:-0.6rem}}#overlay.showBig .content .moodBoardElement .closeVideoBtn{z-index:1000}@media screen and (max-width: 51rem){#overlay.showBig .content .moodBoardElement video{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}#overlay.showBig .content .caption{display:block}@media screen and (max-width: 51rem){#overlay.showBig .content .caption{bottom:3rem;width:90%;margin-left:5%;font-size:0.8rem;line-height:1.3}}@media screen and (max-width: 51rem) and (orientation: landscape){#overlay.showBig .content .caption{display:none}}#overlay.showBig .projectTitle{position:fixed;top:0 !important;left:0;max-width:none;text-align:center;margin-top:0;height:1em;box-sizing:content-box;overflow:visible;z-index:11;width:100%;margin-left:0;opacity:1;background:#F8F8F8;padding:calc(22px + 9px) 0 calc(22px + 9px);transform:none}@media screen and (max-width: 75rem){#overlay.showBig .projectTitle{padding:calc(22px) 0 22px}}@media screen and (max-width: 64rem){#overlay.showBig .projectTitle{padding:14px 0}}@media screen and (max-width: 51rem){#overlay.showBig .projectTitle{padding-top:13px;padding-bottom:13px}} #overlay.showBig .projectTitle .plus{display:none} @media screen and (max-width: 51rem) and (orientation: landscape){#overlay.showBig .projectTitle{display:none}}@media screen and (max-width: 51rem) and (orientation: landscape){#overlay.showBig{display:none}}.lastAnimation{-webkit-animation:sliderLastAnimation 0.2s;animation:sliderLastAnimation 0.2s}.firstAnimation{-webkit-animation:sliderFirstAnimation 0.2s;animation:sliderFirstAnimation 0.2s}@-webkit-keyframes sliderLastAnimation{0%, 100%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(-1rem)}}@-webkit-keyframes sliderFirstAnimation{0%, 100%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(1rem)}}@keyframes sliderLastAnimation{0%, 100%{transform:translateX(0)}50%{transform:translateX(-1rem)}}@keyframes sliderFirstAnimation{0%, 100%{transform:translateX(0)}50%{transform:translateX(1rem)}}.clientList,.pressHighlightList{position:relative;z-index:1}.clientList li,.pressHighlightList li{line-height:1.4}.clientList li img,.pressHighlightList li img{transition:opacity 0.4s ease-out;position:absolute;width:calc(100%/4);pointer-events:none;z-index:-1}.clientList li img.hidden,.pressHighlightList li img.hidden{opacity:0}.pressHighlightList,.pressPreview{display:inline-block;vertical-align:top;margin-left:1rem;margin-top:2em}@media screen and (max-width: 58.5rem){.pressHighlightList,.pressPreview{margin-left:1rem}}.pressHighlightList{margin-left:0;margin-top:0}.pressHighlightList li a{display:block;padding-right:10rem}@media screen and (max-width: 58.5rem){.pressHighlightList li a{padding-right:0}}.pressPreview{width:15vw;margin-left:-8.5rem;margin-top:0;position:relative}@media screen and (max-width: 58.5rem){.pressPreview{display:none}}.pressPreview img{position:absolute}.clientList img{position:fixed}#container{position:relative;line-height:1.3}p{text-indent:1rem;margin-bottom:1rem}.studioContentTextBlock p{margin-bottom:1.3em}.vacanciesList{margin-top:1.3em}@media screen and (max-width: 51rem){.vacanciesList{margin-top:1rem}}.vacanciesList>li{margin:1.3em 0 0 0}.vacanciesList .skills{list-style:none;margin-bottom:1.3em}.vacanciesList .skills li:before{content:"";margin-right:0.5em;margin-left:-1.45em;width:0.95em;height:2px;vertical-align:middle;display:inline-block;background:black;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.vacanciesList .description{padding-left:1.6rem;padding-bottom:0}.vacanciesList .arrow{padding-bottom:7px}@media screen and (max-width: 51rem){.vacanciesList .arrow{padding-bottom:2px}}.vacanciesList .requiredSkills{margin-top:1.3em}.aboutImg{display:block;margin:2rem 0;width:100%}#map{height:30rem;max-height:80vh;width:70%;max-width:900px;margin:4rem 0 2rem 0;clear:both}@media screen and (max-width: 75rem){#map{width:80%}}@media screen and (max-width: 64rem){#map{width:90%}}@media screen and (max-width: 58.5rem){#map{width:100%}}@media screen and (max-width: 51rem){#map{display:none}}#map .gm-style>div:nth-child(2),#map .gm-style>div:nth-child(4),#map .gm-style>div:nth-child(6),#map .gm-style>div:nth-child(8){display:none}#instagram{width:1rem;margin-bottom:-1px;height:1rem}@media screen and (max-width: 51rem){#instagram{width:0.9rem;height:0.9rem}}small{display:inline-block;width:4rem}@media screen and (max-width: 51rem){small{width:3.5rem}}.half{display:inline-block;width:50%;vertical-align:top}.half:nth-child(2){padding-right:2rem}.half:last-child{padding-left:1rem}@media screen and (min-width: 1600px){.half:last-child{padding-left:8rem}}@media screen and (min-width: 1300px){.half:last-child{padding-left:5rem}}@media screen and (max-width: 51rem){.half{width:100%;display:block;padding:0 !important;float:none}.half:last-child{margin-top:2rem}}.spalte{display:inline-block;vertical-align:top;margin-right:2.5rem;line-height:1.5}@media screen and (max-width: 51rem){.spalte{width:100%;display:block;margin-right:0;margin-bottom:1rem}}small{font-size:0.8em}#balkenoben{position:fixed;height:22px;background:#F8F8F8;width:100%;top:0;left:0;z-index:510;display:none}::-moz-selection{background:#F8F8F8}::selection{background:#F8F8F8}.sliderIndicator{display:none;position:fixed;bottom:1rem;left:0;width:100%;height:1rem;text-align:center}.sliderIndicator li{display:inline-block;height:100%;width:0.5rem;margin:0 2px}.sliderIndicator li.active svg circle{fill:#aaaaaa}.sliderIndicator svg circle{fill:none;stroke:#AAAAAA;stroke-width:0.6}@media screen and (max-width: 51rem) and (orientation: portrait){#overlay .sliderIndicator{display:block}}.target{position:absolute;top:0;left:0}.positioned .target{top:0 !important}#contactContent>.inner{min-height:90vh}@media screen and (max-width: 51rem){#contactContent>.inner{min-height:80vh}}.legalDisclaimer{font-size:0.8em;width:40.5rem;max-width:100%}.legalDisclaimer .dropdown{margin-top:1em}.legalDisclaimer .legalText{text-indent:1.2rem}.legalDisclaimer .legalText p:first-child{margin-top:1em}@media screen and (max-width: 51rem){.legalDisclaimer{margin-top:2rem}}.credits{margin-right:0;margin-top:2rem;margin-bottom:-1rem;font-size:0.8em;line-height:1.6}.credits .inner{width:32em;max-width:100%}.credits .inner .person{display:inline-block}.credits .inner .person:first-child{float:right}.credits .inner .person:last-child{float:left}@media screen and (max-width: 29rem){.credits .inner .person:first-child,.credits .inner .person:last-child{float:none;display:block}}.clearfix:after{content:" ";display:table;clear:both}@media screen and (max-width: 58.5rem){.videoPlaying #overlay #closeOverlay{z-index:1}}.contactTitle{letter-spacing:0.07em}video{width:100%;max-width:100%}@media screen and (max-width: 51rem){video::-webkit-media-controls-start-playback-button{display:none !important}}.sk-three-bounce{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-2rem);transform:translateX(-50%) translateY(-2rem);width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.inView .sk-three-bounce{display:none}.inView .sk-three-bounce .sk-child{-webkit-animation:none;animation:none}@-webkit-keyframes sk-three-bounce{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}button{border:none;background:none;font-size:inherit;font-family:inherit;cursor:pointer}.studioImg{display:block;margin-top:1.3rem;margin-bottom:2px}@media screen and (max-width: 58rem){.studioImg{margin-top:0}}picture{display:block}.imageCaption{font-size:0.8em;margin-bottom:1.4em;color:#a9a9a9}.loading{font-size:0.78em;text-align:center;clear:both;color:#a9a9a9;transform:translateY(1rem);margin-bottom:1rem;transition:opacity 0.3s ease-in-out 2s}@media screen and (max-width: 51rem){.loading{font-size:1rem}}.imagesFetched .loading{opacity:0}#studioContent h2{letter-spacing:0.07em}#studioContent .studioContentTextBlock{word-spacing:1px}.additionalInfo{margin-top:1.3em}.additionalInfo p{text-indent:0;margin-bottom:1.3em}.additionalInfo p:last-child{margin-bottom:0}.jobImage{display:block;margin-top:2rem;margin-bottom:0.5rem;width:80%}@media screen and (max-width: 29rem){.jobImage{width:100%}}.wordSpacing{word-spacing:1px}.flexbox{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start}.cc-window{font-family:inherit;z-index:15;font-size:0.78em}@media screen and (max-width: 51rem){.cc-window{font-size:0.8rem}}.showIntro .cc-window{transition-delay:3s}.showIntro .cc-window.fast{transition-delay:0s}.cc-window.cc-floating{padding:1em 1.5em}.cc-message{padding-right:1em}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-message{padding-right:0}}.cc-link{opacity:1;padding:0;border-bottom:1px solid black}.cc-link:hover{border-bottom-color:transparent}.cc-btn{font-weight:normal}.cc-banner .cc-btn:last-child{min-width:6em}.pressCorner{background-color:#F8F8F8;overflow-y:scroll}.pressCorner #content{display:block;background-color:#F8F8F8;padding-left:0;padding-right:0;padding-bottom:0}@media screen and (max-width: 51rem){.pressCorner #content{padding-top:0}}@media screen and (min-width: 1500px){.pressCorner #content{padding-top:85px}} @media screen and (max-width: 51rem){.pressCorner #mainLogo a:hover svg{fill:black}.pressCorner #listView{right:4px}.pressCorner #listView .inner{font-size:0.65rem}}.pressCorner article{position:relative;max-height:calc( 4.4rem - 1px);transition:max-height 0.6s ease-in-out;overflow:hidden;border-bottom:4px solid white}@media screen and (max-width: 1200px){.pressCorner article{max-height:3.6rem}}@media screen and (max-width: 1024px){.pressCorner article{max-height:2.85rem}}.pressCorner article.open{max-height:600vh}.pressCorner article.open .arrow{transform:rotate(90deg) scale(1.25)}.pressCorner article.open .projectTitle .inner{background:white}.pressCorner article.open .abschluss{display:block}.pressCorner .projectTitle{margin-bottom:0}.pressCorner .projectTitle.is_stuck{bottom:auto !important}.pressCorner .projectTitle .inner{background:#dcdcdc;cursor:pointer;transition:background 0.4s ease-in-out, color 0.3s ease-in-out} .pressCorner .projectTitle .inner .year{text-transform: none;display:inline-block;margin-left:0.5em;color:#aaaaaa;transition:color 0.3s ease-in-out} @media screen and (max-width: 51rem){.pressCorner .projectTitle .inner .year{display:none}}.pressCorner .projectTitle:hover .inner{background:white;color:#000}.pressCorner .projectTitle:hover .inner .year{color:#000}@media screen and (max-width: 51rem){.pressCorner .projectTitle:hover .inner{background:#dcdcdc;color:black}.pressCorner .projectTitle:hover .inner .year{color:black}} .pressCorner .arrow{fill:#000;width:1rem;height:0.6rem;position:absolute;left:1.5rem;top:1.7rem;pointer-events:none;transform-origin:center center; transform: scale(1.25);} @media screen and (max-width: 1200px){.pressCorner .arrow{top:1.4rem}} @media screen and (max-width: 1024px){.pressCorner .arrow{top:1rem}} @media screen and (max-width: 51rem){.pressCorner .arrow{width:0.55rem;top:1rem;left:1rem}} .pressCorner .grid{padding-top:4.3rem;margin-left:-1px;margin-right:-1px;margin-bottom:-1px}@media screen and (max-width: 1200px){.pressCorner .grid{padding-top:3.5rem}}@media screen and (max-width: 1024px){.pressCorner .grid{padding-top:2.6rem}}.pressCorner .grid .mediaWrapper{-webkit-flex:0 1 auto;flex:0 1 auto;width:20%;outline:2px solid white;outline-offset:-1px;background:#F8F8F8;padding:2.4rem 2rem;box-sizing:border-box;height:calc( 20vw * 1.0588 );position:relative;cursor:pointer;transition:background 0.1s ease-in-out}@media screen and (max-width: 70rem){.pressCorner .grid .mediaWrapper{width:25%;height:calc( 25vw * 1.0588 )}}@media screen and (max-width: 56rem){.pressCorner .grid .mediaWrapper{width:33.3333%;height:calc( 33.333vw * 1.0588 )}}@media screen and (max-width: 37rem){.pressCorner .grid .mediaWrapper{width:50%;height:calc( 50vw * 1.0588 );padding:1.6rem 1.3rem 1.8rem}}@media screen and (min-width: 51rem){.pressCorner .grid .mediaWrapper:hover{background:#fff}}.pressCorner .grid .mediaWrapper.pressText{width:40%;padding:1.1em;overflow:hidden;font-size:1.1vw}@media screen and (min-width: 100rem){.pressCorner .grid .mediaWrapper.pressText{font-size:0.93vw}}@media screen and (max-width: 70rem){.pressCorner .grid .mediaWrapper.pressText{width:50%;font-size:0.9rem}}@media screen and (max-width: 56rem){.pressCorner .grid .mediaWrapper.pressText{width:66.666%;height:calc( 33.333vw * 1.0588 )}}@media screen and (max-width: 51rem){.pressCorner .grid .mediaWrapper.pressText{width:100%;order:-1;height:auto;font-size:0.8rem}}@media screen and (max-width: 37rem){.pressCorner .grid .mediaWrapper.pressText{font-size:0.7rem}} .pressCorner .grid .mediaWrapper.pressText .togglePressText{font-size: 1.25em; display:none;text-align:center;max-height:2.8rem;transition:max-height 0.01s ease-in-out 0.35s} .pressCorner .grid .mediaWrapper.pressText .container{height:100%;overflow:hidden} .pressCorner .grid .mediaWrapper.pressText .plus svg{width:0.85rem; height: 0.85rem;} @media screen and (max-width: 51rem){.pressCorner .grid .mediaWrapper.pressText .plus svg{width:0.5rem; height: 0.5rem;}} @media screen and (max-width: 51rem){.pressCorner .grid .mediaWrapper.pressText .togglePressText,.pressCorner .grid .mediaWrapper.pressText .container{overflow:hidden}.pressCorner .grid .mediaWrapper.pressText .togglePressText{display:block}.pressCorner .grid .mediaWrapper.pressText .container{max-height:0;transition:max-height 0.4s ease-in-out}.pressCorner .grid .mediaWrapper.pressText .plus{line-height:1;padding:5px;-webkit-transform:rotate(45deg) scale(2) translate(-5%, -7%);transform:rotate(45deg) scale(2) translate(-5%, -7%)}}.pressCorner .grid .mediaWrapper.pressText .projectName{display:none}.pressCorner .grid .mediaWrapper.pressText.open .projectName{display:block}@media screen and (max-width: 51rem){.pressCorner .grid .mediaWrapper.pressText.open .projectName{display:none}}@media screen and (max-width: 51rem){.pressCorner .grid .mediaWrapper.pressText.open{max-height:200vh;height:auto}.pressCorner .grid .mediaWrapper.pressText.open .togglePressText{max-height:0;transition:max-height 0.01s ease-in-out}.pressCorner .grid .mediaWrapper.pressText.open .container{max-height:200vh}}.pressCorner .grid .mediaWrapper .play{pointer-events:none} .pressCorner .grid .mediaWrapper.downloadTile{text-align:center;font-size:1.05vw} @media screen and (min-width: 100rem){.pressCorner .grid .mediaWrapper.downloadTile{font-size:0.93vw}} @media screen and (max-width: 70rem){.pressCorner .grid .mediaWrapper.downloadTile{font-size:0.9rem}} @media screen and (max-width: 51rem){ .pressCorner .grid .mediaWrapper.downloadTile{height:auto;padding:1.4rem 2rem;width:50%;font-size:0.8rem} .pressCorner .grid .mediaWrapper.downloadTile.fullWidth{width:100%;} .pressCorner .grid .mediaWrapper.downloadTile .downloadIcon{display:none} .pressCorner .grid .mediaWrapper.downloadTile.presseinformation{order:-3} .pressCorner .grid .mediaWrapper.downloadTile.pressRelease{order:-2} .pressCorner .grid .mediaWrapper.downloadTile.allContent{display:none} } @media screen and (max-width: 37rem){.pressCorner .grid .mediaWrapper.downloadTile{font-size:0.7rem}}.pressCorner .grid .mediaWrapper.downloadTile a:hover,.pressCorner .grid .mediaWrapper.downloadTile a:active{color:black}.pressCorner .grid .mediaWrapper.downloadTile a,.pressCorner .grid .mediaWrapper.downloadTile form{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.pressCorner .grid .abschluss{position:absolute;bottom:0;left:0;right:0;height:2px;background:white;display:none}.pressCorner .grid.noPdfs .pressText{order:1000}@media screen and (max-width: 70rem){.pressCorner .grid.noPdfs .pressText{order:initial}}@media screen and (max-width: 51rem){.pressCorner .grid.noPdfs .pressText{order:-1}}.pressCorner .meta{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:1.3em;width:100%}@media screen and (max-width: 51rem){.pressCorner .meta .langSwitcher{margin-top:1px}}.pressCorner .meta .langSwitcher a{color:#aaaaaa;cursor:pointer}.pressCorner .meta .langSwitcher a:hover{color:#000}@media screen and (max-width: 51rem){.pressCorner .meta .langSwitcher a:hover{color:#aaa !important}}.pressCorner .meta .langSwitcher a.active{color:#000 !important}.pressCorner .meta .langSwitcher a span{display:none}@media screen and (max-width: 51rem){.pressCorner .meta .langSwitcher a span{display:inline}}.pressCorner .helperWrapper{height:calc( 100% - 3em );width:100%;position:relative;padding-right:0.2rem}@media screen and (max-width: 51rem){.pressCorner .helperWrapper{height:auto;padding-bottom:1em}} .pressCorner .pressTextContent{opacity:0;pointer-events:none;transition:opacity 0.4s ease-in-out;position:absolute;top:0;left:0;right:0;bottom:0} @media screen and (max-width: 51rem){.pressCorner .pressTextContent{font-size:1.25em;line-height:1.35;position:static;height:0}}.pressCorner .pressTextContent.active{opacity:1;pointer-events:all}@media screen and (max-width: 51rem){.pressCorner .pressTextContent.active{height:auto}}.pressCorner .pressTextContent p{margin-bottom:1.1em}.pressCorner .pressTextContent p:last-child{margin-bottom:0} .pressCorner .downloadIcon{width:1.5em;height:2.0em;margin-bottom:2em} .pressCorner .downloadIcon path{fill:#1d1d1b} .pressCorner .downloadIcon line{stroke:#1d1d1b;stroke-width:0.8px;fill:none}.pressCorner .imgContainer,.pressCorner .videoContainer{width:100%;height:100%}.pressCorner .imgContainer img,.pressCorner .imgContainer video,.pressCorner .videoContainer img,.pressCorner .videoContainer video{height:100%;object-fit:contain;font-family:'object-fit: contain;'}.pressCorner .clickArea{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.pressCorner .download,.pressCorner .credit{display:none}.pressCorner .mediaIndex{color:#aaaaaa;text-align:center;font-size:0.6rem;position:absolute;bottom:0.6rem;left:0;right:0}@media screen and (max-width: 51rem){.pressCorner .mediaIndex{font-size:0.45rem}}.pressCorner footer{background:#dcdcdc;padding:5.0rem 0 8rem;margin-top:-1px}@media screen and (max-width: 1200px){.pressCorner footer{margin-top:0}}.pressCorner footer h2{text-transform:uppercase;text-align:center}.pressCorner footer a:hover,.pressCorner footer a:active,.pressCorner footer a:focus{color:white}@media screen and (max-width: 51rem){.pressCorner footer a:hover{color:inherit}}.pressCorner footer .wrapper{width:100%;margin-top:3rem;-webkit-justify-content:center;justify-content:center}@media screen and (max-width: 51rem){.pressCorner footer .wrapper{display:block}}.pressCorner footer .wrapper .column{padding:0 3rem}@media screen and (max-width: 64rem){.pressCorner footer .wrapper .column{padding:0 2.5rem}}@media screen and (max-width: 51rem){.pressCorner footer .wrapper .column{padding:0 1rem;margin-top:2em}}.pressCorner #overlay{position:fixed;display:block;opacity:0;z-index:-1;pointer-events:none;transition:opacity 0.2s ease-in-out, z-index 0.01s 0.2s;background-color:rgba(0,0,0,0.9);top:81px}@media screen and (max-width: 75rem){.pressCorner #overlay{top:58px}}@media screen and (max-width: 64rem){.pressCorner #overlay{top:49px}}@media screen and (max-width: 51rem){.pressCorner #overlay{top:0;background-color:white}}.pressCorner #overlay .imgContainer,.pressCorner #overlay .videoContainer{transition:opacity 0.2s ease-in-out}.pressCorner #overlay .clickArea{display:none}.pressCorner #overlay.change .imgContainer,.pressCorner #overlay.change .videoContainer{opacity:0}.pressCorner #overlay .inner{background-color:white;position:absolute;top:15%;left:20%;right:20%;bottom:20%}@media screen and (max-width: 64rem){.pressCorner #overlay .inner{left:15%;right:15%}}@media screen and (max-width: 51rem){.pressCorner #overlay .inner{top:0;left:0;right:0;bottom:0}}.pressCorner #overlay .inner #closeOverlay{position:absolute;right:-3px;top:-1px;transition:margin 0.1s linear 0.2s}@media screen and (max-width: 51rem){.pressCorner #overlay .inner #closeOverlay{transform:scale(0.85);top:4px;right:2px}}@media screen and (min-width: 64rem){.pressCorner #overlay .inner #closeOverlay{top:0}}@media screen and (min-width: 100rem){.pressCorner #overlay .inner #closeOverlay{top:2px;right:-1px}}.pressCorner #overlay .inner .content{height:100%;overflow:hidden;padding:56px 0;background-color:#F8F8F8}.pressCorner #overlay .inner .content:not(.active){display:none}@media screen and (max-width: 51rem){.pressCorner #overlay .inner .content{padding:36px 0}}.pressCorner #overlay .inner .content.mediaContent{overflow:hidden}.pressCorner #overlay .inner .content .pressTextWrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;font-size:1.2vw}@media screen and (max-width: 80rem){.pressCorner #overlay .inner .content .pressTextWrapper{font-size:0.937rem}}.pressCorner #overlay .inner .content .pressTextWrapper .container{display:block;height:calc( 100% - 112px);width:55ch;max-width:90%;margin:56px auto}@media screen and (max-width: 51rem){.pressCorner #overlay .inner .content .pressTextWrapper .container{margin:36px auto;height:calc( 100% - 72px)}}.pressCorner #overlay .inner .content .pressTextWrapper .pressTextContent{height:auto;line-height:1.38;display:none;position:static}.pressCorner #overlay .inner .content .pressTextWrapper .pressTextContent.active{display:block} .pressCorner #overlay .inner .content .togglePressText,.pressCorner #overlay .inner .content .plus{display:none} .pressCorner #overlay .inner .content .imgContainer,.pressCorner #overlay .inner .content .videoContainer{padding-bottom:3rem;width:84%;margin-left:8%}@media screen and (max-width: 51rem){.pressCorner #overlay .inner .content .imgContainer,.pressCorner #overlay .inner .content .videoContainer{height:80%;margin-top:18%}}.pressCorner #overlay .inner .content .download{display:block;text-align:center;margin-top:-1.7rem;font-size:0.7rem}@media screen and (max-width: 51rem){.pressCorner #overlay .inner .content .download{position:absolute;bottom:2rem;margin-top:0;left:0;right:0}}.pressCorner #overlay .inner .content .download a:hover .downloadIcon path{fill:#000}.pressCorner #overlay .inner .content .download a:hover .downloadIcon line{stroke:#000}.pressCorner #overlay .inner .content .download .downloadIcon{margin-bottom:0}.pressCorner #overlay .inner .content .credit{display:block;text-align:center;position:absolute;top:0.9rem;left:3rem;right:3rem;color:#aaaaaa;font-size:0.7rem}.pressCorner #overlay .inner .content .credit .copyright,.pressCorner #overlay .inner .content .credit .name{vertical-align:top}.pressCorner #overlay .inner .content .credit .copyright{font-size:1.3em;line-height:1.3}@media screen and (max-width: 51rem){.pressCorner #overlay .inner .content .credit{top:1.05rem}}.pressCorner #overlay .inner .content .prev,.pressCorner #overlay .inner .content .next{position:absolute;top:0;bottom:0;width:30%;cursor:pointer}.pressCorner #overlay .inner .content .prev.videoControl,.pressCorner #overlay .inner .content .next.videoControl{bottom:25%}.pressCorner #overlay .inner .content .prev{left:0}.pressCorner #overlay .inner .content .prev.videoControl{top:28%}.pressCorner #overlay .inner .content .next{right:0}.pressCorner #overlay .inner .content .mediaIndex{text-align:left;width:2em;left:1rem;top:0.9rem;bottom:auto;right:auto}@media screen and (max-width: 51rem){.pressCorner #overlay .inner .content .mediaIndex{top:1.05rem;font-size:0.7rem}}.pressCorner #overlay .inner .content .meta{padding-bottom:2.6em}.pressCorner #overlay .inner .content .helperWrapper{height:auto;padding-bottom:4em}.pressCorner.showOverlay #overlay{opacity:1;pointer-events:all;z-index:20;transition:opacity 0.2s ease-in-out, z-index 0.01s}.pressCorner.showOverlay.textInOverlay #overlay #closeOverlay{margin-right:9px;transition:margin 0.01s linear 0s}#listView .inner{transition:opacity 0.2s ease-in-out}.bottom #listView .inner{opacity:0}@media screen and (max-width: 51rem){#listView .inner:hover{background:black;color:white}} ::selection{background:black; color:white;} ::-moz-selection{background:black; color:white;} .cc-window{font-family:inherit;z-index:15;font-size:0.78em}@media screen and (max-width: 51rem){.cc-window{font-size:0.8rem}}.showIntro .cc-window{transition-delay:3s}.showIntro .cc-window.fast{transition-delay:0s}.cc-window.cc-floating{padding:1em 1.5em}.cc-message{padding-right:1em}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-message{padding-right:0}}.cc-link{opacity:1;padding:0;border-bottom:1px solid black}.cc-link:hover{border-bottom-color:transparent}.cc-btn{font-weight:normal}.cc-banner .cc-btn:last-child{min-width:6em} @font-face { font-family: 'mabry'; src: url('https://sussudio.at/assets/fonts/mabry-regular-pro.woff2') format('woff2'), url('https://sussudio.at/assets/fonts/mabry-regular-pro.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'mabry'; src: url('https://sussudio.at/assets/fonts/mabry-light-pro.woff2') format('woff2'), url('https://sussudio.at/assets/fonts/mabry-light-pro.woff') format('woff'); font-weight: 300; font-style: normal; } body{ font-family: mabry, sans-serif; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-feature-settings: "ss03", "ss04", "case"; font-variant-ligatures: no-common-ligatures; } #mainLogo a { width: 11.25rem; height: 1.57rem; } @media screen and (max-width: 75rem){ #mainLogo a { width: 8.4rem; height: 1.17rem; } } @media screen and (max-width: 64rem){ #mainLogo a { width: 7.5rem; height: 1.05rem; } } @media screen and (max-width: 51rem){ #mainLogo a { width: 6.5rem; height: 0.91rem; } } @media screen and (max-width: 51rem){ .pressCorner #listView { right: 4px; } } #listView { position: fixed; z-index: 16; right: 17px; top: 18px; padding: 5px; transition: z-index 0.2s linear 0.4s; } @media screen and (max-width: 75rem){ #listView { top: 8px; } } @media screen and (max-width: 64rem){ #listView { top: 5px; right: 15px; } } @media screen and (max-width: 51rem){ #listView { z-index: 16; transition: z-index 0.2s linear 0s; } } #listView .inner { color: white; font-size: 1.1rem; letter-spacing: 0.01em; margin-right: 0.3em; line-height: 0.85; box-shadow: black 0px 0px 0px 1px; cursor: pointer; background: black; transition: opacity 0.2s ease-in-out 0s, background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; border-radius: 24px; border-width: 1px 1px 1px; border-style: solid solid solid; border-color: black black black; border-image: initial; padding: 0.45em 0.8em 0.5em; border-bottom: 1px solid black !important; } @media screen and (max-width: 64rem){ .pressCorner #listView .inner { font-size: 0.85rem; } } @media screen and (max-width: 51rem){ .pressCorner #listView .inner { font-size: 0.65rem; } } .pressCorner footer .wrapper{ margin-top: 1rem; } .pressCorner footer{ background: black; color: white; text-align: center; } .pressCorner .projectTitle .inner{ background: black; color: white; text-transform: uppercase; } .pressCorner article.open .projectTitle .inner{ color: black; } .pressCorner .downloadIcon{ transform: rotate(90deg) scale(1.1); margin-bottom: 1.5em; } .mediaIndex, .pressCorner .mediaIndex{ font-size: 0.5em; color: black; } .pressCorner footer{ font-size: 1.1rem; } .pressCorner footer h2{ letter-spacing: 0.06em; } .pressCorner .arrow{ fill: white; } .pressCorner article.open .arrow, .pressCorner article:hover .arrow{ fill: black; } .pressCorner #overlay .inner .content .imgContainer, .pressCorner #overlay .inner .content .videoContainer{ padding-bottom: 1rem; } .pressCorner #overlay .inner .content .download{ margin-top: 0; } .pressCorner #overlay .inner .content .meta .projectName{ text-transform: uppercase; }