#loading,body{background-color:var(--body-bg)}a,body{color:var(--color)}.fadein,.hide{opacity:0}#loading,.background,.blur-overlay,.detail-overlay,.preview-blur{right:0;position:fixed;top:0;bottom:0}.h1,.h2,.h3,.h4,.h5,.h6,.top-bar--desktop a,.top-bar--mobile a,.top-bar--tablet a,body,h1,h2,h3,h4,h5,h6,input{font-family:var(--font-sans-serif);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}@font-face{font-family:KlarheitBook;src:url(../fonts/ESKlarheitGrotesk-Book.woff2);font-weight:400;font-size:normal;font-display:swap}:root{--font-sans-serif:KlarheitBook,"Helvetica","Arial",sans-serif;--font-size:1rem;--font-weight:400;--line-height:1.38;--color:#212529;--half-color:#606060;--body-bg:#DBDBDB;--main-space:1.25rem;--gutter:calc(.5 * var(--main-space));--double-space:calc(2 * var(--main-space))}::-moz-selection{background:var(--color);color:var(--body-bg);mix-blend-mode:multiply}::selection{background:var(--color);color:var(--body-bg);mix-blend-mode:multiply}.cursor,.cursor.active,.cursor.linkout{mix-blend-mode:difference}@media (hover:none){.cursor{display:none!important}}*,::after,::before{box-sizing:border-box;cursor:none}html{min-height:100vh}body{margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;-moz-font-feature-settings:"ss05";-webkit-font-feature-settings:"ss05";font-feature-settings:"ss05"}@keyframes dot{0%,100%{opacity:0}50%{opacity:1}}#loading{left:0;z-index:100;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}#loading .loading--dot{height:16px;width:16px;background-color:var(--color);border-radius:16px;opacity:0;animation-name:dot;animation-duration:1s;animation-iteration-count:infinite}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0;padding:0;display:inline-block}.column-1,.column-2,.main-column-1,.main-column-2,.main-column-2--left,.row{padding-right:var(--gutter)}.column-1,.column-2,.main-column-1,.main-column-2,.main-column-2--right,.row{padding-left:var(--gutter)}p{margin-block-start:0;margin-block-end:var(--main-space)}a{text-decoration:none}.cursor{height:15px;width:15px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:99999999999;background-image:url('../cursor-bright.svg')}.cursor.active{background-image:url('../cursor-hover-bright.svg')}.cursor.linkout{background-image:url('../cursor-link-bright.svg')}li,td,tr,ul{padding:0;margin:0;list-style:none}.password-protected{display:none!important}.background-color,.background-color .menu-button,.background-color a,.dark-force,.dark-force *,.dark-force:hover{color:var(--color)!important}.fadein{margin-top:60px}.fixed{position:fixed;top:0;left:0}.inline-flex{display:inline-flex}.flex,.row{display:flex}.force-show{opacity:1!important}.row{flex-wrap:wrap}.masonry-row>*,.row>*{flex-shrink:0;width:100%;max-width:100%}.opacity,.opacity a{color:var(--half-color)}.opacity img{opacity:.6}.blur-overlay,.detail-overlay{left:0;z-index:1;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(10px);display:none}.preview-blur{left:25%;z-index:1;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(10px);display:none;background:#dbdbdb;background:linear-gradient(90deg,#dbdbdb 0,rgba(219,219,219,0) 10%)}.background,input{background-color:var(--body-bg)}form{padding:var(--main-space) 0}input{color:var(--color)}input[type=text i]{width:50%;padding:0 8px 4px;border:0;border-bottom:1px solid var(--half-color);margin-right:var(--main-space);-webkit-transition:.1s linear;-moz-transition:.1s linear;-o-transition:.1s linear;-ms-transition:.1s linear;transition:.1s linear}input[type=text i]:focus-visible{outline:unset;-webkit-box-shadow:0 6px 8px 0 rgba(0,0,0,.1);box-shadow:0 6px 8px 0 rgb(0,0,0,.1)}form span{margin-left:var(--main-space)}.nav-down{margin-top:0;-webkit-transition:margin-top .3s linear;-moz-transition:margin-top .3s linear;-o-transition:margin-top .3s linear;-ms-transition:margin-top .3s linear;transition:margin-top .3s linear}.nav-up{margin-top:-42px;-webkit-transition:margin-top .3s linear;-moz-transition:margin-top .3s linear;-o-transition:margin-top .3s linear;-ms-transition:margin-top .3s linear;transition:margin-top .3s linear}.rotation{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}.rotation-reset{transform:rotate(0);-webkit-transform:rotate(0)}.tablet,.top-bar--mobile,.top-bar--tablet{display:none}.link--about div,.main-column-2--left,.project-list-item .shadow-box,.shadow-box div{display:inline-block}.column-1{width:8.33333333%}.column-2{width:16.66666667%}.main-column-1{width:25%}.main-column-2{width:75%}.main-column-2--left{width:33.33333333%;min-height:1px}.main-column-2--right{width:66.66666667%;display:inline-block}.shadow-box{border:0;border-bottom:1px solid #b6b7b7;border-radius:20px;padding:4px 12px;margin:-4px -12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-transition:.2s linear;-ms-transition:.2s linear;transition:.2s linear}.project--container:hover .project--title div:first-of-type,.shadow-box-constant,.shadow-box:hover{border-bottom:1px solid transparent;-webkit-box-shadow:0 4px 6px 0 rgba(33,37,41,.2);box-shadow:0 4px 6px 0 rgb(33,37,41,.2);padding:4px 12px;margin:-4px -12px;border-radius:20px;color:var(--color);-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear}.background{z-index:-1;left:0;padding:0;margin:0;background-position:top center;background-repeat:no-repeat;background-size:cover;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;-ms-transition:opacity .3s linear;transition:opacity .3s linear;overflow:hidden}.top-bar--desktop,.top-bar--desktop-index,.top-bar--project-name{padding-top:var(--main-space)}.main-left--nav,.next-bumper,.top-bar--desktop,.top-bar--desktop-index{padding-bottom:var(--main-space)}.background div,.background img,.background video{display:block;position:fixed;width:100vw;height:100vh;object-fit:cover;object-position:left center;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;-ms-transition:opacity .3s linear;transition:opacity .3s linear}.background-color{background-color:var(--body-bg)!important}.top-bar--desktop,.top-bar--mobile,.top-bar--tablet{width:100%;z-index:3}.about .top-bar--tablet,.plus .top-bar--tablet,.project-page .top-bar--tablet,.top-bar--desktop,.top-bar--mobile{position:fixed;top:0}.top-bar--desktop a,.top-bar--mobile a,.top-bar--tablet a{text-transform:none;text-decoration:none}.top-bar--desktop-index{width:calc(25% - 7px);padding-left:var(--main-space);background-color:none;z-index:10}.top-bar--desktop-index h1{display:inline-block;width:auto}.top-bar--middle{display:flex;flex-wrap:wrap}.top-bar--wrapper{display:flex}.top-bar--profession{margin-right:var(--main-space);display:inline-block}.top-bar--project-name{display:flex}.mobile-menu,.project-preview{z-index:2;display:none;position:fixed}.top-bar--overlay-mobile{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%)}.top-bar--overlay,.top-bar--overlay .shadow-box,.top-bar--overlay .shadow-box-constant,.top-bar--overlay .shadow-box:hover,.top-bar--overlay a,.top-bar--overlay h1,.top-bar--overlay-mobile,.top-bar--overlay-mobile .shadow-box,.top-bar--overlay-mobile a{color:#fff}.project-page .top-bar--desktop,.top-bar--mobile,.top-bar--tablet{background-color:var(--body-bg)}.index .top-bar--desktop,.index .top-bar--mobile,.index .top-bar--tablet{background-color:transparent}.mobile-menu{width:100%;top:0;background-color:var(--body-bg);padding-right:var(--main-space);padding-left:var(--main-space)}.left,.project--title,.wrapper{padding-right:var(--gutter)}.wrapper{width:100%;height:100%;padding-left:var(--gutter)}.index{padding-top:calc(50vh - 100px)}.info-bar{margin-top:-42px;margin-bottom:24px}.info-bar .main-column-2,.main-right{margin-left:25%}.info-bar .main-column-2--left{width:207%}.project-preview{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(50% - 30px);height:50vh;overflow:hidden}.project-preview img{display:block;width:100%;height:auto;opacity:0;position:fixed}.main-left{position:fixed;display:flex;flex-direction:column;width:calc(25% - 7px);bottom:0}.main-left--nav{bottom:0;left:0;margin-top:auto;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}.main-left--color-change,.main-left--color-change .shadow-box:hover,.main-left--color-change a{color:#fff}.main-left--color-change .opacity a{color:var(--body-bg);opacity:.6}.main-left--color-change .opacity a:hover{color:#fff;opacity:1}.main-left--top-content{padding-top:42px;width:50%}.main-left--nav-item,.project--info,.project-list-item{padding-top:var(--gutter)}.project-list{display:none}.project-list-item{padding-left:var(--main-space)}.toggle{margin-left:6px;height:14px;margin-top:2px}.toggle img{width:14px;height:14px;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-moz-transition-duration:.5s;-moz-transition-property:transform;-o-transition-duration:.5s;-o-transition-property:transform;-ms-transition-duration:.5s;-ms-transition-property:transform;transition-duration:.5s;transition-property:transform}.mobile-menu .inline-flex{height:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.link-out{height:20px;margin-right:6px;display:inline-block}.index .main-left--color-change .shadow-box{border-bottom:1px solid rgba(255,255,255,.6);color:rgba(255,255,255,.6);backdrop-filter:blur(10px) opacity(1);-webkit-backdrop-filter:blur(10px) opacity(1)}.index .main-left--color-change .shadow-box.current,.index .main-left--color-change .shadow-box:hover,.index .project--container:hover .project--title div:first-of-type{border-bottom:1px solid #fff;color:#fff;backdrop-filter:blur(10px) opacity(1);-webkit-backdrop-filter:blur(10px) opacity(1)}.dark-force:hover .shadow-box,.index .project--container:hover .dark-force{border-bottom:0!important;color:#212529;backdrop-filter:blur(10px) opacity(1);-webkit-backdrop-filter:blur(10px) opacity(1)}.nav-color-invert .shadow-box{color:rgba(33,37,41,.6)}.nav-color-invert .current,.nav-color-invert .shadow-box:hover{color:#212529}.pdp .main-right{padding-top:62px}.about .main-right,.plus .main-right{padding-top:var(--main-space)}.project--container{width:100%;margin-bottom:260px;display:inline-block}.index .project--container,.index .project--container:hover,.index .project--container:hover .project--title div{color:#fff}.about--experience-table .contact:hover,.impressum--content .contact:hover,.password-tag .tooltiptext,.project--table td a:hover{color:var(--color)}.index .media-row--left .left,.index .media-row--left .right,.index .media-row--small-left .left,.index .media-row--small-left .right{padding:0}.index .media-row--small-left .left{width:calc(75% - var(--gutter))}.index .media-row--small-left .right{width:calc(25% - var(--gutter))}.index .media-row--left .left{width:calc(66.66666667% - var(--gutter))}.index .media-row--left .right{width:calc(33.33333333% - var(--gutter))}.project--container-first{margin-top:calc(52vh - 125px)}.project--info{width:100%;display:flex;align-items:flex-start}.password-tag,.project--title div{display:inline-block}.pdp .project--info{margin-top:var(--main-space);padding-top:0}.pdp .project--container{margin-bottom:20px}.pdp .project-starter{width:100%;margin-bottom:80px;display:inline-block}.project--title{width:33.33333333%;float:left;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear}.password-tag{width:14px;height:14px;margin-top:5px;margin-left:24px;position:absolute;background-image:url("../password-tag_dark.svg")}.password-tag:hover{background-image:url("../password-tag-hover.svg")}.password-tag .tooltiptext{visibility:hidden;width:276px;background-color:var(--body-bg);border-radius:3px;padding:4px 12px;position:absolute;z-index:1;top:-8px;left:150%}.about-row .main-column-2--left,.project--table td{padding-right:var(--main-space)}.password-tag .tooltiptext::after{content:" ";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent var(--body-bg) transparent transparent}.password-tag:hover .tooltiptext{visibility:visible}.project--table{width:calc(33.33333333% - var(--main-space));margin-right:var(--main-space);float:left;border-collapse:collapse}.project--description,.project--meta{width:66%;display:flex;flex-wrap:wrap;padding-left:var(--gutter);gap:var(--main-space)}.project--caption{width:100%;margin-top:var(--main-space);padding-left:calc(33% + var(--gutter))}.media-row--single,.media-row--single img,.media-row--single video,.project--media-row{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.index .project--media-row:hover img,.next-bumper img:hover{-webkit-box-shadow:0 6px 8px 0 rgba(0,0,0,.1);box-shadow:0 6px 8px 0 rgb(0,0,0,.1);-webkit-transition:box-shadow .1s linear;-moz-transition:box-shadow .1s linear;-o-transition:box-shadow .1s linear;-ms-transition:box-shadow .1s linear;transition:box-shadow .1s linear}.right{padding-left:var(--gutter)}.media-row--half .left,.media-row--half .right{width:50%}.media-row--left .right,.media-row--right .left{width:33.33333333%}.media-row--left .left,.media-row--right .right{width:66.66666667%}.media-row--slightly-left .left,.media-row--slightly-right .right{width:55%}.media-row--slightly-left .right,.media-row--slightly-right .left{width:45%}.media-row--small-left .left,.media-row--small-right .right{width:75%}.media-row--small-left .right,.media-row--small-right .left{width:25%}.project--cover-desktop img,.project--cover-mobile img{max-width:100%;height:auto}.media-row--single.project--cover-desktop img{aspect-ratio:1099/593}.media-row--single.project--cover-mobile img{aspect-ratio:1/1}.project--table td,.project--table td a{vertical-align:top;color:var(--half-color)}.project--table td:first-of-type{width:25%;white-space:nowrap;color:var(--color)}.next-bumper{width:100%;display:flex;margin-top:120px}.next-bumper img{width:100%;vertical-align:top}.about--section-header{color:#000;opacity:1}.about--section-header img{opacity:1}.about-row{padding-bottom:var(--double-space);display:inline-block;width:100%}.about-row .main-column-2--left{float:left;display:inline-block}.about--experience-table,.item-container img,.item-container video,.overlay-content .item-info{width:100%}.about--experience-table tr td:first-of-type{padding-right:var(--gutter);white-space:nowrap;width:1%}.about--experience-table img,.impressum--content img{width:15px;height:15px}.about-row tr td:last-child{white-space:nowrap;vertical-align:top}.image-storage,.impressum--content,.project--cover-mobile{display:none}.masonry-row{padding-bottom:120px;display:flex;flex-wrap:wrap}.masonry-item{width:50%;display:flex}.masonry-left{padding-right:var(--double-space)}.masonry-right{padding-left:var(--double-space)}.item-title{margin-right:var(--double-space)}.detail-overlay{background:linear-gradient(rgba(219,219,219,0),75%,rgba(219,219,219,.8))}.overlay-close{position:fixed;top:var(--main-space);right:var(--main-space);z-index:20;display:none}.overlay-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-content img,.overlay-content video{object-fit:contain;max-width:calc(100vw - var(--double-space));object-position:center;max-height:75vh}.overlay-content .item-title{flex-grow:1}.overlay-content .item-type.opacity{flex-grow:1;color:#000}.hide-fade{background-color:: red;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}.img404{width:100%;max-width:690px}@media (max-width:1060px){.about--experience-table tr td:first-of-type{white-space:inherit;width:50%}}@media (max-width:1000px){*,::after,::before{cursor:default}.cursor{display:none!important}.index .project--container:hover .project--title div:first-of-type,.next-bumper .main-column-2--left span,.shadow-box,.shadow-box-constant,.shadow-box:hover{border:0;border-bottom:1px solid #b6b7b7!important;border-radius:20px;padding:4px 12px;margin:-4px -12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none!important;-webkit-box-shadow:0!important}.index .project--media-row:hover img,.next-bumper img:hover{box-shadow:none;-webkit-box-shadow:0}.desktop,.info-bar,.top-bar--desktop,.top-bar--desktop-index{display:none}.main-left--nav{margin-top:0;z-index:1}.detail-overlay,.overlay-content,.wrapper{padding-left:var(--main-space);padding-right:var(--main-space)}.open-menu-fixed .menu-button,.project-list,.tablet,.tob-bar--tablet-left a:first-of-type{display:block}.main-column-1{padding:0}.main-column-2{width:100%;padding:0}.top-bar--tablet{display:inline-block;gap:var(--main-space);padding-left:var(--main-space);padding-right:var(--main-space);padding-top:14px;padding-bottom:14px}.top-bar--tablet .tob-bar--tablet-left{display:inline-block;width:100%}.about .wrapper .main-left--nav,.main-left,.mobile-menu .nav-item-contact,.mobile-menu .top-bar--contact,.open-menu-fixed .top-bar--contact,.open-menu-fixed .top-bar--tablet-left,.tooltiptext{display:none}.open-menu-flexible .menu-button{position:fixed;z-index:4;top:14px;right:var(--main-space);display:none}.open-menu-fixed{position:fixed;z-index:4;top:0;left:0}.mobile-menu{padding-top:calc(51px + var(--gutter));padding-bottom:var(--double-space);padding-left:calc(33.33333333% + 16px)}.mobile-menu .main-left--nav-item:first-of-type{padding-top:0}.top-bar--tablet .main-column-1{width:calc(33.33333333% - var(--gutter))}.top-bar--tablet .main-column-2,.top-bar--tablet .main-column-2--right{width:66.66666667%;display:flex;justify-content:space-between}.top-bar--tablet .main-left--nav-item{padding-top:0;float:left;padding-right:var(--main-space)}.top-bar--profession{margin-left:var(--main-space)}.main-left--nav{width:100%;padding-bottom:0}.main-right,.plus .main-right{width:100%;margin-left:0;padding-top:51px}.project--table,.project--title{width:33.33333333%}.index,.index .main-right{padding-top:calc(40vh - 100px)}.pdp .main-right{padding-top:126px}.project--container-first{margin-top:0}.project-container{margin-bottom:300px}.project--table{padding:0;margin:0}.project--description{width:66.66666667%;padding:0}.about{padding-top:51px;display:block}.about .main-left{display:block;position:relative;height:auto;width:calc(33.33333333% - var(--gutter))}.about .main-left--top-content{width:80%;padding-top:0}.about--experience-table{max-width:none}.item-container{min-width:auto}.detail-overlay{z-index:10}.overlay-content img,.overlay-content video{object-fit:contain;max-width:calc(100vw - var(--double-space));object-position:bottom;max-height:75vh;height:auto}.overlay-content{display:grid;grid-gap:var(--gutter);height:auto}.overlay-close img{padding:4px;margin:-4px}}@media (max-width:800px){.project--info{display:inline-block;margin-top:0;padding-top:var(--main-space)}.project--table{width:100%;margin:0;float:none}.project--description{width:100%;padding-left:0;padding-top:var(--double-space);margin-top:0;display:inline-block}}@media (max-width:600px){.mobile-menu{padding-bottom:0;padding-left:var(--main-space)}.mobile-menu .nav-item-contact,.next-bumper,.top-bar--mobile .main-column-1 a:first-of-type{display:block}.index{padding-top:0}.project--cover-mobile{display:inline-block}.project--cover-desktop,.top-bar--desktop,.top-bar--tablet{display:none}.project--container{margin-bottom:300px}.pdp .main-right,.plus .main-right{padding-top:51px}.pdp .project--media-row{flex-wrap:wrap}.pdp .project--media-row img,.pdp .project--media-row video{padding-left:0;padding-right:0;width:100%}.project--media-row .right{padding-top:var(--main-space)}.index .project--info{padding-top:var(--gutter)}.index .main-right{padding-top:calc(55vh - 100px)}.project--caption,.project--description{width:100%;padding-left:0;margin-top:0}.project--description{padding-top:var(--double-space)}.project--caption{padding-top:var(--main-space)}.top-bar--mobile{display:flex;justify-content:space-between;gap:var(--main-space);padding-left:var(--main-space);padding-right:var(--main-space);padding-top:14px;padding-bottom:14px}.top-bar--mobile .main-column-1,.top-bar--mobile .main-column-2{width:auto}.top-bar--mobile h1{margin-right:var(--double-space)}.main-left--nav{width:100%;padding-bottom:var(--double-space)}.media-row--left .left,form .media-row--right .right,form .right{width:100%;padding-left:0}form .right{display:flex;flex-wrap:wrap}form input[type=text i]{flex-grow:1}form span{flex-basis:100%;margin-left:0;margin-top:var(--gutter)}.project--title{width:100%;margin-bottom:var(--gutter)}.project--title span{-webkit-box-shadow:0 6px 8px 0 rgba(0,0,0,.2);box-shadow:0 6px 8px 0 rgb(0,0,0,.2);padding:4px 12px;margin:-4px -12px;border-radius:20px}.next-bumper .main-column-2--left,.next-bumper .main-column-2--right{width:100%;padding:0}.next-bumper .main-column-2--left{padding:0;margin-bottom:var(--main-space)}.project--meta{width:100%;padding-left:0;gap:0}.masonry-item,.media-row--left .right,.media-row--right .left{width:100%}.about .wrapper .main-column-1,.about-row .main-column-2--left,.about-row .main-column-2--right{width:100%;padding-left:0;padding-right:0}.about-row,.about-row .main-column-2--left{padding-bottom:var(--double-space)}.about--experience-table{max-width:100%}.about--experience-table tr td:last-child{width:1%}.masonry-left,.masonry-right,.masonry-row .left,.masonry-row .right{padding:0}.masonry-left,.masonry-row{padding-bottom:120px}.item-container{min-width:80%}}