@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://use.typekit.net/rmk5ekh.css";*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body,#root{width:100%;min-height:100%;margin:0;font-family:bulletin-typewriter-mn,sans-serif;font-style:normal}body{background:#e8e5da;min-height:100vh}.app{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}.folder{filter:drop-shadow(0 -20px 5px #0000004d);cursor:pointer;border-radius:clamp(14px,2vw,75px);width:100%;min-width:0;height:clamp(420px,51vw,700px);position:absolute}.folder_label{--folder-label-height:clamp(32px, 3.34vw, 45px);top:calc(var(--folder-label-height) / -2);left:var(--folder-label-left);width:min(280px, calc(100% - var(--folder-label-left) - 12px));height:var(--folder-label-height);isolation:isolate;position:absolute}.folder_label--0{--folder-label-left:125px}.folder_label--1{--folder-label-left:100px}.folder_label--2{--folder-label-left:200px}.folder_label--3{--folder-label-left:175px}.folder_label--4{--folder-label-left:150px}.fahne_2{z-index:0;pointer-events:none;width:auto;height:180px;position:absolute;top:-10px;left:50%;transform:translate(-40%)}.fahne{z-index:1;pointer-events:none;width:auto;height:180px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.fahne--red{filter:hue-rotate(-3deg)saturate(1.08)brightness(.96)}.folder__tab{z-index:2;background-color:#fff;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-2deg)}.folder__tab span{font-family:bulletin-typewriter-mn,sans-serif;font-style:bold italic;white-space:nowrap;z-index:3;font-size:clamp(14px,1.4vw,16px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.folder .folder_label{width:min(280px,100% - 24px,40vw);left:50%;transform:translate(-50%)}.folder__tab span{font-size:clamp(11px,3.5vw,16px)}}@media (width<=600px){.folder_label{--folder-label-height:clamp(30px, 8vw, 42px)}.fahne{height:140px}}.folder-stack{width:min(1350px,100vw - 32px);height:clamp(360px,38vw,500px);position:relative}.navbar{z-index:20;background:#000;flex:none;align-items:center;width:100%;height:90px;padding:0 clamp(24px,4.2vw,80px);font-family:bulletin-typewriter-mn,sans-serif;transition:height .18s,padding .18s;display:flex;position:sticky;top:0}.navbar--compact{height:56px}.navbar--compact .navbar__triangle{display:none}.navbar__links{align-items:center;gap:clamp(18px,4vw,64px);width:auto;max-width:calc(50% - 100px);margin-left:auto;display:flex}.navbar_name{z-index:2;color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:clamp(40px,4vw,60px);font-weight:700;line-height:1;transition:font-size .18s,transform .18s;position:relative}@media (width>=561px){.navbar:not(.navbar--compact) .navbar_name{transform:translateY(1.8vw)}}.navbar__links button{color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:bulletin-typewriter-mn,sans-serif;font-size:clamp(13px,1.4vw,20px);font-style:italic;transition:font-size .18s}.navbar--compact .navbar__links button{font-size:clamp(12px,1.2vw,16px)}.navbar--compact .navbar_name{font-size:clamp(20px,2vw,30px)}.navbar__links button:hover{transform:translateY(-4px)}.navbar__links .impressum{margin-left:0}.navbar__triangle{aspect-ratio:1920/80;clip-path:polygon(0 100%,100% 0,0 0);z-index:1;background:#000;width:100%;position:absolute;top:calc(100% - 1px);left:0}.navbar__logo{filter:drop-shadow(0 10px 2px #00000059);z-index:100;opacity:1;visibility:visible;transition:opacity .18s,visibility linear;position:absolute;bottom:0;left:50%;transform:translate(-50%,70%)}.navbar__logo--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}.navbar__logo img{width:180px;height:180px;display:block}.logo-button:hover img{transform:translateY(-4px)}.logo-button{cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block}.navbar button:focus-visible{outline-offset:6px;outline:2px solid #fff}@media (width<=768px){.navbar{height:78px;padding:0 32px}.navbar--compact{height:52px}.navbar__links{gap:clamp(12px,1.6vw,20px);max-width:calc(50% - 66px)}.navbar_name{font-size:36px}.navbar__links button{font-size:clamp(11px,1.5vw,14px)}.navbar--compact .navbar__links button{font-size:11px}.navbar--compact .navbar_name{font-size:18px}.navbar__links .impressum{margin-left:0}.navbar__logo img{width:132px;height:132px}}@media (width<=560px){.navbar{justify-content:center;align-items:flex-end;height:40px;padding:0 12px 8px}.navbar--compact{height:40px;padding-bottom:8px}.navbar__triangle,.navbar__logo{display:none}.navbar__links{justify-content:flex-end;gap:clamp(8px,2.5vw,14px);max-width:none}.navbar_name{font-size:15px}.navbar__links button{font-size:clamp(10px,3vw,13px)}.navbar__links .impressum{margin-left:0}.navbar__logo{top:4px;bottom:auto;transform:translate(-50%)}.navbar__logo img{width:48px;height:48px}}.homepage{flex-direction:column;width:100%;height:100svh;display:flex;overflow:clip}.archive{background:#e8e5da;flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.aboutpage{background:#e8e5da;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}.aboutfolder{background:#000;border-radius:75px 75px 0 0;width:90%;height:2800px;position:relative;top:400px;bottom:0;left:50%;transform:translate(-50%)}.aboutfolder_tag{filter:drop-shadow(5px 5px 1px #270502cc);width:450px;height:100px;font-size:32px;font-weight:Bold italic;z-index:1;background:#fff;border-radius:10px;position:absolute;top:-50px;left:200px;right:100px;transform:rotate(-2deg)}.aboutfolder_tag span{position:absolute;top:50%;left:50%;transform:translate(-75%,-50%)}.about_paper{filter:drop-shadow(10px 10px 1px #00000059);z-index:1;border-radius:1px;width:90%;height:auto;margin:80px auto 0;position:absolute;top:200px;left:5%}.report{filter:drop-shadow(5px 5px 3px #0000004d);z-index:0;width:72%;height:auto;position:absolute;top:145px;left:14%;rotate:2deg}.about-item{height:max-content}.aboutfolder>.about-item--profile{width:max-content;top:90px;left:65%}.aboutfolder>.about-item--education{width:600px;top:750px;left:45%}.aboutfolder>.about-item--skills{z-index:5;width:max-content;top:900px;left:10%}.aboutfolder>.about-item--contact{z-index:8;width:max-content;top:1500px;left:35%}.aboutfolder>.about-item--socials{z-index:9;width:120px;top:1700px;left:25%}.profile_pic,.skills,.contact,.education,.socials,.prop_1,.prop_2{filter:drop-shadow(5px 10px 2px #00000080);width:auto;height:auto;display:block}.profile_pic{filter:drop-shadow(5px 10px 2px #0003);height:650px}.education{width:600px;height:auto}.skills{height:900px}.contact{width:auto;height:560px}.prop_1,.prop_2{filter:drop-shadow(5px 10px 2px #00000080);z-index:2;width:auto;height:1200px;position:absolute;overflow:hidden}.prop_1{top:1000px;left:15%;rotate:-1deg}.prop_2{z-index:3;top:800px;left:35%;rotate:-3deg}.socials{filter:drop-shadow(5px 10px 2px #00000080);width:120px}@media (width<=768px){.aboutfolder{border-radius:clamp(28px,5.5vw,42px) clamp(28px,5.5vw,42px) 0 0;width:94%;height:clamp(1700px,285vw,2200px);top:clamp(100px,24vw,184px)}.aboutfolder_tag{--aboutfolder-tag-height:clamp(42px, 7.35vw, 76px);top:calc(var(--aboutfolder-tag-height) / -2);width:min(clamp(150px,33vw,360px),100% - 24px);height:var(--aboutfolder-tag-height);border-radius:clamp(5px,.75vw,10px);font-size:clamp(14px,2.35vw,24px);left:8%;right:auto}.aboutfolder_tag span{transform:translate(-50%,-50%)}.about_paper{width:96%;top:clamp(60px,11.7vw,90px);left:2%}.report{width:78%;top:clamp(78px,14vw,108px);left:11%}.profile_pic{width:100%;height:auto}.aboutfolder .about-item--profile{width:clamp(150px,38vw,280px);height:auto;top:clamp(60px,13vw,100px);left:54%}.aboutfolder .about-item--education{width:clamp(200px,64vw,440px);top:clamp(360px,68vw,520px);left:14%}.aboutfolder .about-item--skills{width:clamp(180px,62vw,440px);top:clamp(480px,94vw,720px);left:3%}.prop_1{width:clamp(180px,68vw,460px);height:auto;top:clamp(700px,135vw,1040px);left:5%}.prop_2{width:clamp(180px,62vw,420px);height:auto;top:clamp(600px,117vw,900px);left:28%}.aboutfolder .about-item--contact{width:clamp(190px,70vw,480px);top:clamp(930px,181vw,1390px);left:34%}.aboutfolder .about-item--socials{width:clamp(64px,14vw,120px);top:clamp(1140px,221vw,1700px);left:12%}.aboutfolder .about-item--education,.aboutfolder .about-item--skills,.aboutfolder .about-item--contact,.aboutfolder .about-item--socials{height:max-content}.profile_pic,.skills,.contact,.education,.prop_1,.prop_2,.socials{width:100%;height:auto}}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:300px;transition:filter .18s;position:absolute}.draggable-item__content{transition:transform .18s}.draggable-item:active{cursor:grabbing}@media (hover:hover) and (pointer:fine){.draggable-item:hover:not(:active){filter:drop-shadow(0 12px 10px #0006)}.draggable-item:hover:not(:active)>.draggable-item__content{transform:translateY(-6px)}}.draggable-item--project-image{width:clamp(180px,22vw,300px)}.draggable-item--project-role{width:clamp(180px,20vw,430px)}.draggable-item.draggable-item--project-image-downscaled{width:clamp(440px,30vw,680px)}.draggable-item--project-text{width:clamp(260px,50vw,800px)}.draggable-item-focus{z-index:10000;cursor:zoom-out;background:#000000d1;place-items:center;padding:5vh 5vw;display:grid;position:fixed;inset:0}.draggable-item-focus__content{cursor:default;place-items:center;width:min(90vw,1100px);max-height:90vh;display:grid}.draggable-item-focus__content--dated-photo{width:min(94vw,1440px);max-height:90vh;display:block}.draggable-item-focus__content>*{width:100%}.draggable-item-focus__content img{object-fit:contain;width:100%;max-height:90vh;display:block}.draggable-item-focus__content .project-text-rotation{transform:none}.project-photo-focus{color:#fff;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:center;gap:clamp(24px,4vw,64px);width:100%;max-height:85vh;display:grid}.draggable-item-focus__content .project-photo-focus__image{box-sizing:border-box;object-fit:contain;border:2px solid #fff;width:100%;max-height:85vh;padding:6px;display:block}.project-photo-focus__details{color:#fff;max-height:80vh;overflow-y:auto}.project-photo-focus__card{color:#fff;background:0 0;border-block:1px solid #fff;margin:0 0 12px;padding:14px 16px}.project-photo-focus__metadata{color:#000;background:#fff;border:1px solid #fff;border-radius:8px;margin-top:22px;padding:14px 16px;position:relative}.project-photo-focus__details h2{font-size:clamp(24px,3vw,40px)}.project-photo-focus__details p{font-size:clamp(16px,1.5vw,20px);line-height:1.5}.project-photo-focus__description{margin:0}.project-photo-focus__details .project-photo-focus__date{text-align:right;margin:16px 0 0;font-size:clamp(12px,1vw,14px)}.draggable-item-focus__close{z-index:1;color:#111;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:32px;line-height:1;display:grid;position:fixed;top:20px;right:24px}@media (width<=768px){.project-photo-focus{grid-template-columns:1fr;gap:20px;max-height:80vh;overflow-y:auto}.draggable-item-focus__content .project-photo-focus__image{max-height:52vh}.project-photo-focus__details{max-height:none;overflow:visible}.draggable-item--project-text{width:min(44vw,300px)}}@media (width>=1921px){.draggable-item--project-image{width:clamp(300px,16vw,480px)}.draggable-item--project-text{width:clamp(500px,28vw,720px)}}@media (width<=600px){.draggable-item--project-image,.draggable-item.draggable-item--project-image-downscaled{width:clamp(110px,36vw,160px)}.draggable-item--project-text{width:clamp(140px,44vw,200px)}}.contactpage{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}.shorttext{font-size:32px;left:50%}.gallerypage{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}.openfolder_stack{--openfolder-top-offset:clamp(170px, 18vh, 240px);--openfolder-bottom-gap:clamp(24px, 3vh, 48px);width:100%;height:2400px;position:relative;overflow:visible}@media (width<=768px){.openfolder_stack{--openfolder-top-offset:clamp(125px, 23vw, 180px);height:1800px}}.openfolder_tag{--openfolder-tag-height:clamp(38px, 6vw, 78px);top:calc(0px - var(--openfolder-tag-height) / 2);width:clamp(140px,28vw,380px);height:var(--openfolder-tag-height);filter:drop-shadow(0 10px 1px #27050266);font-size:clamp(13px,2vw,27px);font-weight:Bold italic;z-index:1;background:#fff;border:0;border-radius:10px;position:absolute;left:9vw;transform:rotate(-2deg)}.openfolder_tag span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){.openfolder_tag{--openfolder-tag-height:clamp(28px, 4.5vw, 48px);filter:drop-shadow(0 4px 1px #27050240);border-radius:5px;width:clamp(100px,21vw,230px);font-size:clamp(10px,1.6vw,15px);left:11vw;transform:rotate(-2deg)}}.paper{filter:drop-shadow(0 8px 10px #231b122e);border-radius:2px;width:90%;height:auto;margin:80px auto 0;position:absolute;top:20px;left:5%}@media (width<=768px){.paper{width:90%;margin:0;top:clamp(8px,2vw,16px);left:5%}}.openfolder{top:var(--openfolder-top-offset,300px);height:calc(100% - var(--openfolder-top-offset) - var(--openfolder-bottom-gap));background:#f4850c;border-radius:clamp(20px,4vw,75px) 0 0 clamp(20px,4vw,75px);width:82%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -22px #2d22176b,0 4px 10px #2d221714}.openfolder:after{content:"";background-color:inherit;filter:brightness(.9);clip-path:polygon(0% 0,100% 0,100% 100%,0 100%);z-index:0;pointer-events:none;width:9vw;position:absolute;top:0;bottom:0;left:100%}@media (width<=768px){.openfolder{width:86%}.openfolder:after{width:7vw}}@media (width<=600px){.openfolder_stack{height:1200px}.openfolder{height:calc(100% - var(--openfolder-top-offset) - var(--openfolder-bottom-gap))}}.portfolio-image{box-sizing:border-box;filter:drop-shadow(2px 4px 6px #27190f3d);border-radius:4px;width:100%;height:auto;display:block}.project-item--photo{box-sizing:border-box;background:#fff;padding:8px}.project-item--graphic{border-radius:4px}.project-item--dated-photo{box-sizing:border-box;filter:drop-shadow(2px 4px 6px #27190f3d);background:#fff;margin:0;padding:8px 8px 0;position:relative}.project-item--dated-photo .portfolio-image{filter:none}.project-item__tags{justify-content:space-between;gap:8px;padding:8px 4px 10px;display:flex}.project-item__tag{color:#302821;background:#f2eee7;border-radius:2px;padding:3px 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(10px,1vw,14px);font-style:italic}@media (width<=600px){.portfolio-image{object-fit:contain;border-radius:4px;max-height:28svh}.project-item--dated-photo{padding:3px}.project-item--dated-photo .project-item__tags{display:none}}.portfolio-image-tag{filter:drop-shadow(5px 5px 1px #270502cc);background:#fff;border-radius:10px;width:200px;height:50px}.portfolio-image-tag span{font-size:16px;font-weight:Bold italic;z-index:1}.project_text{filter:drop-shadow(3px 7px 8px #231b1233);width:100%;height:auto;display:block}.project-text-rotation{transform:rotate(2deg)}@media (width<=600px){.project_text{object-fit:contain;max-height:30svh}}.image_container{z-index:2;position:absolute;inset:120px 5% 500px}@media (width<=768px){.image_container{height:clamp(600px,75svh,900px);top:clamp(100px,18svh,140px);bottom:auto}}@media (width<=600px){.image_container{height:calc((100% - clamp(100px, 18svh, 140px) - var(--openfolder-bottom-gap)) / 2)}}.projectpage{background:#e8e5da;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}.next-project-footer-container{flex-shrink:0;width:100%;height:clamp(130px,18vh,180px);position:relative}.next-project-footer{width:100%;height:100%;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.footer-folder{border-radius:clamp(20px,4vw,75px) 0 0;width:82%;position:absolute;top:42px;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -22px #2d22176b,0 4px 10px #2d221714}.footer-folder:after{content:"";background-color:inherit;filter:brightness(.9);clip-path:polygon(0 0%,100% 0,100% 100%,0 100%);width:9vw;position:absolute;top:0;bottom:0;left:100%}.footer-tag{z-index:1;filter:drop-shadow(0 8px 1px #27050259);background:#fff;border-radius:10px;width:clamp(140px,28vw,380px);height:clamp(38px,6vw,78px);font-size:clamp(13px,2vw,27px);font-weight:400;position:absolute;top:8px;left:18%;transform:rotate(-2deg)}.footer-tag span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.footer-folder{width:86%}.footer-folder:after{width:7vw}}@media (width<=600px){.footer-tag{filter:drop-shadow(0 4px 1px #27050240);width:clamp(140px,28vw,300px);height:clamp(38px,6.5vw,62px);font-size:clamp(13px,2vw,21px);top:26px;left:18%}}.impressumpage{background:#e8e5da;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}.legalnotice{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.impressum_text{overflow-wrap:anywhere;width:min(100% - 2*clamp(20px,5vw,64px),700px);margin-inline:auto;font-size:clamp(11px,1.5vw,16px);line-height:1.4}