@font-face{font-family:'Internist';src:url('/assets/fonts/Inter.ttf')format("truetype-variations");font-weight:1 999}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;column-gap:30px;scroll-behavior:smooth}img{max-width:100%}a{text-decoration:none;color:var(--txt-color);cursor:pointer}a:hover{text-decoration:none;color:yellow}:root{--bg-color:#000;--txt-color:#fff;--padding:30px;--font:'Inter',sans-serif;--fs-s:15px;--fs-m:24px;--fs-l:32px;--trans:all 300ms ease-in-out}body{background:#000;margin:0;font-family:var(--font);color:var(--txt-color);line-height:1.45em;font-weight:500;font-size:var(--fs-s)}h4{font-size:var(--fs-m);font-weight:400;margin-top:10px;transition:all 1s ease-in-out}h4:hover{font-size:96px;font-weight:600;margin-top:10px;transition:all 1s ease-in-out;color:yellow}header{padding:var(--padding);width:calc(100% - var(--padding)*2);z-index:5;position:absolute}nav{display:flex;justify-content:space-between;align-items:center}.site-logo img{width:38px}nav .site-logo{width:70vw}nav a{color:var(--txt-color);text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline}a.menu-link::after{content:"⟶";margin-left:5px}.site-logo a.menu-link::after{content:"";margin-left:0}main{padding-top:0;padding-left:var(--padding);padding-right:var(--padding)}main.classic{padding-top:80px}main.home{padding-top:var(--padding)}main.project{padding-left:0;padding-right:0;padding-top:0;overflow:hidden}.home-image{display:flex;align-items:center;justify-content:center;align-content:center;height:calc(100vh - 80px)}.main-carousel:focus-visible{border:none;outline:none}.main-carousel{margin-top:0;padding-top:0;height:calc(100vh - 80px)}.carousel-cell{width:100%;display:flex;align-items:center;justify-content:center;height:100vh}.carousel-cell img{max-height:500px}.carousel-cell video{max-height:500px}.main-carousel{cursor:grab;overflow:hidden}.bottomline{display:flex;position:absolute;bottom:16px;margin-left:var(--padding);column-gap:var(--padding)}p.project-tags{margin:0}ol.flickity-page-dots{display:flex;position:absolute;bottom:0;right:0;cursor:pointer}ol.flickity-page-dots li{width:2rem}li.dot.is-selected{font-weight:600;transition:var(--trans)}li.dot{font-weight:300}.is-selected{font-weight:600;transition:var(--trans)}main.home{display:flex}ul.projects{display:block;margin:0;padding:0;column-gap:var(--padding);row-gap:var(--padding);flex-direction:row;flex-wrap:wrap;padding-top:80px}.page-home ul.projects{display:block;margin:0;padding:0;column-gap:var(--padding);row-gap:var(--padding);flex-direction:row;flex-wrap:wrap;width:40%;float:left;transition:all 1s ease-in-out}.page-home ul.projects:hover{display:block;margin:0;padding:var(--padding);column-gap:var(--padding);row-gap:var(--padding);flex-direction:row;flex-wrap:wrap;width:66%;float:left;transition:all 1s ease-in-out}ul.projects li{padding-top:var(--padding);padding-bottom:var(--padding);list-style:none;width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--txt-color);column-gap:calc(var(--padding)*2)}.projects-thumb{width:10%}.projects-meta{width:45%;font-size:var(--fs-m);line-height:1.5;font-weight:400}.page-home .projects-meta{width:45%;font-size:20px;line-height:1.5;font-weight:400}.projects-more{width:10%;text-align:right}.projects-place{width:25%;text-align:left}.projects-year{width:10%;text-align:left}.projects-more a{text-decoration:none}.projects-more a::after{content:"→";margin-left:5px}.popup{position:relative;display:inline-block;cursor:pointer;text-decoration:none}a.popup::after{content:"↗";margin-left:5px}.popuptext{visibility:hidden;max-width:500px;background-color:var(--bg-color);color:var(--txt-color);text-align:left;position:absolute;z-index:11;left:0;bottom:60px;border:1px solid var(--txt-color);margin:var(--padding);padding:0}.show{visibility:visible;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.popuptext p:first-child{font-size:var(--fs-s);padding:var(--padding);margin:0}.popuptext p{font-size:var(--fs-s);padding:var(--padding);margin:0;padding-top:0}.popuptext .project-intro{font-size:var(--fs-m);padding:var(--padding);display:flex;justify-content:space-between}.popuptext .project-credits{font-weight:600;font-size:.8em;padding-top:0}.popuptext .project-meta{display:flex;column-gap:var(--padding);font-size:.8em;border-top:1px solid var(--txt-color);border-bottom:1px solid var(--txt-color);padding:var(--padding)}.popuptext .project-tags{font-size:.8em;border-top:1px solid var(--txt-color);font-weight:600;padding-top:var(--padding)}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media screen and (max-width:850px){nav .site-logo{width:20vw}.arrow{display:none}.bottomline .project-headline,.bottomline .project-year,.bottomline .project-place{display:none}ul.projects li{column-gap:var(--padding)}.projects-meta{font-size:var(--fs-s)}.projects-thumb{display:none}.projects-place{display:none}.popuptext{top:0;margin:0;max-width:100%;bottom:0;z-index:11}}.grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--padding);width:33%;float:left;transition:all 1s ease-in-out;height:95vh}.grid:hover{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--padding);width:60%;float:left;transition:all 1s ease-in-out}.home-nav.kontakt{position:absolute;background:#fff;color:#000;padding:10px;border-radius:30px;left:70vw;top:33vh;box-shadow:1px 4px 160px 126px red;border:1px solid #000;transition:all 500ms ease-in-out}.home-nav.kontakt:hover{transition:all 500ms ease-in-out;box-shadow:1px 0px 40px 20px yellowgreen}.home-nav.projekte{position:absolute;background:#fff;color:#000;padding:10px;border-radius:30px;left:20vw;top:65vh;box-shadow:0px -9px 80px 70px aquamarine;border:1px solid #000;transition:all 500ms ease-in-out}.home-nav.projekte:hover{transition:all 500ms ease-in-out;box-shadow:0px 0px 25px 20px royalblue}.home-nav.data{position:absolute;background:#fff;color:#000;padding:10px;border-radius:30px;right:5vw;bottom:4vh;box-shadow:0px -2px 80px 70px #ff7fe5;border:1px solid #000;transition:all 500ms ease-in-out}.home-nav.data:hover{transition:all 500ms ease-in-out;box-shadow:5px 0px 55px 40px #8f26ff}.marquee{max-width:100vw;white-space:nowrap;overflow:hidden;position:absolute;top:0;left:0;font-weight:800;letter-spacing:-.004em;background:#000;color:#fff;padding-top:10px;padding-bottom:10px;text-transform:uppercase;transition:all ease-in-out 500ms;border-bottom:2px solid #fff}.marquee:hover{color:yellow}.home-nav a{color:#000;text-decoration:none}.marquee span{display:inline-block;padding-left:5%;animation:marquee 10s linear infinite}.projects svg{margin-top:10px;margin-bottom:10px;transition:all 500ms ease-in-out}.projects svg:hover{height:300px;transition:all 500ms ease-in-out}@keyframes marquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}@media screen and (max-height:680px){.carousel-cell img{max-height:350px}.popuptext{max-width:800px}main{padding-top:80px}}@media screen and (max-width:600px){nav .site-logo{width:20vw}ol.flickity-page-dots{display:block}.arrow{display:none}.projects-more a::after{content:"";text-decoration:underline}}