#hero_section[data-astro-cid-oftltkt7]{--intro-full-width: clamp(200px, 100%, 514px);--intro-welcome-letter-spacing: .1em;--intro-welcome-line-height: 100%;--intro-h1-size: 4rem;--intro-h1-margin: 2rem 0;--intro-row-letter-spacing: .04em;--intro-row-line-height: 90%;--intro-row-1-space-left: 0;--intro-row-2-space-left: 0;--intro-row-4-space-left: 0;--sparkles-row-2-big-size: 0px;--sparkles-row-2-big-right: -35px;--sparkles-row-2-big-top: -22px;--sparkles-row-2-small-size: 0px;--sparkles-row-2-small-right: -39px;--sparkles-row-2-small-top: -2px;--sparkles-row-4-big-size: 0;--sparkles-row-4-big-left: 33px;--sparkles-row-4-big-bottom: -22px;--sparkles-row-4-small-size: 0;--sparkles-row-4-small-left: 33px;--sparkles-row-4-small-bottom: -34px;--button-space-left: 0px;@media all and (min-width: 351px){--intro-full-width: 294px;--intro-welcome-letter-spacing: .15em;--intro-h1-size: 44px;--intro-h1-margin: 3rem 0;--intro-row-letter-spacing: .04em;--intro-row-line-height: 90%;--intro-row-1-space-left: 36px;--intro-row-2-space-left: 60px;--intro-row-4-space-left: 36px;--sparkles-row-2-big-size: 32px;--sparkles-row-2-big-right: 4px;--sparkles-row-2-big-top: -24px;--sparkles-row-2-small-size: 12px;--sparkles-row-2-small-right: 2px;--sparkles-row-2-small-top: -12px;--sparkles-row-4-big-size: 26px;--sparkles-row-4-big-left: 15px;--sparkles-row-4-big-bottom: -22px;--sparkles-row-4-small-size: 12px;--sparkles-row-4-small-left: 11px;--sparkles-row-4-small-bottom: -32px;--button-space-left: 0px}@media all and (min-width: 640px){--intro-full-width: 400px;--intro-welcome-letter-spacing: .15em;--intro-h1-size: 60px;--intro-h1-margin: 2rem 0;--intro-row-letter-spacing: .04em;--intro-row-line-height: 90%;--intro-row-1-space-left: 48px;--intro-row-2-space-left: 82px;--intro-row-4-space-left: 48px;--sparkles-row-2-big-size: 46px;--sparkles-row-2-big-right: 0;--sparkles-row-2-big-top: -24px;--sparkles-row-2-small-size: 16px;--sparkles-row-2-small-right: -1px;--sparkles-row-2-small-top: -9px;--sparkles-row-4-big-size: 30px;--sparkles-row-4-big-left: 22px;--sparkles-row-4-big-bottom: -22px;--sparkles-row-4-small-size: 12px;--sparkles-row-4-small-left: 19px;--sparkles-row-4-small-bottom: -32px;--button-space-left: 46px}@media all and (min-width: 768px){--intro-full-width: 436px;--intro-h1-size: 68px}@media all and (min-width: 1024px){--intro-full-width: 454px;--intro-h1-size: 72px}@media all and (min-width: 1280px){--intro-full-width: 514px;--intro-welcome-letter-spacing: .15em;--intro-h1-size: 80px;--intro-h1-margin: 2rem 0;--intro-row-letter-spacing: .04em;--intro-row-line-height: 90%;--intro-row-1-space-left: 65px;--intro-row-2-space-left: 134px;--intro-row-4-space-left: 65px;--sparkles-row-2-big-size: 52px;--sparkles-row-2-big-right: -35px;--sparkles-row-2-big-top: -22px;--sparkles-row-2-small-size: 20px;--sparkles-row-2-small-right: -39px;--sparkles-row-2-small-top: -2px;--sparkles-row-4-big-size: 36px;--sparkles-row-4-big-left: 33px;--sparkles-row-4-big-bottom: -22px;--sparkles-row-4-small-size: 12px;--sparkles-row-4-small-left: 33px;--sparkles-row-4-small-bottom: -34px;--button-space-left: 118px}margin:60px auto;.intro{letter-spacing:var(--intro-welcome-letter-spacing);line-height:var(--intro-welcome-line-height)}.button{display:inline-flex;margin-left:var(--button-space-left)}h1{margin:var(--intro-h1-margin)}.row-1{padding-left:var(--intro-row-1-space-left)}.row-2{position:relative;z-index:1;padding-left:var(--intro-row-2-space-left);.icon-sparkles{svg:first-child{position:absolute;width:var(--sparkles-row-2-big-size);right:var(--sparkles-row-2-big-right);top:var(--sparkles-row-2-big-top)}svg:last-child{position:absolute;width:var(--sparkles-row-2-small-size);right:var(--sparkles-row-2-small-right);top:var(--sparkles-row-2-small-top)}}}.row-4{position:relative;z-index:1;padding-left:var(--intro-row-4-space-left);.icon-sparkles{svg:first-child{position:absolute;width:var(--sparkles-row-4-big-size);left:var(--sparkles-row-4-big-left);bottom:var(--sparkles-row-4-big-bottom)}svg:last-child{position:absolute;width:var(--sparkles-row-4-small-size);left:var(--sparkles-row-4-small-left);bottom:var(--sparkles-row-4-small-bottom)}}}}#intro-text[data-astro-cid-oftltkt7]{margin:auto;width:var(--intro-full-width)}h1[data-astro-cid-oftltkt7] .row[data-astro-cid-oftltkt7]{display:block;font-size:var(--intro-h1-size);letter-spacing:var(--intro-row-letter-spacing);line-height:var(--intro-row-line-height)}#main-photo[data-astro-cid-jddehmnv]{width:calc(var(--var-photo-size));height:var(--var-photo-size);position:absolute;right:0;top:calc(-1 / 2 * var(--var-photo-size));overflow:hidden;transition:all .3s;img{margin-left:calc(var(--var-photo-size) * .25);border-radius:50%;object-fit:cover;width:var(--var-photo-size);height:var(--var-photo-size);transform:translate(0);transition:transform .05s linear;transition:all .3s}}#ueber-mich[data-astro-cid-32upnxpo]{--var-text-grid-column: 2/-1;--var-photo-size: 300px;--about-me-space-over-photo: calc( var(--var-photo-size) / 2 );--about-me-space-under-photo: calc( var(--var-photo-size) / 2 );@media all and (min-width: 351px){--var-photo-size: 300px}@media all and (min-width: 640px){--var-photo-size: 350px;--var-text-grid-column: 2/10}@media all and (min-width: 768px){--var-photo-size: 400px;--about-me-space-over-photo: 6rem;--about-me-space-under-photo: 6rem;--var-text-grid-column: 2/8}@media all and (min-width: 1024px){--var-photo-size: 450px}@media all and (min-width: 1280px){--var-photo-size: 500px}@media all and (min-width: 1536px){--var-photo-size: 600px}}ul[data-astro-cid-32upnxpo].tags{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;li{padding:.5rem 1.5rem;background:var(--var-tag-background);color:var(--var-tag-color);border-radius:8px}}#ueber-mich[data-astro-cid-32upnxpo]{margin-top:var(--about-me-space-over-photo);padding-top:var(--about-me-space-under-photo);position:relative}#about-me-text[data-astro-cid-32upnxpo]{display:contents;h1{grid-column:1 / -1}h2{margin-bottom:1rem}.about-me-section{display:contents;gap:20px;margin-bottom:30px;aside{display:flex;grid-column:1/2;justify-content:flex-end}svg{fill:var(--var-sparkle-color)}main{grid-column:var(--var-text-grid-column);p:first-child,h2{margin-top:0}}}}.project-carousel{margin:0 auto;width:100%;border-radius:10px;border:12px solid var(--project-background-color);background:var(--project-background-color);color:var(--project-text-color)}.project-info{padding:1rem 2rem 3rem;ul{margin-top:1rem;padding-left:2.2rem}.project-links{display:flex;flex-wrap:wrap;gap:1rem}}.frame{background-color:var(--project-frame-background-color);border-color:var(--project-frame-background-color);max-width:var(--max-width);width:100%;margin:0 auto;padding:1rem;box-sizing:border-box;overflow:hidden;position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;gap:1rem;border-radius:8px}.project-carousel .row{display:flex;gap:1rem;width:100%;padding:0 1rem;box-sizing:border-box;transform:rotate(-15deg) scale(1.15);margin:2.5rem 0}.project-carousel .strip{position:relative;display:flex;gap:1rem;align-items:center;margin:0 1rem;width:100%}.project-carousel .tile{height:250px;border-radius:5px;overflow:visible;position:relative;flex-shrink:0;padding:.5rem;transition:transform .3s ease;will-change:transform;cursor:pointer}.project-carousel .tile:hover{transform:scale(1.05)}.project-carousel .tile:active{transform:scale(.995)}.project-carousel .tile img{height:100%;width:auto;display:block;object-fit:cover;border-radius:6px;box-shadow:2px 2px 8px #0000001a;transition:box-shadow .3s ease}.lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#08080ab8;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .18s ease;z-index:1200}.lightbox[aria-hidden=false]{opacity:1;visibility:visible}.lb-stage{max-width:92vw;max-height:86vh;display:flex;align-items:center;justify-content:center;padding:8px}.lb-image{max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);object-fit:contain;border-radius:8px;box-shadow:0 8px 30px #0009;background:#111}.lb-btn{position:absolute;background:var(--color-dark);color:#fff;border:none;padding:10px 14px;font-size:22px;border-radius:8px;cursor:pointer;backdrop-filter:blur(4px);transition:background-color .12s ease,transform .08s;display:flex;align-items:center;justify-content:center}.lb-btn:hover{background:var(--color-purple)}.lb-close{top:18px;right:18px}.lb-prev{left:14px;top:50%;padding:3px 13px 8px;transform:translateY(-50%)}.lb-next{right:14px;top:50%;padding:3px 13px 8px;transform:translateY(-50%)}@media (max-width:720px){.lb-prev,.lb-next{padding:3px 13px 8px;font-size:20px}}section[data-astro-cid-h4owfnww]#projekte{header{grid-column-start:1;grid-column-end:13}.projects{grid-column-start:1;grid-column-end:13;display:flex;flex-direction:column;gap:6rem}}#kontakt[data-astro-cid-ptl3ltwj]{padding-top:0}#kontakt[data-astro-cid-ptl3ltwj] h1[data-astro-cid-ptl3ltwj],.contact-text[data-astro-cid-ptl3ltwj]{grid-column:1/-1}form[data-astro-cid-ptl3ltwj]{grid-column:1/-1;background-color:var(--form-bg-color);box-shadow:0 20px 20px -15px #0000004d;border-radius:20px;padding:2rem;position:relative;label{font-size:1.6rem}.button-wrapper{margin-top:2rem}.required-note{position:absolute;bottom:-3.5rem;right:.3rem;font-size:1rem;letter-spacing:.05rem;color:var(--color-dark-accent)}.row{display:flex;gap:2rem;.input-group{flex:1}}i{color:var(--color-dark-accent)}input,textarea{background-color:var(--form-input-bg-color);border-color:var(--form-input-border-color);color:var(--form-input-text-color)}input[type=text],input[type=email]{width:100%;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--form-input-border-color);border-radius:8px;box-sizing:border-box;box-shadow:inset 0 1px 3px #3200001a,inset -1px 1px 8px #32000033}textarea{width:100%;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--form-input-border-color);border-radius:8px;box-sizing:border-box;min-height:24rem;box-shadow:inset 0 1px 3px #3200001a,inset -1px 1px 8px #32000033}input:focus,textarea:focus{outline-color:var(--color-primary)}}@media all and (min-width: 768px){.contact-text[data-astro-cid-ptl3ltwj]{grid-column:1/6}form[data-astro-cid-ptl3ltwj]{grid-column:6/-1}}@media all and (min-width: 1024px){.contact-text[data-astro-cid-ptl3ltwj]{grid-column:1/4}form[data-astro-cid-ptl3ltwj]{grid-column:5/-1}}