@font-face{font-family:"Paelzer";src:url("../fonts/RTPaelzerNeue-Regular.otf")}*{margin:0;padding:0;box-sizing:border-box}article,section,nav,header,footer,figure,figcaption{display:block}html,body{height:100%;cursor:url("../images/serena_icons-01.svg") 0 23,auto}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:"Paelzer"}.left{cursor:url("../images/serena_icons-01_rev.svg") 36 23,pointer}.back-to-front-cursor{cursor:url("../images/serena_icons-02.svg") 0 13,auto}.left.back-to-front-cursor{cursor:url("../images/serena_icons-02_rev.svg") 36 13,auto}img,video{-webkit-box-shadow:none;-moz-box-shadow:3px 2px 8px 2px rgba(0,0,0,.25);box-shadow:3px 2px 8px 2px rgba(0,0,0,.25);display:block}img[src$=".png"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-filter:drop-shadow(3.5px 3.5px 2px rgba(0, 0, 0, 0.33));filter:drop-shadow(0.5rem 0.5rem 1rem 0.3rem #e23)}.mobile img[src$=".png"]{-webkit-filter:none;filter:none}a{color:#000}nav{position:absolute;top:0;width:100%;height:6rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none;text-transform:uppercase;transition:opacity .3s;z-index:50}#nav-mask{position:fixed;top:0;width:100%;opacity:1;height:6rem;background:#fff;z-index:49;-webkit-box-shadow:0px 0px 1rem rgba(0,0,0,.6);-moz-box-shadow:0px 0px 1rem rgba(0,0,0,.6);box-shadow:0px 0px 1rem rgba(0,0,0,.6);transition:opacity .2s}.invisible{opacity:0 !important}nav #back-to-top{font-size:2.15rem;letter-spacing:2px;pointer-events:auto;cursor:pointer}.info-link{width:10%;font-size:1.5rem;letter-spacing:1px;text-align:center;opacity:1;pointer-events:auto;cursor:pointer;transition:opacity .3s}nav #nav-spacer{visibility:hidden}.hidden-title #title *{opacity:0;pointer-events:none !important}.background-layer{cursor:url("../images/serena_icons-02.svg") 0 10,auto}.hidden-nav nav *{opacity:0;pointer-events:none !important}#title{position:fixed;top:0;left:0;bottom:0;display:table;width:100%;height:100%;opacity:1;transition:all .2s ease-out;z-index:5}#title-container{display:table-cell;vertical-align:middle}h1{text-align:center;font-size:12vw;font-weight:normal;line-height:.9;text-transform:uppercase}h4{text-transform:uppercase;font-weight:normal}#main-wrapper{height:100%;width:100%;position:fixed;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}#main-column{left:0;right:0;width:70%;margin:0 auto;margin-bottom:4rem}#main-column img,#main-column video{width:100%;margin-top:2vw;display:block}#main-column>div:first-child{margin-top:100vh}#toggle-target{position:fixed;top:0;left:0;width:100%;height:100%}#archive-wrapper{height:100%;width:100%;position:fixed;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0)}#archive{width:80%;margin:0 auto;position:absolute;top:0;left:0;right:0;margin-top:2rem;margin-bottom:6rem;display:flex;justify-content:space-between}.column{margin-right:5%;display:flex;flex-direction:column;justify-content:space-between;width:33%}.column:last-child{margin-right:0}.column .archive-image{position:relative;margin-bottom:1.8rem;width:100%;align-self:center}.column .archive-image:last-child{margin-bottom:0}.column img{width:100%;align-self:center}.column-mobile{width:48%;margin-right:4%}.image-wrapper{position:absolute;width:inherit;font-size:1.25rem;line-height:2}.image-wrapper>div:not(:first-child){position:relative}.image-wrapper img,.image-wrapper video{display:block;width:100%;margin-bottom:2vw;cursor:url("../images/serena_icons-06.svg") 18 18,pointer;transition:all .2s ease-out}.image-wrapper div:last-of-type img{margin:0}ul{position:absolute;top:calc(100% + 0.5rem);margin-bottom:2rem;opacity:0;list-style-type:none;font-size:1.1rem;line-height:1.3;transition:all .2s ease-out}ul li:first-child{text-transform:uppercase}.fade-default{opacity:1;transition:all .2s ease-out}.foreground{z-index:10}.background{opacity:.17;filter:alpha(opacity=8);z-index:-1}.far-front{z-index:20 !important;opacity:1}.hidden{opacity:0 !important;pointer-events:none !important}.visible{opacity:1 !important}#isolation-plane{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;transition:all .2s ease-out}#main-column>div{position:relative}.info{opacity:0;position:absolute;padding:.8rem;padding-top:.6rem;left:0;bottom:0;right:0;transition:all .2s ease-out;line-height:1.3;background-color:#fff;user-select:none}.play{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-55%, -60%);padding:3vw;color:#fff;text-transform:uppercase;font-size:6vw;transition:all .2s ease-out}.mobile .play{opacity:1}.info p:first-child{text-transform:uppercase}.main-image img:hover,.main-image video:hover{cursor:url("../images/serena_icons-06.svg") 18 18,pointer}#main-column img:hover+.info,#main-column video:hover+.info,#main-column video:hover~.play{opacity:1}.info:hover,.info:hover+.play{opacity:1}.info>p:nth-child(2){line-height:0;opacity:0;transition:all .1s ease-out}.info:hover>p:nth-child(2){line-height:1.3;opacity:1}.play:hover{opacity:1;cursor:pointer}.playing{display:none}#info-page{right:0;width:10%;display:inline-block;vertical-align:middle;font-size:1.2vw;right:0;text-align:center;letter-spacing:1px}#info img{margin-top:2rem;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;width:50%}.archive-image img{opacity:1;transition:opacity .3s}.archive-image img:hover,.main-image video:hover{cursor:url("../images/serena_icons-06.svg") 18 18,pointer}.archive-image img[data-url]{opacity:0}.no-scroll{overflow:hidden}#imprint-bar{position:relative;width:100%;height:4rem;margin-bottom:2rem;text-align:center;cursor:pointer}#imprint-bar p{position:relative;top:50%;transform:translateY(-50%);text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}#info,#imprint{position:fixed;font-size:1.25rem;height:0;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#fff;cursor:url("../images/serena_icons-04.svg") 0 0,pointer;z-index:20}#info{top:0}#imprint{bottom:0}.overlay-open{height:100% !important;transition:all .3s}#overlay-close-button{position:fixed;top:2rem;right:0;width:10%;height:40px;opacity:1;cursor:pointer;z-index:21;transition:opacity .3s}#overlay-close-button img{margin:0 auto;-webkit-filter:none;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.overlay-contents{width:100%;margin-top:6rem;margin-bottom:4rem;padding:0 10%;background-color:#fff;line-height:1.7rem}.overlay-contents p{margin-bottom:1rem;transition:all .3s}.overlay-contents>p:first-child{padding-top:1rem}#kontakt{margin:3rem 0}#portfolio{text-align:center;vertical-align:middle}.less p{color:#fff;line-height:0;margin-bottom:0;opacity:0;pointer-events:none;transition:opacity .1s}.isolation-mode{cursor:url("../images/serena_icons-03.svg") 18 18,auto}.isolation-mode img:hover,.isolation-mode video:hover{cursor:url("../images/serena_icons-03.svg") 18 18,auto}#info a{cursor:pointer;text-decoration:underline;text-align:center;vertical-align:middle}.cv-headline{margin-bottom:2vw}td{vertical-align:top;padding-bottom:1rem}table{width:100%;margin-bottom:2rem}@media all and (max-width: 991px){html{font-size:80%}.info-link{width:14%}#imprint-bar{margin-bottom:1rem}#overlay-close-button img{height:70%}}@media all and (max-width: 991px){html{font-size:80%}.info-link{width:14%}#imprint-bar{margin-bottom:1rem}#overlay-close-button img{height:70%}}@media all and (max-width: 736px){html{font-size:75%}}@media all and (max-width: 480px){html{font-size:70%}.info-link{font-size:2rem;line-height:2;text-transform:lowercase;width:10%;position:relative;top:-0.07rem}nav #back-to-top{font-size:1.5rem;letter-spacing:1px}#imprint-bar{margin-bottom:0}#overlay-close-button{top:2.15rem}#overlay-close-button img{height:50%}#info img{width:100%}}