#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;color:#e0e2db}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.header{height:75vh;padding-top:22vh}.headerImg{max-width:75rem}@media (max-width: 1280px){.headerImg{max-width:40rem}}@media (max-width: 768px){.headerImg{max-width:90vw}}.title{font-size:3.5rem;font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#e03c5f;font-weight:800;margin-top:-1.2rem;text-align:left}.subtitle{font-size:2.5rem;margin-top:-5rem;text-align:left}.title-contact{text-align:left;margin-top:-2.5rem;color:#e03c5f}.title-contact a{color:#e0e2db}@media (max-width: 1280px){.title{font-size:2.5rem}.subtitle{font-size:1.7rem;margin-top:-3rem}.title-contact{margin-top:-2rem;font-size:1rem}}@media (max-width: 768px){.title{font-size:1.5rem}.subtitle{font-size:1rem;margin-top:-2rem}.title-contact{margin-top:-1rem;font-size:.6rem}}.showcase{display:flex;justify-content:center}.content-box{display:flex;justify-content:flex-start;position:relative;background-color:#fff;padding:4rem;width:60rem;box-shadow:0 4px 8px #0000001a;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);background-color:#e0e2db;background-image:url(/assets/box_background-C03zzK4R.png);background-position:right top;background-size:cover;background-repeat:no-repeat;color:#333}.line.top{position:absolute;left:10rem;top:0;height:4rem;width:.25rem;background-color:#e03c5f}.line.tags{position:absolute;left:8.65rem;top:3.2rem;color:#e03c5f;font-family:Consolas,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:2.7rem;font-weight:600;text-align:center}.line.bottom{position:absolute;left:10rem;top:calc(4rem + 35pt);bottom:0;width:.25rem;background-color:#e03c5f}.content{margin-left:9rem}.box-title{margin:0;font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;text-align:left;font-size:2.5rem;color:#224193;font-weight:800}.box-subtitle{margin:0;color:#0081a7;text-align:left}.video{margin:0;display:flex;justify-content:flex-start}.links a{display:block;color:#0081a7;text-decoration:none;margin:.3rem 0;text-align:left}.description{color:#333;text-align:left;white-space:pre-wrap}@media (max-width: 1280px){.content-box{width:30rem;padding:2rem}.video{max-width:25rem}.line.top{left:5rem;top:0;height:2rem;width:.125rem}.line.tags{left:4.1rem;top:1.7rem;font-size:1.7rem}.line.bottom{left:5rem;top:4.2rem;width:.125rem}.content{margin-left:4.5rem;max-width:40rem}.box-title{font-size:1.5rem}.box-subtitle{font-size:1rem}}@media (max-width: 768px){.content-box{width:70vw}.content{margin-left:0;margin-right:0;max-width:90vw}.line.top,.line.tags,.line.bottom{display:none}.video{max-width:70vw}}.carousel-section{width:60rem;margin-right:auto;margin-left:auto;padding:20px;box-sizing:border-box;margin-bottom:10rem}.carousel-title{margin-bottom:10px;font-size:24px;font-weight:700}.carousel-container{display:flex;overflow-x:scroll;align-content:center;scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.7) transparent}.carousel-container::-webkit-scrollbar{width:8px}.carousel-container::-webkit-scrollbar-track{background-color:transparent}.carousel-logo{max-width:200px;height:fit-content;cursor:pointer;transition:transform .5s ease;margin-right:4rem;align-self:center;transform:scale(.9)}.carousel-button{background-color:#333;color:#fff;border:none;padding:10px 20px;cursor:pointer;margin-left:10px;margin-right:10px}@media (max-width: 1280px){.carousel-section{width:45rem;margin-right:auto;margin-left:auto;margin-bottom:2rem}}@media (max-width: 768px){.carousel-section{width:90vw;margin:0}.container{margin:0;padding:0}div#root{padding:5px}}.section-skills{display:flex;justify-content:center}.section-title{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;text-align:left;font-size:2.5rem;color:#0081a7;font-weight:800;margin-left:9.2rem;margin-top:7rem;margin-bottom:1rem;width:60rem}.section-tags{color:#e03c5f;font-family:Consolas,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:2.7rem;font-weight:600;margin-right:1rem;margin-left:0}@media (max-width: 1280px){.section-title{font-size:2rem;margin-left:4.5rem;margin-top:5rem;width:30rem}}@media (max-width: 768px){.section-title{font-size:1.5rem;margin-left:1vw;margin-top:1rem;width:70vw}.section-tags{display:none}}.showcase-entry{margin-top:4rem}.showcaseentry-subtitle{text-align:left;font-weight:600}.impressum-title{margin-top:10rem;font-size:2rem}:root{font-family:Lato,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;min-width:100vw;max-width:100vw;background-color:#121619;background-image:url(/assets/background-D1nvwBSl.png);background-repeat:no-repeat;background-position:right top;background-size:contain}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}