@import url("reset.css");@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300&display=swap");@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300&display=swap");.infopage-text,.list-text{border-bottom:1px solid #fff}.infopage-text.list-text,.list-text.list-text{min-height:0}.infopage-text.list-text .text-box,.list-text.list-text .text-box{min-height:0}.infopage-text .text-box,.list-text .text-box{width:100%;padding:0 20px;float:none;padding:30px;border-right:1px solid #fff;max-width:1080px;min-height:250px}@media screen and (max-width: 1180px){.infopage-text .text-box,.list-text .text-box{border-right:none}}.infopage-text .text-box *,.list-text .text-box *{float:none !important}.infopage-text .text-box h2,.list-text .text-box h2{border-top:1px solid #fff;margin-left:-30px;width:calc(100% + 60px)}.infopage-text .text-box h3 a,.list-text .text-box h3 a{text-decoration:none}.infopage-text .text-box h3 a:hover,.list-text .text-box h3 a:hover{text-decoration:underline}.infopage-text .text-box h3 a svg,.list-text .text-box h3 a svg{width:18px;height:auto;margin-left:10px}.infopage-text .text-box p,.list-text .text-box p{max-width:800px;font-size:1em;line-height:1.4em;margin-bottom:1em;float:none}.infopage-text .text-box a.button,.list-text .text-box a.button{border:1px solid white;padding:8px 12px;text-decoration:none}.infopage-text .text-box a.button:hover,.list-text .text-box a.button:hover{background:white;color:black}.info-bild{border-bottom:1px solid #fff;max-width:1080px;border-right:1px solid #fff}.info-bild img{width:100%;height:auto;display:block}svg.magnify{position:absolute;bottom:0;right:0;cursor:crosshair;transition:0.2s ease}svg.magnify:hover{transform:scale(1.2)}@media screen and (max-width: 700px){svg.magnify{display:none}}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:auto;width:100%;padding:90px 100px;max-height:100%;background:#000;cursor:auto;white-space:normal;height:100%;margin:0;border:0;justify-content:center;align-items:center}.featherlight .featherlight-image{width:100% !important;height:100% !important;-o-object-fit:contain;object-fit:contain}.featherlight-next:hover,.featherlight-previous:hover{background:none}.featherlight-previous{left:0;right:auto;width:100px}.featherlight-next{right:0;left:auto;width:100px}.featherlight-next span,.featherlight-previous span{display:block}.featherlight-next,.featherlight-previous{background:none}.featherlight-previous img,.featherlight-next img{width:25px;height:auto}.featherlight .featherlight-close-icon{position:absolute;z-index:10000;top:35px;right:35px;line-height:25px;width:36px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:none;color:#000;border:0;font-size:2em}.featherlight-previous,.featherlight-next{display:block !important;color:white !important;font-size:3rem !important;z-index:9999}*{box-sizing:border-box}body{background-color:black;margin:0;padding:0;width:100%;height:100%;color:white;font-family:'IBM Plex Mono', monospace;font-size:16px;font-weight:300}a{color:#fff}h2,h3,nav a{font-size:1.375em;line-height:1.2em}nav a{line-height:1.4em}p{font-size:0.875em;line-height:1.3em}.project-body p{font-size:1em;line-height:1.4em}*{box-sizing:border-box}section{display:block;position:relative;width:calc(100% - 60px);height:100%;float:right;overflow-x:hidden}header{position:fixed;display:block;width:60px;height:100%;border-right:1px solid #fff;text-align:center;padding:20px 10px;z-index:10;background-color:#000}div#logo svg{position:absolute;transform:rotate(-90deg) translate(10px, -10px);transform-origin:top left;bottom:0;height:20px;width:auto}nav{position:fixed;width:calc(100% - 60px);height:100%;background-color:#000;color:white;top:0;left:calc(60px - 100vw);transition-timing-function:ease-in-out;transition:left 0.4s;z-index:8}nav div.main-nav div{min-height:calc(250px/3);padding:0;padding:30px 15px;border-top:1px solid #fff}nav div.main-nav div:first-child{border-top:0}nav div.main-nav div a{color:white;display:block;text-decoration:none;padding-left:30px}nav div.main-nav div .filters{padding:0;border-top:none;min-height:auto;margin-top:20px;padding-left:30px}nav div.main-nav div a.button-active,nav div.main-nav div a:hover{background:url(/site/templates/images/arrow-right-simple.svg) 0 7px no-repeat;background-size:20px auto}nav div.main-nav div .filters a.button-active,nav div.main-nav div .filters a:hover{background:url(/site/templates/images/arrow-right.svg) 0 4px no-repeat;background-size:18px auto}nav.is-active{left:60px}.grid{position:relative;float:right;width:100%}#imageblock,#content{left:0;transition-timing-function:ease-in-out;transition:left 0.4s}.grid-item,.grid-team-item{height:200px;width:calc(100% / 1);display:flex;border-bottom:1px solid white}.grid-item--width2{width:calc((100% / 1) * 1)}.grid-item--width3{width:calc((100% / 1) * 1)}.grid-item:hover .title{background-color:white;color:black;transition:all .3s ease-in-out}.grid-item:hover .title a{color:black}.grid-item:hover .img img{transition:all .3s ease-in-out;filter:invert(0%) hue-rotate(0deg) brightness(1.1)}.img,.title{display:block;border-right:1px solid white}.title{border-right:none}.title{position:relative;width:60px;height:100%}.title span{position:absolute;width:200px;height:100px;bottom:0;left:0;transform:rotate(-90deg) translate(-100px, 0px);transform-origin:top left;padding:10px}.img{width:calc(100% - 60px);height:200px;overflow:hidden;border-bottom:1px solid white}.img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out;transform:scale(1);transform-origin:center left;filter:invert(0%) hue-rotate(0deg) brightness(0.9)}.grid-process img{filter:invert(100%) hue-rotate(180deg)}.grid-process img{filter:invert(100%) hue-rotate(180deg) brightness(1)}.grid-process:hover img{filter:invert(0%) hue-rotate(0deg) brightness(1)}.swapimage{display:none;opacity:0;transition:opacity 0.3s ease-in-out}.swapimage.active{display:block;opacity:1}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:10px 10px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:20px;height:1px;background-color:#fff;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--squeeze .hamburger-inner{transition-duration:0.075s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 0.075s 0.12s ease, opacity 0.075s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.075s ease, opacity 0.075s 0.12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}.content h2{height:auto;padding:30px 20px;border-bottom:none}.content div.back{padding:30px 30px;border-top:1px solid #fff}.content div.back a{text-decoration:none}article.project{height:auto;width:100%;transition:all .3s ease;overflow:hidden;white-space:normal;border-bottom:1px solid white}article.project *,article.text *{float:left;white-space:normal}article.text a{float:none}.stretch{position:relative;width:100%;overflow:hidden}.halb{width:50%}.project-image,.project-process{height:auto;width:100%}.w1,.w2,.w3,.w4{transition:all .5s ease}.image-number,.process-number{height:30px;width:100%;cursor:crosshair;transition:background-color 0.3s;border-top:1px solid #fff}.project-image.active .image-number,.project-process.active .process-number{background-color:white;color:black}.process-number p,.image-number p{width:30px;height:30px;padding:0;margin-bottom:8px;text-align:center;line-height:30px;transform:rotate(-90deg);transition:transform 0.3s}.process-number:hover p,.project-process.active .process-number p,.image-number:hover p,.project-image.active .image-number p{transform:rotate(0deg)}.image-src,.process-src{overflow:hidden;width:100%;cursor:e-resize;transition:all .5s ease;max-height:0;position:relative}.image-src div,.process-src div{height:auto;width:100%;position:relative}.image-src.active,.process-src.active{height:auto;max-height:1000px}.large .image-src,.large .process-src{cursor:e-resize}.image-src div img,.process-src div img{height:auto;width:100%}.project-image img,.project-process img{height:auto;width:100%}article.text{height:auto;min-height:250px;width:100%;overflow:hidden;white-space:nowrap}.project-text{display:block;min-height:100%}.project-text div{padding:30px;border-right:none;border-bottom:1px solid #fff;box-sizing:content-box;width:calc(100% - 60px)}.project-lead{width:100%}.project-body,.project-detail{width:100%}.project-text div.project-detail{border-bottom:none}.project-detail p{width:100%;padding:0 0 7px 0px}.project-detail p span{display:inline-block}.col1{width:100%}.col1::after{content:":"}.col2{width:100%}@media only screen and (min-width: 700px){.content h2{border-bottom:1px solid #fff}.content div.back{border-top:1px solid #fff}article.text{width:100%}.project-text{display:flex;flex-wrap:wrap}.project-text div{width:100%;border-right:none}.project-text div.project-lead{width:100%}.project-text div.project-body,.project-text div.project-detail{width:100%}.col1{width:35%}.col2{width:65%}}@media only screen and (min-width: 1000px){.project-text div{border-right:1px solid #fff}.project-text div.project-lead{width:240px}.project-text div.project-body,.project-text div.project-detail{width:540px}.project-text div.project-detail{border-bottom:1px solid #fff}}@media only screen and (min-width: 1600px){article.text{border-bottom:1px solid #fff}.project-text div{border-bottom:none}.project-text div.project-detail{border-bottom:none}}.grid-team-item{border-right:none;transition:background-color .3s, color .3s;width:100%;flex-wrap:wrap;height:400px}.portrait{height:100%;width:calc(100% - 60px);flex-shrink:0;height:200px}.portrait img{height:100%;width:100%;object-fit:cover}.person-text{width:calc(100%);height:100%;padding:20px;height:200px;border-top:1px solid #fff}.person-name{position:relative;width:60px;border-left:1px solid white}.person-name span{position:absolute;width:200px;height:60px;bottom:0;left:0;transform:rotate(-90deg) translate(-60px, 0px);transform-origin:top left;padding:10px}@media only screen and (min-width: 700px){.grid-team-item{border-right:1px solid #fff;height:200px}.portrait{height:100%;width:calc(50% - 30px)}.person-name{border-right:1px solid white}.person-text{height:100%;width:calc(50% - 30px);border-top:none}}@media only screen and (min-width: 1100px){.grid-team-item{width:50%}.portrait,.person-text{width:calc(50% - 50px)}.person-name,.person-name-span{width:100px}}.info-image{width:600px;height:100%}.info-image img{height:100%;width:100%;object-fit:cover}.info-text{padding:30px;box-sizing:content-box;width:540px;min-height:250px;height:100%}#map{border-right:1px solid #fff;width:100%;height:70vh}.info-text p{width:100%}@media only screen and (min-width: 700px){.grid-item{width:calc(100% / 2)}.grid-item--width2{width:calc((100% / 2) * 2)}.grid-item--width3{width:calc((100% / 2) * 3)}.email a{color:#000}.grid-team-item:hover{background-color:#fff;color:#000}.grid-team-item:hover *{border-color:#000}.img,.title{display:block;border-right:1px solid white}.project.large{height:calc((1000px / 3) * 1)}.project.large * img{filter:none !important}.w1,.w2,.w3,.w4{width:0}.w1.active{width:calc((750px / 4) - 4px)}.w2.active{width:calc((1000px / 4) - 4px)}.w3.active{width:calc((1500px / 4) - 4px)}.w4.active{width:calc((2000px / 4) - 4px)}.large .w1.active{width:calc((750px / 3) - 4px)}.large .w2.active{width:calc((1000px / 3) - 4px)}.large .w3.active{width:calc((1500px / 3) - 4px)}.large .w4.active{width:calc((2000px / 3) - 4px)}section{width:calc(100% - 100px)}header{width:100px;padding:20px 10px}div#logo svg{transform:rotate(-90deg) translate(-10px, -20px);height:40px}nav{width:320px;left:-220px;border-right:1px solid white}nav.is-active{left:100px}#imageblock.is-active,#content.is-active{left:320px}.title{width:100px}.title span{height:100px}.img{width:calc(100% - 100px)}.grid-item,.grid-team-item{height:250px}.title span{width:250px}.img{height:250px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger{padding:15px 15px}#map{width:600px;height:500px}.map{height:500px !important}.content h2{height:90px;padding:30px}.content div.back{padding:30px}article.project{height:250px;width:100000px;overflow:hidden;white-space:nowrap;border-bottom:1px solid white}.project-image,.project-process{height:100%;width:auto}.image-number,.process-number{height:100%;width:30px;border-top:none;border-right:1px solid #fff}.project-image.active .image-number,.project-process.active .process-number,.process-number:hover,.image-number:hover{background-color:white;color:black}.image-number.active,.process-number.active{cursor:crosshair}.image-src,.process-src{overflow:hidden;height:100%;cursor:e-resize;max-height:100%}.image-src.active,.process-src.active{height:100%}.image-src div,.process-src div{height:100%;max-height:auto;position:relative}.large .image-src,.large .process-src{cursor:e-resize}.image-src div img,.process-src div img{height:100%;width:auto}.project-image img,.project-process img{height:100%;width:auto}.image-src.active,.process-src.active{height:100%;max-height:100%}}@media only screen and (min-width: 900px){.content div.back{border:none}.grid-item{width:calc(100% / 3)}.grid-item--width2{width:calc((100% / 3) * 2)}.grid-item--width3{width:calc((100% / 3) * 3)}}@media only screen and (min-width: 1100px){.grid-item{width:calc(100% / 4)}.grid-item--width2{width:calc((100% / 4) * 2)}.grid-item--width3{width:calc((100% / 4) * 3)}}@media only screen and (min-width: 1300px){.grid-item{width:calc(100% / 5)}.grid-item--width2{width:calc((100% / 5) * 2)}.grid-item--width3{width:calc((100% / 5) * 3)}}@media only screen and (min-width: 1500px){.project.large{height:500px}.large .w1.active{width:calc((750px / 2) - 4px)}.large .w2.active{width:calc((1000px / 2) - 4px)}.large .w3.active{width:calc((1500px / 2) - 4px)}.large .w4.active{width:calc((2000px / 2) - 4px)}}@media only screen and (min-width: 1700px){.grid-item{width:calc(100% / 7)}.grid-item--width2{width:calc((100% / 7) * 2)}.grid-item--width3{width:calc((100% / 7) * 3)}.grid-team-item{width:calc(100% / 3)}}@media only screen and (min-width: 1900px){.grid-item{width:calc(100% / 8)}.grid-item--width2{width:calc((100% / 8) * 2)}.grid-item--width3{width:calc((100% / 8) * 3)}}