.sidebar{border-right:1px solid #a9a9a9;border-right:1px solid var(--dark-green);height:100dvh;overflow:hidden}.sidebar span{color:#000;color:var(--black);font-family:SohneMono;font-size:.75rem;font-weight:400;line-height:1rem;margin-bottom:1rem;text-align:justify}.profile-photo-container{align-items:center;background:#d3d3d3;background:var(--green);border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);display:grid;grid-template-columns:1fr;height:0;justify-content:center;overflow:hidden;padding-top:100%;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.profile-photo{height:100%;left:0;mix-blend-mode:darken;object-fit:cover;position:absolute;scale:1.2;top:0;width:100%}.profile-photo:hover{cursor:help}.my-name{display:block;font-family:Sohne;font-size:.875rem;font-weight:400}.my-name,.my-name span{color:#000;color:var(--black);margin-bottom:.5rem;text-decoration:none;transition:color 1s ease-in-out}.my-name span{font-weight:600}.description,.my-name span{font-family:SohneMono;font-size:.75rem}.description{color:#000;cursor:default;font-weight:400;line-height:1rem;margin-bottom:1rem;text-align:justify}.info{background:#d3d3d3;background:var(--green);height:calc(100dvh - 4rem);padding:.75rem 1rem 0;width:100%}.info h2{color:#000;color:var(--black);cursor:default;font-family:SohneMono;font-size:.75rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.info a{cursor:pointer}.sidebar-header{border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);padding:.75rem 1rem .7rem;top:0}.sidebar-footer,.sidebar-header{background:#d3d3d3;background:var(--green);display:flex;height:2.5rem;justify-content:space-between;position:-webkit-sticky;position:sticky;width:100%;z-index:10}.sidebar-footer{border-top:1px solid #a9a9a9;border-top:1px solid var(--dark-green);bottom:0;padding:.7rem 1rem .75rem}.footer-link{color:#000;color:var(--black);font-family:SohneMono;font-size:.75rem;font-weight:400;text-decoration:none;transition:color 1s ease-in-out}.content-container{height:100%;overflow-y:hidden;width:100%}.video-container{align-items:center;animation:gradient 10s ease-in-out alternate-reverse;display:flex;flex-direction:column;height:100dvh;justify-content:center;position:relative;width:100dvw;z-index:-1}.fullscreen{height:100dvw;mix-blend-mode:darken;object-fit:cover;scale:1.2;width:100dvw}.video-overlay{background:#d3d3d3;background:var(--green);height:100%;opacity:0;overflow-y:scroll;transition:opacity .5s ease-in-out;width:100%;z-index:100}.video-overlay.fade-in{height:100%;opacity:1}.project-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}.project-container p a{color:blue;font-size:.75rem;text-decoration:underline}.project-container a{color:#000;color:var(--black);text-decoration:underline}.project-container h1{background:#d3d3d3;background:var(--green);border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);color:#000;color:var(--black);display:flex;font-family:SohneMono;font-size:12px;font-weight:400;justify-content:space-between;line-height:auto;margin-bottom:8px;margin-top:-2rem;padding-top:1rem;position:-webkit-sticky;position:sticky;top:0}.project-container h1 span{font-size:.75rem;font-weight:600;padding-bottom:.5rem}.project-container h2{font-weight:600;margin:8px 0}.project-container h2,.project-container h3{color:#000;color:var(--black);font-family:SohneMono;font-size:12px;line-height:auto}.project-container h3{display:flex;font-weight:400;justify-content:left;margin-bottom:.5rem;padding-top:1rem}.project-container h3 span{padding-right:16px}.project-container h3 span a{color:blue;justify-content:left;margin-bottom:8px}.project-container h3 span a,.project-container h4{display:flex;font-family:SohneMono;font-size:12px;font-weight:400;line-height:auto}.project-container h4{color:#000;color:var(--black);justify-content:space-between}.project-container p,li{color:#000;cursor:default;font-family:SohneMono;font-size:12px;font-weight:400;letter-spacing:.3px;text-align:justify}.project-container ul{list-style-type:none}.resume-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}.resume-container a{color:blue;text-decoration:underline}.resume-container h1{line-height:auto;margin-bottom:8px}.resume-container h1,.resume-container h2{color:#000;color:var(--black);font-family:SohneMono;font-size:12px;font-weight:600}.resume-container h2{border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);line-height:24px;margin:16px 0 0}.resume-container h4{color:#000;color:var(--black);display:flex;font-family:SohneMono;font-size:12px;font-weight:400;justify-content:space-between;line-height:auto;margin:8px 0 4px}.resume-container h4 span,.resume-container h4 span a{font-size:.75rem}.resume-container p,li{color:#000;cursor:default;font-family:SohneMono;font-size:.75rem;font-weight:400;letter-spacing:.3px;text-align:justify}.resume-container ul{list-style-type:none}.resume-container h3{border-top:1px solid #a9a9a9;border-top:1px solid var(--dark-green);color:#000;color:var(--black);display:flex;font-family:SohneMono;font-size:.875rem;font-weight:400;justify-content:space-between;line-height:1.125rem;margin-bottom:.75rem;padding-top:8px}.resume-container h3 span,.resume-container h3 span a{font-size:.75rem}.resume-description{margin-bottom:4px}:root{--green:#d3d3d3;--dark-green:#a9a9a9;--black:#000}body{background:#d3d3d3;background:var(--green)}@font-face{font-family:Sohne;font-style:normal;font-weight:400;src:url(/static/media/test-soehne-buch.507555d22053b6630bf4.woff2) format("woff2")}@font-face{font-family:Sohne;font-style:italic;font-weight:400;src:url(/static/media/test-soehne-buch-kursiv.aad0384953204dd3d671.woff2) format("woff2")}@font-face{font-family:Sohne;font-style:normal;font-weight:600;src:url(/static/media/test-soehne-halbfett.8ab47772533c6895315b.woff2) format("woff2")}@font-face{font-family:SohneMono;font-style:normal;font-weight:400;src:url(/static/media/test-soehne-mono-buch.971609b26bf77558b8b9.woff2) format("woff2")}@font-face{font-family:SohneMono;font-style:italic;font-weight:400;src:url(/static/media/test-soehne-mono-buch-kursiv.af684accfd621017d671.woff2) format("woff2")}@font-face{font-family:SohneMono;font-style:normal;font-weight:600;src:url(/static/media/test-soehne-mono-halbfett.3b6223f18b9140c4d599.woff2) format("woff2")}.mobile-header{border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);overflow:hidden;padding:.75rem 1rem .6rem}.mobile-footer,.mobile-header{background:#d3d3d3;background:var(--green);display:flex;height:2.5rem;justify-content:space-between;position:fixed;width:100%;z-index:10}.mobile-footer{border-top:1px solid #a9a9a9;border-top:1px solid var(--dark-green);bottom:0;padding:.65rem 1rem .6rem}.mobile-profile-photo-container{grid-gap:.5rem;align-items:center;animation:gradient 60s ease infinite alternate-reverse;background:#d3d3d3;background:var(--green);display:grid;gap:.5rem;grid-template-columns:1fr;justify-content:center;margin-bottom:1.5rem;object-fit:cover;opacity:1;overflow:hidden;position:relative;text-align:center;transition:opacity .5s ease-in-out;width:100%;z-index:100}.hidden{opacity:0}.displayed{display:none}.info-container{opacity:0;transition:opacity .5s ease-in-out}.show{opacity:1}@-webkit-keyframes gradient{0%{background:#d3d3d3;background:var(--green)}50%{background:#dadada}to{background:#d3d3d3;background:var(--green)}}@keyframes gradient{0%{background:#d3d3d3;background:var(--green)}50%{background:#dadada}to{background:#d3d3d3;background:var(--green)}}.mobile-profile-photo-container img{border:1 solid #a9a9a9;border:1 solid var(--dark-green);margin-left:-50%;margin-top:-20%;mix-blend-mode:darken;width:200%}.mobile-profile-photo-container img:hover{cursor:pointer}.mobile-info{height:calc(100dvh - 3.5rem);left:0;margin-top:2.5rem;overflow-y:scroll;padding:1rem;position:fixed;top:0;width:100%}.mobile-info ul{list-style-type:none}.mobile-my-name{color:#000;color:var(--black);cursor:default;display:block;font-family:Sohne;font-size:.875rem;font-weight:400;margin-bottom:.5rem;text-decoration:none;transition:color 1s ease-in-out}.mobile-my-name:hover{color:#a9a9a9;color:var(--dark-green);cursor:pointer}.mobile-description{color:#000;cursor:default;line-height:1rem;margin-bottom:1rem}.description-bottom,.mobile-description{font-family:SohneMono;font-size:.75rem;font-weight:400;text-align:justify}.description-bottom{padding-bottom:.5rem}.mobile-info h2{cursor:default;font-family:Sohne;font-weight:400;margin:.5rem 0}.mobile-info h2,.project-title{color:#000;color:var(--black);font-size:.875rem}.project-title{text-decoration:none}.project-title:hover{cursor:pointer}.mobile-footer-link{color:#000;color:var(--black);font-family:Sohne;font-size:.875rem;font-weight:400;text-decoration:none;transition:color 1s ease-in-out}.footer-link:hover{-webkit-animation:colorOscillation 2s infinite alternate;animation:colorOscillation 2s infinite alternate;color:#a9a9a9;color:var(--dark-green);cursor:pointer}.sidebar p{color:#000;color:var(--black);font-family:Sohne;font-size:1.125rem;font-weight:400;line-height:23.4px;margin-bottom:4px}.sidebar ul{font-family:Sohne;font-size:.875rem}.sidebar ul,.sidebar ul li.project-title{color:#000;color:var(--black);font-weight:400;line-height:1.5rem;list-style-type:none}.sidebar ul li.project-title{font-family:SohneMono;font-size:.75rem}.mobile-content-container{height:calc(100% - 4.5rem);margin-top:2.5rem;padding:0;position:fixed;width:100%;z-index:5}.mobile-fullscreen{height:100dvh;left:0;mix-blend-mode:screen;object-fit:cover;position:fixed;top:0;width:100dvw;z-index:1}.mobile-video-overlay{background:#d3d3d3;background:var(--green);height:0;opacity:0;overflow-y:scroll;transition:opacity .5s ease-in-out;width:100%;z-index:100}.mobile-video-overlay.fade-in{height:100%;opacity:1}.mobile-project-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem 1rem 1.5rem}.mobile-project-container p a{color:blue;font-size:.75rem;text-decoration:underline}.mobile-project-container a{color:#000;color:var(--black);text-decoration:underline}.details{padding-bottom:8px}.mobile-project-container h1{background:#d3d3d3;background:var(--green);border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);color:#000;color:var(--black);display:flex;font-family:SohneMono;font-size:.875rem;font-weight:400;justify-content:space-between;line-height:auto;margin-top:-1rem;padding:1rem 0 0;position:-webkit-sticky;position:sticky;top:0}.mobile-project-container h1 .bold{font-size:.75rem;padding-bottom:.5rem}.mobile-project-container h1 .bold,.mobile-project-container h2{color:#000;color:var(--black);font-family:SohneMono;font-weight:600;line-height:auto}.mobile-project-container h2{font-size:12px;margin:8px 0}.mobile-project-container h3{color:#000;color:var(--black);display:flex;font-family:SohneMono;font-size:12px;font-weight:400;justify-content:left;line-height:auto;padding-top:.5rem}.mobile-project-container h3 span{padding-right:16px}.mobile-project-container h3 span a{color:blue;justify-content:left;margin-bottom:8px}.mobile-project-container h3 span a,.mobile-project-container h4{display:flex;font-family:SohneMono;font-size:12px;font-weight:400;line-height:auto}.mobile-project-container h4{color:#000;color:var(--black);justify-content:space-between}.mobile-project-container p,li{color:#000;cursor:default;font-family:SohneMono;font-size:12px;font-weight:400;letter-spacing:.3px;text-align:left}.mobile-project-container ul{list-style-type:none}.mobile-project-container ul li{text-align:left}.project-img{width:100%}.project-title{color:blue;cursor:pointer;display:inline-block;font-size:.75rem;letter-spacing:.3px;text-decoration:underline;transition:color 1s ease-in-out}.project-title:hover{color:#a9a9a9;color:var(--dark-green)}.contact-info{border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);display:flex;justify-content:space-between}.contact-info,.contact-info span{color:#000;color:var(--black)}.contact-info,.contact-info span,.contact-info span a{font-family:SohneMono;font-size:12px;font-weight:400;line-height:auto;margin-bottom:8px}.contact-info span a{color:blue}p.contact,p.contact span.bold{color:#000;color:var(--black);font-family:SohneMono;font-size:.75rem;font-weight:400;line-height:1rem;margin-bottom:1rem;text-align:justify}p.contact a,p.contact span.bold a{color:blue;font-family:SohneMono;font-size:.75rem;font-weight:400;margin-bottom:12px}.mobile-resume-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}.mobile-resume-container a{color:#000;color:var(--black);text-decoration:underline}.mobile-resume-container h1{background:#d3d3d3;background:var(--green);border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);display:flex;justify-content:space-between;margin-top:-1rem;padding-top:1rem;position:-webkit-sticky;position:sticky;top:0}.mobile-content-container h1 span{color:#000;color:var(--black);font-weight:600}.mobile-content-container h1 a,.mobile-content-container h1 span{font-family:SohneMono;font-size:12px;line-height:auto;margin-bottom:8px}.mobile-content-container h1 a{color:blue;font-weight:400}.mobile-resume-container h2{border-bottom:1px solid #a9a9a9;border-bottom:1px solid var(--dark-green);font-weight:600;line-height:24px;margin:16px 0 0}.mobile-resume-container h2,.mobile-resume-container h4{color:#000;color:var(--black);font-family:SohneMono;font-size:12px}.mobile-resume-container h4{display:grid;font-weight:400;grid-template-columns:1fr 1fr;justify-content:space-between;line-height:auto;margin:8px 0 4px}.mobile-resume-container h4>:nth-child(2n){text-align:right}.mobile-resume-container h4 span,.mobile-resume-container h4 span a{font-size:.75rem}.mobile-resume-container p,li{color:#000;cursor:default;font-family:SohneMono;font-size:.75rem;font-weight:400;letter-spacing:.3px;text-align:justify}.mobile-resume-container ul{list-style-type:none}.mobile-resume-container h3{color:#000;color:var(--black);display:flex;font-family:SohneMono;font-size:.875rem;font-weight:400;justify-content:space-between;line-height:1.125rem;margin-bottom:.75rem;padding-top:.5rem}.mobile-resume-container h3 span{font-size:.75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobile-resume-container h3 span a{font-size:.75rem}.mobile-resume-container a{color:blue}.bold,.bold a{font-size:.75rem;font-weight:600}.date{-webkit-animation:sectionAnimation 2s infinite alternate;animation:sectionAnimation 2s infinite alternate;font-size:.75rem}.date,.italics{font-weight:400}.italics{font-size:inherit;font-style:italic}.mobile-resume-description{margin-bottom:4px}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#d3d3d3;background:var(--green)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#a9a9a9;background:var(--dark-green)}@-webkit-keyframes colorOscillation{0%{color:#000}to{color:#a9a9a9;color:var(--dark-green)}}@keyframes colorOscillation{0%{color:#000}to{color:#a9a9a9;color:var(--dark-green)}}@-webkit-keyframes sectionAnimation{0%{color:#000}to{color:#a9a9a9;color:var(--dark-green)}}@keyframes sectionAnimation{0%{color:#000}to{color:#a9a9a9;color:var(--dark-green)}}*{box-sizing:border-box;font-size:16px;margin:0;padding:0}.wrapper{overflow:hidden}.mobile-wrapper{display:grid;grid-template-columns:1fr;overflow:hidden}.loader,.mobile-wrapper{height:100dvh;width:100dvw}.loader{align-items:center;display:flex;justify-content:center;position:fixed;top:0}.spinner{-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;font-size:4rem}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.09d897d9.css.map*/