*,:after,:before{margin:0;padding:0;text-decoration:none;color:#000}@font-face{font-family:Montserrat;src:url(/_next/static/media/montserrat-v18-latin-regular.0157b1c2.woff2) format("woff2"),url(/_next/static/media/montserrat-v18-latin-regular.5ea73eaa.woff) format("woff");font-display:swap}@font-face{font-family:Montserrat;font-weight:200;src:url(/_next/static/media/montserrat-v18-latin-200.95a72952.woff) format("woff"),url(/_next/static/media/montserrat-v18-latin-200.0c35f97c.woff2) format("woff2");font-display:swap}@font-face{font-family:Montserrat;font-weight:700;src:url(/_next/static/media/montserrat-v18-latin-700.18de5bf9.woff) format("woff"),url(/_next/static/media/montserrat-v18-latin-700.5d009415.woff2) format("woff2");font-display:swap}body{font-family:Montserrat,sans-serif}body .background-color{height:100vh;width:100%;background:linear-gradient(#ff7979,#5e66c2);position:fixed;top:0;z-index:-100}body a,body button,body h1,body h2,body h3,body h4,body input,body label,body li,body p,body small,body textarea{color:#f2f2f2;text-shadow:1px 1px 5px rgba(0,0,0,.3)}body h1,body h2,body h3,body h4{text-align:center;word-break:break-word}body h1{font-size:5rem}body h2{font-size:3.5rem}body h3{font-size:2.5rem}body h4{font-size:2rem}body a,body button,body input,body label,body li,body p,body textarea{font-size:1.6rem}body p{line-height:1.7;word-spacing:7px;padding:15px 0;text-align:justify;align-self:stretch}body a{color:#f2f2f2;text-decoration:none}body img{-o-object-fit:cover;object-fit:cover}@media screen and (min-width:1500px){nav{z-index:3000;position:fixed;top:50%;left:-250px;transform:translateY(-50%);transition:all .7s ease;width:285px;background-color:hsla(0,0%,100%,.2);border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.3);justify-content:center;justify-content:space-between}nav,nav>div{display:flex;align-items:center}nav>div{justify-content:center;flex-direction:column;margin-right:15px}nav>div>a{color:#000;margin:10px 0;border-bottom:2px solid transparent}nav>div>a:hover{border-bottom:2px solid #000}nav>div p{font-size:1.5rem;left:200px;position:absolute;transform:rotate(270deg)}nav:hover{cursor:pointer;left:-100px;flex-direction:row-reverse;background-color:hsla(0,0%,100%,.8)}nav:hover p{left:0}nav:after{content:"";position:absolute;top:-50px;right:-100px;bottom:-50px;width:300px;z-index:-1}}.navigation-trigger{position:fixed;top:0;right:0;z-index:100;background:rgba(0,0,0,.4);padding:5px 10px;margin:25px;border-radius:5px;cursor:pointer;transition:top .4s;display:none}.navigation-trigger .nav-icon{width:55px;height:45px;position:relative;margin:10px 5px;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.navigation-trigger .nav-icon span{display:block;position:absolute;height:6px;width:100%;background:#f2f2f2;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.navigation-trigger .nav-icon span:first-child{top:0}.navigation-trigger .nav-icon span:nth-child(2){top:18px}.navigation-trigger .nav-icon span:nth-child(3){top:36px}.navigation-trigger .open span:first-child{top:18px;transform:rotate(135deg)}.navigation-trigger .open span:nth-child(2){opacity:0;left:-60px}.navigation-trigger .open span:nth-child(3){top:18px;transform:rotate(-135deg)}.navigation-button-hidden{top:-100px}@media screen and (max-width:1499px){.navigation-trigger{display:block}nav{height:100vh;width:100vw;position:fixed;top:0;z-index:99;background:rgba(0,0,0,.9)}nav>div{height:100%;overflow:scroll;display:flex;align-items:center;flex-direction:column;justify-content:center}nav>div>a{color:#f2f2f2;margin:25px 0 0;font-size:3rem;border-bottom:3px solid transparent}nav>div .active,nav>div>a:hover{border-bottom:3px solid #f2f2f2}.navigation-hidden{display:none}}header{height:100vh;width:100%;position:relative}header img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.2}header>.banner{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header>.banner>h1{font-size:5.5rem;letter-spacing:2px;word-spacing:5px;margin-bottom:30px}header>.banner>h1:after,header>.banner>h1:before{content:"🔥";margin:0 35px}header>.banner>div{display:flex;justify-content:center;align-items:center}header>.banner>div>h4{font-weight:400}header>.banner>div>h4:first-of-type:after,header>.banner>div>h4:nth-of-type(2):after{content:"·";color:#f2f2f2;margin:0 10px}main,main>div{display:flex;justify-content:center;align-items:center;flex-direction:column}main>div{min-height:100vh;width:85%;max-width:1400px;border-bottom:3px solid hsla(0,0%,100%,.2);position:relative}main .about-flexbox,main .skills-first-flexbox{display:flex;justify-content:center;align-items:center}main .about-flexbox img,main .skills-first-flexbox img{margin-left:50px;box-shadow:0 0 15px rgba(0,0,0,.3);outline:3px solid #ff7979;border-radius:5px;width:350px;height:350px;-o-object-fit:cover;object-fit:cover}main .services-flexbox{display:flex;justify-content:center;align-items:center}main .services-flexbox img{margin-right:50px;box-shadow:0 0 15px rgba(0,0,0,.3);outline:3px solid #ff7979;border-radius:5px;width:350px;height:350px;-o-object-fit:cover;object-fit:cover}main .skills-second-flexbox{max-width:100%;margin:35px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}main .skills-second-flexbox>div{width:350px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3);margin:15px;background:rgba(0,0,0,.2);padding:15px}main .skills-second-flexbox>div ul{list-style-type:"⭐";margin-top:10px}main .skills-second-flexbox>div ul li{font-size:1.5rem;padding:5px 15px;margin-left:35px}main .references>div{width:100%;margin-bottom:35px;display:flex;justify-content:center;align-items:center;justify-content:space-between;display:relative}main .references>div>div{width:30%;height:250px;height:300px;margin-bottom:15px;border-radius:5px}main .references>div>div h4{padding:10px 0;background:hsla(0,0%,100%,.4)}main .references>div>div>.image-slider-container{width:100%;height:100%;position:relative;background:rgba(0,0,0,.315);overflow:hidden;cursor:pointer}main .references>div>div>.image-slider-container>.image-slider>div>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}main .references>div>div>.image-slider-container>.image-slider>div>a{background-color:rgba(0,0,0,.9);position:absolute;bottom:0;left:0;width:100%;padding:8px 5px;display:flex;justify-content:center;align-items:center}main .references>div>div>.image-slider-container>.image-slider>div>a>p{font-size:1.2rem;word-spacing:0;text-align:center;line-height:1;padding:0;align-self:center}main .references>div>div>.image-slider-container>.left-arrow,main .references>div>div>.image-slider-container>.right-arrow{background-color:hsla(0,0%,100%,.6);color:#000!important;border:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .references>div>div>.image-slider-container>.right-arrow{right:0;border-radius:3px 0 0 3px}main .references>div>div>.image-slider-container>.left-arrow{left:0;border-radius:0 3px 3px 0}main .references>div>div>.image-slider-container>.left-arrow:hover,main .references>div>div>.image-slider-container>.right-arrow:hover{background-color:hsla(0,0%,100%,.4);color:#000}main .references>div>.increase-me{position:fixed;z-index:100;background:#000;top:50%;left:50%;transform:translate(-50%,-50%);width:95vw;height:95vh;margin:0;box-shadow:0 0 1000px rgba(0,0,0,.3);outline:3px solid #ff7979;overflow:hidden}main .references>div>.increase-me .image-slider-container .image-slider .slide-active .lazyload-wrapper>img{-o-object-fit:contain;object-fit:contain}main .references .socials{display:flex;justify-content:center;align-items:center}main .references .socials a{margin:40px 20px}main .references .socials a img{transition:transform .4s;width:75px;height:75px}main .references .socials a img:hover{transform:scale(1.2) rotate(1turn)}main .contact{border-bottom:none}main .contact>form{width:500px;max-width:calc(85% - 70px);outline:3px solid #ff7979;border-radius:10px;padding:25px 35px;margin:35px 0;box-shadow:0 0 15px rgba(0,0,0,.3);background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start}main .contact>form>label{width:100%;margin-bottom:10px}main .contact>form>input{width:100%;background:none;outline:none;border:none;border-bottom:3px solid #f2f2f2;padding-bottom:5px;margin-bottom:20px}main .contact>form>textarea{outline:none;background:none;border:3px solid #f2f2f2;padding:5px;width:calc(100% - 10px);height:175px;resize:none;margin-bottom:20px}main .contact>form>button{background:none;outline:none;border:1px solid #f2f2f2;border-radius:5px;padding:5px 20px;box-shadow:0 0 15px rgba(0,0,0,.3);transition:box-shadow .2s}main .contact>form>button:hover{cursor:pointer;box-shadow:0 3px 15px hsla(0,0%,100%,.2)}main .impressum{border:none}main .impressum .impressum-navigation{position:-webkit-sticky;position:sticky;top:0;background:#ff7979;width:100%;display:flex;justify-content:center;align-items:center}main .impressum .impressum-navigation>a{font-weight:700;padding:10px 0;border-bottom:2px solid transparent}main .impressum .impressum-navigation>a:hover{border-bottom:2px solid #f2f2f2}main .impressum>h2{margin:35px 0}main .impressum>h3{margin:25px 0 0}main .tutorial-card-container{margin:35px 0;display:flex;flex-direction:row}main .tutorial-card-container>.tutorial-card{padding:10px;margin:10px;border:3px solid hsla(0,0%,100%,.356);border-radius:15px;box-shadow:0 0 15px rgba(0,0,0,.3);background:rgba(0,0,0,.2);width:500px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}main .tutorial-card-container>.tutorial-card>h3{font-size:2rem;margin-bottom:15px}main .tutorial-card-container>.tutorial-card img{-o-object-fit:contain;object-fit:contain}footer{min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center}footer img{position:absolute;top:0;height:100vh;width:100%;z-index:-100;-o-object-fit:cover;object-fit:cover;opacity:.15}footer .content{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}footer .content h1{text-align:center;color:#f2f2f2;text-shadow:1px 1px 5px rgba(0,0,0,.3);font-size:5rem;letter-spacing:2px;word-spacing:5px;margin-bottom:30px}footer .content .links>a{margin:0 10px;border-bottom:2px solid transparent}footer .content .links>a:hover{border-bottom:2px solid #f2f2f2}footer .bottom-text{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column}footer .bottom-text a,footer .bottom-text p{padding:0;font-size:1.3rem}footer .bottom-text>div{display:flex;justify-content:center;align-items:center}footer .bottom-text>div>a{margin:0 10px;border-bottom:2px solid transparent}footer .bottom-text>div>a:hover{border-bottom:2px solid #f2f2f2}@media screen and (max-width:1500px){:root{font-size:90%}header .banner>h1{font-size:4rem}header .banner>h1:after,header .banner>h1:before{margin:0 10px}header .banner>h4{font-size:1.5rem}}@media screen and (max-width:1050px){.navigation-trigger .nav-icon{width:40px;height:35px}.navigation-trigger .nav-icon span{height:5.5px}.navigation-trigger .nav-icon span:first-child{top:0}.navigation-trigger .nav-icon span:nth-child(2){top:15px}.navigation-trigger .nav-icon span:nth-child(3){top:30px}.navigation-trigger .open span:first-child,.navigation-trigger .open span:nth-child(3){top:18px}header .banner>h1:after,header .banner>h1:before{content:none}header .banner>div>h4{font-size:1.5rem}main .references>div{flex-direction:column;justify-content:space-between}main .references>div>div{width:100%;height:450px}main .references>div .increase-me{width:100vw;height:100vh}main .references .socials{flex-direction:row}main .references .socials a{margin:10px 20px}main .references .socials a img{width:65px;height:65px}}@media screen and (max-width:800px){:root{font-size:85%}header>.banner>div{flex-direction:column}header>.banner>div>h4{font-size:1.5rem;margin:10px 0}header>.banner>div>h4:first-of-type:after,header>.banner>div>h4:nth-of-type(2):after{content:none}.navigation-trigger .nav-icon{width:40px}.navigation-trigger .nav-icon span{height:5px}h1,h2{display:flex;flex-direction:column}main>div{min-height:0}main h2{margin-top:25px}main .about-flexbox{flex-direction:column}main .about-flexbox img,main .about-flexbox p{margin:0 0 35px}main .about-flexbox img{width:250px;height:250px}main .services-flexbox{flex-direction:column-reverse}main .services-flexbox img,main .services-flexbox p{margin:0 0 35px}main .services-flexbox img{display:none}main .skills-first-flexbox{flex-direction:column}main .skills-first-flexbox img,main .skills-first-flexbox p{margin:0}main .skills-first-flexbox img{display:none}main .contact>form{max-width:85%}main .impressum>h2{margin:0;font-size:3rem}footer .content .links{display:flex;justify-content:center;align-items:center;flex-direction:column}footer .content .links>a{margin:10px 0;border-bottom:2px solid transparent}footer .content .links>a:hover{border-bottom:2px solid #f2f2f2}footer .bottom-text{width:100%}footer .bottom-text a,footer .bottom-text p{font-size:1rem;margin:auto}}@media screen and (max-width:500px){:root{font-size:70%}body p{line-height:1.5;word-spacing:3px}nav>div>a{font-size:2rem}.navigation-trigger{margin:15px}.navigation-trigger .nav-icon{width:35px;margin:5px}.navigation-trigger .nav-icon span{height:4px}main>div{width:95%}main .about-flexbox img,main .about-flexbox p{margin:0 0 10px}main .about-flexbox img{width:200px;height:200px}main .skills-second-flexbox{margin:0}main .references>div>div{margin:0 0 50px}main .references .socials a{margin:10px}main .references .socials a img{width:55px;height:55px}main .contact>form{max-width:calc(85% - 30px);padding:25px 15px}footer .content h1{font-size:3rem}}