*,*::before,*::after{box-sizing:border-box}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:'Jost';font-style:normal;font-weight:400;src:local(''),url(../default/fonts/jost-v14-latin-regular.woff2) format('woff2'),url(../default/fonts/jost-v14-latin-regular.woff) format('woff')}@font-face{font-family:'Jost';font-style:normal;font-weight:500;src:local(''),url(../default/fonts/jost-v14-latin-500.woff2) format('woff2'),url(../default/fonts/jost-v14-latin-500.woff) format('woff')}@font-face{font-family:'Jost';font-style:normal;font-weight:700;src:local(''),url(../default/fonts/jost-v14-latin-700.woff2) format('woff2'),url(../default/fonts/jost-v14-latin-700.woff) format('woff')}:root{--background-page:#fff;--color-font:#222;--color-link:#222;--color-link-hover:#000;--font-weight-regular:500;--font-weight-headline:500;--font-weight-quote:500}:root{--gutter-outside:20px;--gutter-inside:5px;--font-size-regular:14px;--font-size-quote:24px;--font-size-big:42px;--font-size-teaser:18px}@media only screen and (min-width:350px){:root{--gutter-outside:calc(20px + (40 - 20) * ((100vw - 350px) / (599 - 350)));--gutter-inside:calc(5px + (10 - 5) * ((100vw - 350px) / (599 - 350)))}}@media only screen and (min-width:600px){:root{--font-size-regular:calc(14px + (18 - 14) * ((100vw - 600px) / (1599 - 600)));--font-size-quote:calc(24px + (46 - 24) * ((100vw - 600px) / (1599 - 600)));--font-size-teaser:calc(18px + (24 - 18) * ((100vw - 600px) / (1599 - 600)));--font-size-big:calc(42px + (96 - 42) * ((100vw - 600px) / (1599 - 600)));--gutter-inside:calc(10px + (15 - 10) * ((100vw - 600px) / (1599 - 600)));--gutter-outside:calc(40px + (100 - 40) * ((100vw - 600px) / (1599 - 600)))}}@media only screen and (min-width:1600px){:root{--font-size-regular:18px;--font-size-quote:46px;--font-size-big:96px;--gutter-outside:calc((100vw - 1400px) / 2);--font-size-teaser:24px}}html,body{font-family:'Jost',sans-serif;font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);background-color:var(--background-page);color:var(--color-font);margin:0;padding:0}h1{font-size:var(--font-size-big);font-weight:var(--font-weight-headline);margin-bottom:calc(var(--font-size-big) * 1.5);line-height:1.2}h2,h3{font-size:calc(var(--font-size-regular) * 1.05);line-height:1.4;margin-bottom:calc(var(--font-size-regular) / 3);padding-top:calc(var(--font-size-regular) / 2);font-weight:var(--font-weight-headline)}p{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);margin-bottom:var(--font-size-regular);line-height:1.6}a{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);color:var(--color-link);text-decoration:none}em{font-size:inherit;font-style:italic;color:inherit}figure,blockquote{margin:0}li{margin-bottom:var(--font-size-regular);line-height:1.4}.project-statement{font-size:var(--font-size-quote);font-weight:var(--font-weight-quote);line-height:1.4}.intro-statement{font-size:calc(var(--font-size-quote) * 0.8);font-weight:var(--font-weight-quote);line-height:1.4}figcaption{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.contact p{margin-bottom:4px}.intro-home p{font-size:calc(var(--font-size-regular) * 1.05)}img,picture,video{width:100%}.wrapper{width:calc(100% - (var(--gutter-outside) * 2));margin-left:var(--gutter-outside);position:relative}.wrapper:before,.wrapper:after{content:"";display:table}.wrapper:after{clear:both}:root{--width-container-medium:100%;--width-container-small:100%;--width-container-medium-text:100%}@media only screen and (min-width:600px){:root{--width-container-medium:calc((100% / 4) * 3);--width-container-medium-text:calc((100% / 4) * 3);--width-container-small:calc((100% / 2) - (var(--gutter-inside) * 2))}}@media only screen and (min-width:1200px){:root{--width-container-medium-text:calc(100% - var(--width-container-medium))}}.intro-home a{color:var(--color-link);border-bottom:2px solid var(--color-link)}.intro-home a:hover{color:var(--color-link-hover);border-color:var(--color-link-hover)}.intro-home,.container-wide{width:100%;position:relative}.container-medium-left,.container-medium-center{width:var(--width-container-medium);float:left}.container-medium-right{width:var(--width-container-medium);float:right}.text-image-medium-left,.text-image-medium-right{width:var(--width-container-medium-text);float:left;margin-bottom:30px}@media only screen and (min-width:1200px){.text-image-medium-left,.text-image-medium-right{padding-top:calc(var(--width-container-medium) / 3)}.text-image-medium-right{padding-right:calc(var(--gutter-inside) * 2)}.text-image-medium-left{padding-left:calc(var(--gutter-inside) * 2)}}.container-medium-center{margin-left:calc((100% - var(--width-container-medium)) / 2)}.container-small{width:var(--width-container-small);margin-bottom:calc(var(--font-size-big) * 1)}@media only screen and (min-width:600px){.container-small{margin-right:calc(var(--gutter-inside) * 2)}}.image-project-medium,.image-project-wide,.image-project-small{padding-bottom:calc(var(--font-size-big) * 2)}.text-project{padding-bottom:calc(var(--font-size-big) * 2)}.intro-project-image{padding-bottom:calc(var(--font-size-big) * 2)}.intro-project-statement{padding-bottom:calc(var(--font-size-big) * 1)}@media only screen and (min-width:600px){.container-small{float:left}}@media only screen and (min-width:600px){.intro-project-image{width:calc((100% / 4) * 3);float:right}}@media only screen and (min-width:900px){.intro-project-statement{width:calc((100% / 4) * 3)}}@media only screen and (min-width:1200px){.intro-project-statement,.intro-project-image{width:50%;float:right}.intro-project-statement{padding-left:calc(var(--font-size-big) * 2);padding-bottom:calc(var(--font-size-big) * 4)}}.container-txt-small,.container-txt-right{width:100%}@media only screen and (min-width:900px){.container-txt-small{width:60%;margin-left:0;padding-left:0;padding-right:calc(var(--gutter-inside) * 2);padding-bottom:calc(var(--gutter-inside) * 2);text-align:right}.container-txt-right{width:80%;margin-left:20%;padding-left:var(--gutter-inside);padding-right:var(--gutter-inside)}}@media only screen and (min-width:1020px){.container-txt-small{width:calc(100% / 3);margin-left:0;float:left;text-align:left}.container-txt-right{margin-left:0;width:calc((100% / 3) * 2);float:left}}@media only screen and (min-width:1200px){.container-txt-right{max-width:900px}}.interview-intro,.interview-section{padding-bottom:calc(var(--font-size-big) * 1.5)}.interview-section h3{margin-bottom:24px}.interview-q{margin-bottom:6px;color:#656a82}.interview-q,.interview-a{padding-left:calc(var(--font-size-regular) * 3);position:relative}.interview-q span,.interview-a span{position:absolute;left:0;font-style:normal}#page-info main a{color:var(--color-link);border-bottom:2px solid var(--color-link)}#page-info main a:hover{color:var(--color-link-hover);border-color:var(--color-link-hover)}#page-story section,#page-info section{margin-bottom:60px}#page-story .list-projects ul{margin:0;padding:0}#page-story .list-projects li{display:inline}#page-story .list-projects li span{font-style:italic}#page-story dl{width:100%;overflow:hidden;padding:0;margin:0}#page-story dt,#page-story dd{float:left;padding:0;margin:0;padding-bottom:4px}#page-story dt{width:60px}#page-story dd{width:calc(100% - 60px)}.contact div{margin-bottom:16px}.teaser-home{--numberOfCells:1}@media only screen and (min-width:700px){.teaser-home{--numberOfCells:2}}@media only screen and (min-width:1200px){.teaser-home{--numberOfCells:3}}.teaser-area{padding-top:90px}.teaser-home{width:calc((100% / var(--numberOfCells)) - (var(--gutter-inside) * 2));margin-right:calc(var(--gutter-inside) * 2);margin-left:0;margin-bottom:calc(var(--gutter-inside) * 3);float:left}@media only screen and (min-width:700px){.teaser-home{position:relative;height:0;padding-bottom:calc((100% / var(--numberOfCells)) + 50px)}}.teaser-project h3{font-size:var(--font-size-teaser)}.teaser-story h3{font-size:calc(var(--font-size-teaser) * 1.5);line-height:1.4}.teaser-home .teaser-more{display:inline;color:var(--color-link);border-bottom:2px solid var(--color-link)}.teaser-home:hover .teaser-more{color:var(--color-link-hover);border-color:var(--color-link-hover)}.teaser-home h3,.teaser-home p{color:var(--color-font);margin-bottom:4px}.teaser-home:hover h3,.teaser-home:hover p{color:var(--color-link-hover)}.teaser-project .teaser-text{padding-top:0;padding-left:20%;padding-right:0}@media only screen and (min-width:700px){.teaser-story,.teaser-project .teaser-text{padding-left:0}}.teaser-home .teaser-image{width:50%;height:0;padding-bottom:50%;overflow:hidden}@media only screen and (min-width:700px){.teaser-home .teaser-image{width:70%;padding-bottom:80%;margin-left:10%}}.teaser-home .teaser-image .container-image-OF{width:100%;height:0;padding-bottom:100%;overflow:hidden}.container-image{width:100%}@media only screen and (min-width:600px){.container-image-OF{width:100%;height:0;padding-bottom:100%;overflow:hidden}}footer{padding-top:60px;padding-bottom:60px}footer ul{padding:0}footer li{list-style-type:none;margin-right:30px;position:relative}@media only screen and (min-width:600px){footer li{display:inline}}footer a{color:var(--color-link);border-bottom:2px solid var(--color-link)}footer a:hover{color:var(--color-link-hover);border-color:var(--color-link-hover)}header{padding-top:60px;padding-bottom:calc(var(--font-size-big) * 2)}.logo a,.logo{text-decoration:none;text-transform:uppercase;font-weight:var(--font-weight-regular);font-size:21px;color:var(--color-font)}.logo a,.intro-home a,.teaser-home .teaser-more,footer ul a{position:relative;display:inline-block;overflow:hidden}.teaser-home .teaser-more span,.logo a span,.intro-home a span,footer ul a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;-moz-transition:-moz-transform 0.2s;transition:transform 0.2s}.teaser-home .teaser-more span::before,.logo a span::before,.intro-home a span::before,footer ul a span::before{position:absolute;top:-100%;content:attr(data-hover);color:var(--color-rollOver);display:inline-block;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media only screen and (min-width:1200px){.teaser-home:hover .teaser-more span,.logo a:focus span,.logo a:hover span,.intro-home a:focus span,.intro-home a:hover span,footer ul a:hover span,footer ul a:focus span{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}}@media only screen and (min-width:1100px){.hide{opacity:0}header,main,footer{opacity:0}.fadeIn{opacity:0;animation:fadeIn 0.4s ease forwards}.topFadeIn{opacity:0;animation:topFadeIn 0.4s ease forwards}.bottomFadeIn{opacity:0;animation:bottomFadeIn 0.4s ease forwards}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes topFadeIn{from{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bottomFadeIn{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}