@import"https://fonts.googleapis.com/css2?family=Roboto:wght@350;380;400;450;500;700&display=swap";.black-box{background-color:#000;margin-top:16px;height:calc(100vh - 117px);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding-top:32px;padding-bottom:32px;box-sizing:border-box}@media (max-width: 768px){.black-box{margin-top:0}}.home-container{background-color:#000;flex-grow:1;padding-left:16px;padding-right:16px;padding-bottom:16px;box-sizing:border-box;display:flex;flex-direction:column}@media (max-width: 768px){.home-container{background-color:#000;padding-left:8px;padding-right:8px;padding-bottom:0;margin-bottom:0}}.click-zone{position:absolute;top:0;bottom:0;width:50%;cursor:pointer;z-index:2}.click-zone.left{left:0}.click-zone.right{right:0}.story-image{max-width:50%;max-height:90%;object-fit:contain;padding-top:5px;padding-bottom:5px;box-sizing:border-box;display:block;margin:0 auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}@media (max-width: 768px){.story-image{max-width:95%;max-height:90%}}.image-viewer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.progress-bar-container{display:flex;position:absolute;top:1px;left:1px;right:1px;height:1.5px;gap:4px;z-index:3}@media (max-width: 768px){.progress-bar-container{top:8px;left:0;right:0}}.progress-bar{flex:1;background-color:#fff3;position:relative;overflow:hidden}.progress-fill{position:absolute;height:1.5px;top:0;left:0;bottom:0;background-color:#fff;opacity:.8}.image-viewer,.story-image,.black-box,.click-zone{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px 16px}@media (max-width: 768px){.projects-grid{gap:8px}}.project-card{display:flex;flex-direction:column;align-items:flex-start;font-style:normal;text-decoration:none;color:#000}.project-img{width:100%;height:auto;object-fit:cover}.project-title{font-size:12px;font-weight:400;line-height:1.2;font-style:normal;text-decoration:none;padding-top:6px;margin:0}.project-subtitle{font-size:12px;line-height:1;color:#ccc;padding:0;margin:0}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;padding:0 8px 8px}}.coming-soon-img{background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;height:100%}@media (max-width: 768px){.coming-soon-img{aspect-ratio:16 / 9}}.project-text{font-family:inherit;font-size:12px}.project-content{display:grid;grid-template-columns:1fr 3fr;margin-top:0;padding:16px;justify-content:space-between}.project-description{font-size:13px;font-weight:380;line-height:1.2;color:#000;max-width:96%}.project-description p{margin:0;padding:0}.project-detail-title{font-size:13px;font-style:italic}.project-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.project-video{height:auto}.ProjectDetail-Grid{display:grid;grid-template-columns:1fr 1fr;padding:0 16px 16px;gap:16px;box-sizing:border-box;width:100%}.ProjectDetail-Grid-Item{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative}.ProjectDetail-Grid-Einspaltig{display:flex;flex-direction:column;gap:16px}.project-content-detail{display:grid;grid-template-columns:1fr 3fr;margin-top:0;padding:0 16px 16px;justify-content:space-between}.image-caption{font-size:12px;color:#000;margin-top:4px;text-align:left;max-width:100%}.footer-navigation{display:flex;justify-content:center;gap:8px;position:relative;align-items:center}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;text-decoration:none}.nav-thumbnail-wrapper{position:relative;display:inline-block}.nav-thumbnail{display:block;width:100%;height:auto}.nav-text{padding:8px 0;display:flex;flex-direction:column}.nav-label{font-size:10px;color:#aaa}.nav-title{font-size:11px;font-weight:400;color:#000}@media (min-width: 769px){.footer-navigation.footer-desktop{justify-content:space-between;padding:22px 16px 0}.footer-navigation.footer-desktop .nav-item{max-width:200px;flex:0 0 auto}}.nav-item.placeholder{visibility:hidden;pointer-events:none}.footer-mobile{margin-top:50px}.canvas-hint{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;font-size:10.5px;font-weight:380;color:#fff;background:#8c8c8c;padding-left:10px}.mobile-layout{padding:0 8px 8px;font-size:1rem}.mobile-gallery{display:flex;flex-direction:column;gap:8px}.mobile-title{font-size:13px;font-style:italic}.mobile-description{font-size:13px;font-weight:380;line-height:1.2;color:#000;max-width:100%;padding-bottom:16px}.mobile-main-image,.mobile-video{width:100%;max-width:100%;height:auto;display:block;padding:0}.mobile-gallery-item img{width:100%;max-width:100%;height:auto;display:block}.mobile-caption{font-size:13px;margin-top:16px;padding:0}.Copyright{font-size:12px;color:#ccc;text-align:center;margin-top:32px;margin-bottom:32px}.play-page-section{background-color:#000;padding:8px 8px 32px}.play-panel-content{display:flex;flex-direction:column;gap:16px}.play-panel-header{font-size:24px;color:#c8c8c8;line-height:1.2em;margin-bottom:-10px}.segment-divider-mobile{height:.75px;background-color:#c8c8c8;margin-top:3px;border:none}.play-panel-image-container{position:relative;width:100%}.play-panel-image{width:100%;display:block;position:relative;z-index:1}.play-progress-rect{width:4px;height:4px;background-color:#fff6}.play-panel-item-title{color:#fff;font-weight:500;margin-top:8px}.play-panel-text{color:#c8c8c8;margin-top:4px;line-height:1.2em}.about-page{background-color:#000;padding:8px 8px 24px}.mobile-contact-content{display:flex;flex-direction:column;flex:1;gap:16px;padding:8px;background-color:#000;overflow:hidden}.contact-text-mobile{font-size:14px;color:#c8c8c8}.contact-text-mobile a{color:#c8c8c8;text-decoration:none}.imprint-mobile{display:flex;flex-direction:column;gap:0em;margin-top:auto;font-size:14px;color:#c8c8c8;padding-top:8px}.imprint-mobile a{color:#c8c8c8;text-decoration:none}.Copyright{font-size:8.5px;color:#2e2e2e;margin-top:10px;margin-bottom:10px;text-align:left}.layout-wrapper{height:100vh;display:flex;flex-direction:column}.page-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.layout-wrapper.contact-no-scroll{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.layout-wrapper.contact-no-scroll .page-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.layout-wrapper.no-scroll .page-content{overflow:hidden}.desktop-navbar{display:block}.mobile-navbar{display:none}@media screen and (max-width: 768px){.desktop-navbar{display:none}.mobile-navbar{display:block;z-index:1000;position:static}.page-content{padding-top:46px}}.site-footer{margin-top:20px}.no-margin-footer .site-footer{margin-top:0;background-color:#000}.play-layout .site-footer{margin-top:0}.navbar{width:100%;background-color:transparent;color:#fff}.grid-container{display:grid;grid-template-columns:1fr 2fr 31.25vw;align-items:start;padding:8px}.grid-item{display:flex;align-items:center;color:#000;font-size:12px}.grid-item a{text-decoration:none;color:inherit}.grid-item-about{font-family:Roboto;font-size:10px;line-height:1.1em;letter-spacing:0px;color:#c8c8c8;padding:0}.grid-item-about a{color:#c8c8c8;text-decoration:none}.grid-item-about a:hover{color:#c8c8c8;font-style:italic}.grid-item-split{position:relative;flex:1;display:flex;justify-content:flex-end}.split-left{flex:0}.split-right{flex:1;display:flex;justify-content:flex-end}.side-panel{position:fixed;top:16px;right:16px;bottom:16px;z-index:999;width:31.25vw;height:calc(100vh - 200px);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#36363680;color:#c8c8c8;display:flex;flex-direction:column;transition:height .3s ease}.side-panel.collapsed{height:28px;overflow:hidden}.side-panel.expanded{height:calc(100vh - 33px)}.side-panel-menu{display:flex;align-items:center;padding:8px;gap:20px;height:auto;margin:0;max-height:.9em}.menu-link{display:inline-block;padding:0;line-height:1;font-size:12px;color:#fff;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:color .2s ease}.menu-arrow{display:flex;align-items:center;margin-left:auto;padding:5px 4px 4px;width:22px;height:auto;background:transparent;border:none;cursor:pointer}.menu-arrow svg{width:24px;height:24px}.side-panel-content{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,.3) transparent}.side-panel-content::-webkit-scrollbar{width:6px}.side-panel-content::-webkit-scrollbar-track{background:transparent}.side-panel-content::-webkit-scrollbar-thumb{background:#c8c8c84d;border-radius:3px}.side-panel-content::-webkit-scrollbar-thumb:hover{background:#c8c8c880}.side-panel.collapsed .menu-link{color:#fff;font-weight:400}.side-panel.expanded .menu-link.active{color:#fff}.side-panel.expanded .menu-link:not(.active){color:#888;font-weight:400}.side-panel.expanded .menu-link:hover,.side-panel.collapsed .menu-link:hover{color:#fff}.play-panel-images{display:flex;flex-direction:column;gap:16px}.play-panel-item{display:flex;flex-direction:column;gap:8px}.play-panel-image{width:100%;aspect-ratio:16/9;height:auto;object-fit:fill}.play-panel-item-title{padding-top:2px;font-size:8px;letter-spacing:.5px;font-weight:700;color:#888}.play-panel-text{font-size:12px;line-height:1.3em;font-weight:380;letter-spacing:.02em;color:#c8c8c8;margin:0}.PassionButton{background:transparent;box-shadow:none;outline:none;border:none;font-size:12px;line-height:1.3em;font-weight:380;letter-spacing:.02em;color:#c8c8c8}.PassionButton:hover{font-style:italic;cursor:pointer}.panel-about-text-wrapper{display:flex;flex-direction:column;gap:15px}.about-content{display:flex;flex-direction:column;gap:16px}.about-portrait img{width:100%;aspect-ratio:16/9;height:auto;object-fit:fill}.contact-content{display:flex;flex-direction:column;flex:1;min-height:0}.contact-text{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#c8c8c8}.contact-text a:hover{font-style:italic}.contact-text a,.contact-text a:visited,.contact-text a:hover,.contact-text a:active{color:#c8c8c8;text-decoration:none}.contact-spacer{height:32px}.imprint-link{display:flex;flex-direction:column;gap:2px;margin-top:auto;font-size:12px;color:#c8c8c8;padding-top:8px}.imprint-link a:hover{font-style:italic}.Logos-Wrapper{display:flex;flex-wrap:wrap;gap:30px}.Logos-Wrapper .logo{height:20px;width:auto;fill:#c8c8c8;opacity:1;transition:fill .2s ease}.Logos-Wrapper .logo1:hover{fill:#dd4d35}.Logos-Wrapper .logo2:hover{fill:#cf2c2d}.Logos-Wrapper .logo3:hover{fill:#00e100}.segment-divider{height:.75px;background-color:#c8c8c8;margin:0;border:none}.cv-segment{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start}.cv-input-wrapper{display:flex;gap:10px;margin-top:8px}.cv-input{padding:5px 6px;font-size:12px;color:#fff;background-color:#ffffff4d;border:none}.cv-input::placeholder{color:#fff;opacity:1}.cv-button{padding:6px 12px;font-size:12px;cursor:pointer;background-color:#333;color:#fff;border:none;transition:background-color .3s}.cv-button:hover{background-color:#555}.play-gradient-overlay{position:absolute;left:0;bottom:0;width:100%;height:40%;background:linear-gradient(to top,#0000004d,#0000);pointer-events:none;z-index:2}.play-progress{position:absolute;bottom:8px;left:0;display:flex;gap:6px;z-index:3;padding-left:8px}.play-progress-rect{width:4px;height:4px;background-color:#ffffff4d}.play-progress-rect.active{background-color:#fff}.click-area{position:absolute;top:0;bottom:0;width:50%;z-index:10;cursor:pointer}.click-area.left{left:0}.click-area.right{right:0}.grid-item.project-list{display:flex;flex-direction:column;align-items:flex-start;font-size:11.5px;font-weight:400;color:#9f9f9f}.project-list a{text-decoration:none;color:inherit}.project-list a:hover,.project-list a.active-project-link{color:#000}.home-link{text-decoration:none;color:inherit}.grid-item.nav-links a,.grid-item.nav-links{text-decoration:none;color:#000}.grid-item.nav-links a:hover{color:#000;font-style:italic}.mobile-header-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:8px;align-items:start;position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);background:#e0e0e033;z-index:1000;transition:transform .3s ease}.mobile-header-grid.visible{transform:translateY(0)}.mobile-header-grid.hidden{transform:translateY(-100%)}.box{padding:8px}.name{font-weight:450;font-size:16px;padding:0;align-items:top}.subtitle{font-size:16px;font-weight:450;line-height:.95;color:#fff;mix-blend-mode:difference;padding:0}.hamburger{background:none;border:none;display:flex;flex-direction:column;gap:4px;padding:1px;cursor:pointer}.hamburger .line{width:24px;height:1.5px;background-color:#000}.mobile-menu-overlay{position:fixed;top:8px;left:8px;right:8px;height:150px;-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);background:#e0e0e033;overflow:hidden;z-index:9998}.mobile-menu-overlay:not(.open){display:none}.mobile-nav-links{font-size:27px;font-weight:350;padding:0;display:flex;flex-direction:column;height:100%}.mobile-nav-links a{flex:1;height:30px;padding:0 4px;display:flex;align-items:center;font-weight:400;color:#000;text-decoration:none;position:relative}.mobile-nav-links a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#0003}.mobile-nav-links a:last-child:after{display:none}.close-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;position:absolute;top:0;right:0;transform:translate(14%,-17%);font-size:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.site-footer{padding:5px;align-items:center;text-align:center;font-size:11px;color:#666;background-color:#ebebeb;margin-top:20px}.imprint-wrapper{display:flex;flex-direction:column;gap:8px;padding:16px;color:#c8c8c8;font-size:10px}@media (max-width: 768px){.imprint-wrapper{padding:8px}}body{margin:0;padding:0;font-family:Roboto,sans-serif}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:16px}.projects-container{display:flex}.projects-item{flex:1;background-color:#fff;padding:16px;border:0px solid #ccc;text-align:left;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}.divider{border:none;border-top:1px solid #000000;margin:15px 20px}.image-row{display:flex;justify-content:space-between;padding:20px}.image-item{width:25%;height:auto;object-fit:cover;border-radius:0}html,body{margin:0;padding:0;height:100%}.no-scroll{height:100vh;overflow:hidden}.scroll{overflow-y:auto;height:auto}