@charset "UTF-8";@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:300;src:url(/assets/jost-v19-latin-300-DkBQXsFU.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:400;src:url(/assets/jost-v19-latin-regular-q-RKOgPK.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:800;src:url(/assets/jost-v19-latin-800-Dqt5tSc_.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fraunces;font-style:normal;font-weight:400;src:url(/assets/fraunces-v37-latin-regular-6IfK1voy.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fraunces;font-style:normal;font-weight:900;src:url(/assets/fraunces-v37-latin-900-DmBL83SS.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--yellow: #eee642}ul{padding:0}h1,h2,h3,h4,h5,h6{font-family:Fraunces,sans-serif;font-weight:900;line-height:1.4;text-transform:uppercase}h1{color:#fff;font-size:clamp(3rem,20vw,25rem)}h2{font-size:clamp(2rem,15vw,8rem)}.circle-3d h3{font-size:3.5rem}h5{font-size:1.5rem;font-weight:300}p{font-size:1.25rem;text-wrap:pretty;font-family:Jost;font-weight:400;color:#ffffffd9;line-height:1.6}a{font-family:Fraunces;font-weight:900}#datenschutz *{color:#000}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.wrapper{position:relative;max-width:1440px;margin:0 auto}#navbar{display:flex;align-items:center;justify-content:space-between;padding:3rem 2rem}#logo{display:inline-block;min-width:64px;min-height:64px;margin:1em}#logo img{width:100%;height:100%;object-fit:contain;display:block}#nav-elements ul{margin:0;padding:0;gap:40px;display:flex;list-style:none;overflow:visible}.menu-button{background:#000;padding:2em;width:14rem;height:4rem;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:none;overflow:hidden;transform-origin:center center}#nav-elements a{text-decoration:none;color:#fff;font-family:Fraunces;font-size:2em;padding:1em;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;width:100%}#nav-elements ul .contact{background:var(--yellow);border:4px solid black}#nav-elements ul .contact a{color:#000}li{display:block}#nav-elements li.menu-button{box-shadow:4px 4px #0000001a;transition:box-shadow .15s ease;transform-origin:center}@media (hover: hover) and (pointer: fine){#nav-elements li:hover{box-shadow:6px 6px #00000080}}#my-face{background:#000;width:15rem;height:15rem;margin:0 auto 1em 15em;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}#my-face img{display:flex;justify-content:center;align-items:center;max-width:100%}.intro-text{display:flex;align-items:center;justify-content:center;width:60rem;height:60rem;background:#000;border-radius:50%;margin-left:auto;margin-right:0;box-shadow:-30px 0 #9e9e9e74}.intro-text p{font-family:Jost;font-size:2em;padding:2em;color:#fff;text-align:center;margin:0;line-height:1.6;border-radius:50%;text-shadow:0 2px 8px rgba(0,0,0,.25)}.circle{border-radius:50%;display:flex}.work-3d{display:flex;flex-direction:column;align-items:center;background:#000}.work-3d h1{align-self:flex-start}.circle-3d{background:#fff;width:7rem;height:7rem}.circle-3d{background:#fff;width:7rem;height:7rem;display:flex;align-items:center;justify-content:center}.circle-3d h2{text-align:center;margin:0;width:100%}.accordion{margin-top:60px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:20px;align-items:stretch}.accordion-item{position:relative;overflow:hidden;flex:0 0 4rem;min-height:30rem;background:#fff;border-radius:50px;transition:flex-basis,padding}.accordion-item{transition-duration:.5s;transition-timing-function:ease-in-out}.accordion-item.opened{flex-basis:50rem;cursor:auto}.accordion-item.opened{transition-property:flex-basis,padding,border-radius;transition-duration:.6s;transition-timing-function:ease-in-out;position:relative;transform-origin:right center}.accordion-item:hover:not(.opened){flex-basis:6rem;cursor:pointer}.accordion-item:not(.opened) figcaption{opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .6s ease-in-out,transform .6s ease-in-out}.accordion-item figcaption{position:absolute;left:0;right:0;bottom:0;min-width:100%;padding:2em;gap:1em;background:linear-gradient(to bottom,#ffffff03,#0009);color:var(--yellow);z-index:3;display:flex;align-items:left;justify-content:center;opacity:0;pointer-events:auto;transform:translateY(100%);transition:opacity .3s ease-in-out .3s,transform .3s ease-in-out .3s}.accordion-item.opened figcaption{opacity:1;transform:translate(0);transition-delay:1.3s;display:flex;transition:opacity ease-in-out,transform .3s ease-in-out}.accordion-item:not(.opened) figcaption{opacity:0;transform:translateY(100%);pointer-events:none}.accordion-item:not(.opened) figure img{transform:scale(1.2);transition:transform .3s ease-in-out,filter .3s ease-in-out;filter:grayscale(1) saturate(.75) brightness(.85)}.accordion-item:not(.opened):hover img{filter:grayscale(0) saturate(1) brightness(.85);transform:scale(1)}.accordion-item img{transition:transform .3s ease-in-out}.accordion-item.opened figcaption{display:flex;transition-delay:.7s}.accordion-item figcaption h3{margin:0;padding:0}.work-3d figure .slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s;border-radius:inherit;z-index:1}.work-3d figure .slide.active{opacity:1;z-index:2}.description-text{margin:60px 120px;max-width:420px}.rhinoceros{align-self:flex-end;margin-right:3em;transform:scaleY(-1);padding-left:60px;margin-bottom:0}.web-header{transform:translateY(-30%)}.web-header h2{font-size:clamp(2rem,10vw,8rem)}.projects{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem;box-sizing:border-box}.card.item-1,.card.item-3{align-self:flex-end}.card.item-2{align-self:flex-start;flex-direction:row-reverse;border-radius:0 9rem 9rem 0;box-shadow:-12px 12px #94949480}.card{display:flex;justify-content:center;align-items:center;background:#000;color:#fff;border-radius:9rem 0 0 9rem;padding:5rem;overflow:hidden;box-shadow:12px 12px #94949480}.image-container{margin:2rem 3rem;max-width:350px;height:auto;flex-shrink:0;overflow:hidden;position:relative;border-radius:30px}.image-container img{filter:grayscale(1) saturate(.75) brightness(.85);transition:filter .5s ease-in-out,transform .5s ease-in-out}.image-container img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.image-container img:hover{filter:grayscale(0) saturate(1) brightness(1);transform:scale(1.02);transition:filter .5s ease-in-out,transform .5s ease-in-out}figcaption{max-width:300px;display:flex;flex-direction:column;gap:2rem}figcaption h3{margin-bottom:20px}figcaption a{text-decoration:none;color:var(--yellow);box-shadow:inset 0 0;margin:0 -.25rem;padding:0 .25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}figcaption a:hover{box-shadow:inset 120px 0 0 0 var(--yellow);color:#000}.skillz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background-color:#000;gap:4rem;margin:60px 0 0;padding:100px}.skillz:before{content:"SKILLS";font-family:Fraunces,serif;font-size:4rem;font-weight:900;color:#fff;position:absolute;top:0;left:0;transform:translateY(-31%);opacity:1;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.skillz{position:relative;z-index:2}.kugel{display:flex;align-items:center;justify-content:center;width:10rem;height:10rem;background-color:#fff;border-radius:50%;text-align:center}.kugel h5{font-family:jost;font-weight:600;font-size:1em}#contact{display:flex;align-items:center;justify-content:center;min-height:400px;position:relative;overflow:hidden}#contact h2{font-family:Fraunces,serif;font-size:7vw;font-weight:900;letter-spacing:.05em;flex:1 1 50%;z-index:2;align-self:flex-start;transform:translate3d(0,-2.5rem,0)}.form-container{display:flex;justify-content:center;align-items:center;background:transparent;width:60vw;padding:60px 0;position:relative;z-index:2;margin:0 auto}#go-to-top{position:fixed;left:50%;transform:translate(-50%);bottom:3rem;width:3.5rem;height:3.5rem;background:var(--yellow, #ffe75a);color:#000;font-size:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000026;cursor:pointer;opacity:0;pointer-events:none;z-index:1000;transition:opacity .3s}@keyframes pulse{0%{box-shadow:0 0 #000000b3}70%{box-shadow:0 0 0 12px #ffe75a00}to{box-shadow:0 0 #ffe75a00}}#go-to-top.visible{opacity:1;pointer-events:auto}#email-container a{display:inline-block;padding:12px 24px;border-radius:200px;background:#000;font-family:Jost,sans-serif;font-size:1.5rem;color:#fff;text-decoration:none;transition:background .3s,color .3s,transform .3s;animation:pulse 1.2s infinite}#email-container a:hover{background:var(--yellow);color:#000}#contact{position:relative}#contact p{font-size:1.5rem;font-weight:300;margin-bottom:1rem;color:#000}.mail{position:absolute;display:flex;gap:32px;flex-direction:column}#email-container{margin-top:.5rem;align-self:center}#footer{display:flex;align-items:center;justify-content:space-between;background:#000;color:#fff;padding:.2em}.rechtliches{display:flex;gap:2rem;margin:0 80px}#footer h5{font-size:.7em;font-weight:300}#footer a{color:#fff;text-decoration:none;font-family:Jost,sans-serif;font-weight:300;transition:transform .3s ease}#footer a:hover{text-decoration:underline;transform:scale(1.05)}@media only screen and (max-width: 768px){#navbar{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:2rem 0}#nav-elements .menu-button{border-radius:0;width:100%}#nav-elements .menu-button a{display:flex;width:100%;height:100%;padding:1em}#nav-elements{position:static;left:unset;top:unset;display:flex;justify-content:center;width:100%}#nav-elements ul{margin-top:2rem;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%}#nav-elements li{margin:.5rem 0;max-width:350px}#my-face{width:12rem;height:12rem;margin:2rem auto}.intro-text{width:100%;margin:0 auto;height:auto;border-radius:0;padding:2rem}.intro-text p{font-size:1.5rem;padding:3rem}.circle-3d h2{font-size:2.5rem}.accordion{flex-direction:column;align-items:stretch}.accordion-item{width:100%;height:auto}.accordion-item.opened{flex-basis:auto;width:100%;height:auto}.work-3d figure img{object-fit:cover}.accordion{flex-direction:column;justify-content:center;align-items:center;width:80%}.accordion-item{flex:1 1 auto;min-height:5rem;margin-bottom:1rem;display:flex;flex-direction:column;justify-content:flex-start}.accordion-item.opened{flex-basis:20rem;cursor:auto}.accordion-item.opened{transition-property:flex-basis,padding,border-radius;transition-duration:.6s;transition-timing-function:ease-in-out;position:relative;transform-origin:right center}.card,.card.item-2{width:100%;max-width:100vw;flex-direction:column;border-radius:0;padding:2rem;box-shadow:none}.skillz{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));background-color:#000;gap:4rem;margin:60px 0;padding:100px}#contact{flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100vw;box-sizing:border-box;overflow-x:hidden}.form-container{width:100%;max-width:100vw;padding:0;box-sizing:border-box}.form-container form{width:100%;max-width:100vw;box-sizing:border-box}.contact-form input,.contact-form textarea{width:100%;max-width:100%;box-sizing:border-box}}