.container,.content__container{margin-left:auto;margin-right:auto}body,html{scroll-behavior:smooth}.nav,header{position:sticky}.nav__contact a:hover svg,.nav__menu__link:hover svg{color:var(--color-green-light)}.nav .page--header__home a svg,.nav__contact a svg,.nav__menu__link svg{transition:color .2s ease-in-out}.projects__container,.projects__view__more{margin-top:var(--header-margin)}.footer,.nav,body{background-color:var(--color-white)}body{--color-purple-dark:#593ac5;--color-purple-light:#7a61d1;--color-green-dark:#2ebfa5c2;--color-green-light:#2ebfa5;--color-blue-dark:#00a5cf;--color-blue-light:#1fd1ff;--color-orange:#ff7f11;--color-red:#ff1b1c;--color-white:#fffffc;--color-black:#0c0c0c}* h1,* h2,* h3,* h4,* li,* p,.nav__menu__link svg{color:var(--color-black)}@font-face{font-family:League_Spartan_Bold;src:url("LeagueSpartan-Bold.2d26cb09.ttf");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:League_Spartan_Regular;src:url("LeagueSpartan-Regular.dbdc464f.ttf");font-display:swap;font-weight:400;font-style:normal}*{--heading-1:72px;--heading-2:58px;--heading-3:54px;--heading-4:48px;--heading-5:40px;--heading-6:32px;--heading-7:24px;--heading-8:18px;--heading-9:16px;--paragraph-1:32px;--paragraph-2:28px;--paragraph-3:24px;--paragraph-4:20px;--paragraph-5:18px;--paragraph-6:16px;--section-padding:150px;--section-padding-med:120px;--section-padding-small:90px;--header-margin-small:20px;--header-margin:30px;--header-margin-big:60px;--seperator-margin:30px}* h1,* h2,* h3,* h4{font-display:swap;font-weight:700;font-family:League_Spartan_Bold,sans-serif!important}* li,* p{font-display:swap;font-weight:400;font-family:League_Spartan_Regular,sans-serif!important}header{top:0}.container{max-width:1440px}.content__container{max-width:1280px}.nav .page--header__home,.nav__contact{margin-right:30px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,picture,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{appearance:none;text-align:inherit;box-shadow:none;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;padding:0}.scroll a,a{text-decoration:none}.nav{border-bottom:4px solid var(--color-black);opacity:1;z-index:999;justify-content:space-between;align-items:center;width:100%;height:60px;display:flex}.nav .page--header__logo,.nav__menu{margin-left:30px}.banner--center__text__block .socials a:not(:first-child),.nav__menu__link:not(:first-child),.popup--blur .project--content__container .center--content .project--categories .project--category:not(:first-child){margin-left:20px}.nav .page--header__home svg,.nav__contact a svg{color:var(--color-black)}.nav__logo{width:80px;margin-left:-106px}.nav__logo img{width:100%;height:auto}.nav .hamburger--menu{z-index:999999;display:none}.nav .hamburger--menu .hamburger-btn{cursor:pointer;display:block}.nav .hamburger--menu .close-btn,.services__service__block button svg{display:none}.nav .hamburger--menu .mobile--menu{background:var(--color-white);opacity:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:.2s;display:flex;position:absolute;top:60px;left:-100vw;right:0}.nav .hamburger--menu .mobile--menu li{width:184px}.nav .hamburger--menu .mobile--menu li a{font-size:var(--paragraph-1);color:var(--color-black);text-decoration:none;display:flex}.nav .hamburger--menu .mobile--menu li a svg{margin-right:20px}.nav .hamburger--menu .mobile--menu li:not(:first-child){margin-top:20px}.nav .page--header__logo img{width:50%;height:auto}.nav .page--header__home:hover a svg{color:var(--color-green-light)}.scrolled{color:var(--color-green-light)!important}.banner{width:100%;height:calc(100vh - 114px)}.banner--center{justify-content:space-between;height:100%;display:flex}.banner--center__text__block{flex-direction:column;justify-content:center;align-items:center;display:flex}.banner--center__text__block h1{font-size:var(--heading-1);margin-bottom:10px}.banner--center__text__block p{font-size:var(--paragraph-1);margin-bottom:20px}.about__image__block h2,.about__text__block h2{font-size:var(--heading-4)}.about__image__block h2,.about__text__block h2,.contact h2,.contact p{margin-bottom:var(--header-margin)}.banner--center__text__block .socials{align-items:center;display:flex}.banner--center__text__block .socials a{color:#00000080;text-decoration:none;transition:.2s ease-in-out}.banner--center__text__block .socials a:hover{color:#000}.banner--center__image__block{flex-direction:column;justify-content:center;align-items:flex-end;width:494px;display:flex}.banner--center__image__block img{max-width:100%;height:auto}.scroll{justify-content:center;display:flex}.scroll svg:hover path:first-child{animation:.3s linear .3s forwards scrollanimation}.scroll svg:hover path:nth-child(2){animation:.2s linear .1s forwards scrollanimation}.scroll svg:hover path:nth-child(3){animation:.1s linear forwards scrollanimation}.scroll svg:hover{cursor:pointer}@keyframes scrollanimation{from{transform:translateY(0)}to{transform:translateY(-6px)}}.about{padding-bottom:var(--section-padding);padding-top:calc(var(--section-padding) - 42px + var(--section-padding));justify-content:space-between;display:flex}.contact,.imprint,.privacy,.projects,.services{padding-bottom:var(--section-padding);padding-top:var(--section-padding)}.about__image__block{flex-direction:column;align-items:center;max-width:655px;display:flex}.about__image__block img{width:100%;height:auto}.about__text__block,.services__text__block{flex-direction:column;align-items:center;display:flex}.about__text__block p{font-size:var(--paragraph-1);hyphens:auto;max-width:530px;line-height:38px}.services{justify-content:space-between;align-items:center;display:flex}.imprint h1,.privacy h1,.services__text__block h2{font-size:var(--heading-4);margin-bottom:var(--header-margin)}.services__text__block p{font-size:var(--paragraph-1);hyphens:auto;max-width:530px;line-height:38px}.imprint .imprint--content,.privacy .privacy--content,.services__service__block{flex-direction:column;display:flex}.services__service__block button{font:inherit;color:inherit;cursor:pointer;background-color:#0000;border:none;padding:0}.services__service__block .visible{display:block}.services__service__block .ux-ui-design{border-top:5px solid var(--color-black)}.services__service__block .design-to-website{border-top:5px solid var(--color-purple-light)}.services__service__block .web-development{border-top:5px solid var(--color-green-light)}.services__service__block .maintenance-updates{border-top:5px solid var(--color-blue-light)}.services__service__block .speed-optimization{border-top:5px solid var(--color-orange)}.services__service__block .custom-functionality{border-top:5px solid var(--color-red)}.services__service__block .service{align-items:center;max-width:600px;margin-bottom:30px;padding-top:30px;display:flex}.services__service__block .service h3{font-size:var(--heading-4);margin-left:30px}.footer__nav,.footer__nav li:last-child{margin-left:var(--header-margin)}.services__service__block .panel{width:466px;max-height:0;margin-left:65px;transition:max-height .3s ease-in-out;overflow:hidden}.services__service__block .panel p{font-size:var(--paragraph-3);hyphens:auto;line-height:28px}.contact,.imprint,.privacy,.projects{flex-direction:column;align-items:center;display:flex}.projects__header h2{font-size:var(--heading-4)}.projects__container{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;transition:.3s ease-in-out;display:flex}.projects__container .project__box{opacity:0;visibility:hidden;background-size:cover;border-radius:10px;justify-content:center;align-items:center;width:30%;height:200px;transition:box-shadow .3s,opacity 1s ease-in-out,visibility 1s ease-in-out;display:flex;box-shadow:0 3px 6px #00000026,0 2px 4px #0000001f}.projects__container .show{opacity:100;visibility:visible}.projects__container .project__box:hover{cursor:pointer;box-shadow:0 15px 25px #0000008c,0 5px 20px #0000000d}.projects__container .project__box:active{border-radius:10px;transition:.3s ease-in-out;box-shadow:0 3px 6px #00000026,0 2px 4px #0000001f}.projects__container .project__box .project__header{background-color:#0000;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;transition:.3s ease-in-out;display:flex}.projects__container .project__box h3{font-size:var(--heading-7);color:#fff0;text-align:center;transition:.3s ease-in-out}.imprint .imprint--content p,.privacy .privacy--content p{font-size:var(--paragraph-2)}.projects__container .project__box:hover h3{color:var(--color-white)}.projects__container .project__box:active .project__header,.projects__container .project__box:active h3{background-color:#0000}.projects__container .project__box:hover .project__header{background-color:#00000052}.imprint h2,.notfound--content{margin-top:var(--section-padding)}.projects__view__more button{font-size:var(--paragraph-1);font-display:swap;color:var(--color-black);font-family:League_Spartan_Regular,sans-serif;font-weight:400;text-decoration:underline;transition:.2s ease-in-out}.contact a,.footer__nav a{text-decoration:none;transition:.2s ease-in-out}.contact a:hover,.contact h2 span,.projects__view__more button:hover{color:var(--color-green-light)}.projects__view__more button:focus,.projects__view__more button:visited{color:var(--color-black)}.projects .hide-view-more{margin-top:0;display:none}.projects .activate-card-layer{max-height:100%;margin-top:var(--header-margin)}.contact h2{font-size:var(--heading-1)}.contact p{font-size:var(--paragraph-1);text-align:center;max-width:774px;hyphens:auto;line-height:38px}.contact a{color:var(--color-purple-light)}.footer__nav a,.footer__to__top button:hover svg{color:var(--color-black)}.footer{border-top:4px solid var(--color-black);justify-content:space-between;align-items:center;width:100%;height:60px;display:flex}.footer__nav{display:flex}.footer__nav a{font-display:swap;font-family:League_Spartan_Bold,sans-serif;font-weight:700;font-size:var(--heading-8)}.imprint h2,.notfound--content h1,.privacy h2{font-size:var(--heading-4);margin-bottom:var(--header-margin)}.footer__nav a:hover,.footer__to__top svg{color:var(--color-green-light)}.footer__to__top{margin-right:var(--header-margin)}.footer__to__top svg{transition:.2s ease-in-out}.popup--blur{z-index:110;visibility:hidden;opacity:0;box-sizing:border-box;background-color:#00000050;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;inset:0;overflow:hidden;transform:scale(1.09)}.popup--blur__active{visibility:visible;opacity:1;transform:scale(1)}.popup--blur__container{background-color:var(--color-white);filter:drop-shadow(0 15px 35px #000c);border-radius:10px;flex-direction:column;align-items:center;width:700px;height:700px;display:flex}.popup--blur .container--image{border-bottom:5px solid #000;border-top-left-radius:10px;border-top-right-radius:10px;flex-direction:row;justify-content:flex-end;align-items:flex-start;width:100%;height:65%;display:flex}.popup--blur .container--image__close--btn{background-color:#00000062;border-radius:50px;justify-content:center;align-items:center;margin-top:15px;margin-right:15px;padding:4px;display:flex}.popup--blur .container--image__close--btn svg{color:var(--color-white);transition:.2s ease-in-out}.imprint .imprint--content a,.notfound--content a{color:var(--color-green-light)}.popup--blur .container--image__close--btn svg:hover{cursor:pointer;color:var(--color-black)}.popup--blur .project--content__container{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.popup--blur .project--content__container .center--content{flex-direction:column;align-items:center;display:flex}.popup--blur .project--content__container .center--content .container--header{font-size:var(--heading-5);margin-bottom:10px}.popup--blur .project--content__container .center--content .project--content{width:500px;font-size:var(--paragraph-4);text-align:justify;hyphens:auto;word-spacing:-1px;margin-bottom:20px;line-height:24px}.popup--blur .project--content__container .center--content .project--categories{display:flex}.popup--blur .project--content__container .center--content .project--categories .project--category{font-display:swap;color:#7b7979;border-radius:10px;padding:8px;font-family:League_Spartan_Bold,sans-serif;font-size:13px;font-weight:700}.popup--blur .project--content__container .center--content .project--categories .project--category:first-child{background-color:#b1f5ca70}.popup--blur .project--content__container .center--content .project--categories .project--category:nth-child(2){background-color:#9be5f670}.popup--blur .project--content__container .center--content .project--categories .project--category:nth-child(3){background-color:#ee989870}.imprint .imprint--content p{text-align:center;max-width:530px;line-height:60px}.notfound--content p,.privacy .privacy--content p{text-align:center;max-width:730px;line-height:60px}.imprint .imprint--content a:hover,.notfound--content a:hover{color:var(--color-blue-light)}.privacy h2{margin-top:var(--header-margin)}.notfound--content{height:calc(100vh - 60px - 4px - var(--section-padding) - 60px - 4px);flex-direction:column;align-items:center;display:flex}.notfound--content p{font-size:var(--paragraph-2)}@media only screen and (width <= 1360px){.content__container{max-width:1140px}.about__image__block img{width:90%;height:auto}}@media only screen and (width <= 1220px){.content__container{max-width:none}.about,.banner--center{flex-direction:column;justify-content:center;align-items:center}.banner--center__text__block{margin-top:var(--header-margin-big);order:2}.about__image__block{order:2}.about__image__block img{width:100%;height:auto}.about__text__block p,.contact p,.imprint .imprint--content p,.notfound--content p,.privacy .privacy--content p,.services__text__block p{width:740px;max-width:none}.about__text__block,.services__text__block{margin-bottom:var(--header-margin-big)}.services{flex-direction:column;justify-content:center}.services__service__block .service{width:740px;max-width:none;margin-bottom:20px;padding-top:20px}.services__service__block .panel{width:607px}}@media only screen and (width <= 1100px){.projects__container .project__box{width:40%;height:200px}}@media only screen and (width <= 840px){.about__image__block h2,.about__text__block h2,.contact h2,.contact p,.services__text__block h2{margin-bottom:var(--header-margin-small)}.about__text__block p,.contact p,.services__text__block p{line-height:30px;font-size:var(--paragraph-3);width:640px}.services__service__block .service{width:640px}.services__service__block .panel{width:566px}.projects__container .project__box{width:45%;height:200px}.projects__view__more{margin-top:var(--header-margin-small)}.popup--blur__container{width:550px;height:550px}.popup--blur .container--image{height:55%}.popup--blur .project--content__container .center--content .container--header{font-size:var(--heading-6)}.popup--blur .project--content__container .center--content .project--content{width:400px;font-size:var(--paragraph-5);line-height:20px}.imprint .imprint--content p,.notfound--content p,.privacy .privacy--content p{font-size:var(--paragraph-3);width:640px;line-height:50px}}@media only screen and (width <= 720px){.about,.contact,.services{padding-bottom:var(--section-padding-med)}.banner--center__image__block{width:454px}.about{padding-top:calc(var(--section-padding-med) - 42px + var(--section-padding-med))}.about__text__block p,.contact p,.imprint .imprint--content p,.notfound--content p,.privacy .privacy--content p,.services__text__block p{width:540px}.about__image__block picture{justify-content:center;display:flex}.about__image__block img{width:80%;height:auto}.contact,.services{padding-top:var(--section-padding-med)}.services__service__block .service{width:540px;margin-bottom:15px;padding-top:15px}.services__service__block .service h3{font-size:var(--heading-5);margin-left:20px}.services__service__block .service svg{width:auto;height:30px}.services__service__block .panel{width:466px;margin-left:50px}.services__service__block .panel p{font-size:var(--paragraph-4);line-height:24px}.projects__container .project__box{width:60%}}@media only screen and (width <= 620px){.about,.contact,.projects,.services{padding-bottom:var(--section-padding-small)}.banner--center__image__block{width:404px}.banner--center__text__block h1,.contact h2{font-size:var(--heading-2)}.banner--center__text__block p{font-size:var(--paragraph-2)}.about{padding-top:calc(var(--section-padding-small) - 42px + var(--section-padding-small))}.about__text__block,.services__text__block{margin-bottom:var(--header-margin)}.about__image__block h2,.about__text__block h2{font-size:var(--heading-5)}.about__text__block p{width:440px;font-size:var(--paragraph-4);line-height:22px}.about__image__block img{width:80%;height:auto}.contact,.projects,.services{padding-top:var(--section-padding-small)}.imprint h1,.notfound--content h1,.privacy h1,.projects__header h2,.services__text__block h2{font-size:var(--heading-5)}.contact p,.services__text__block p{width:440px;font-size:var(--paragraph-4);line-height:22px}.services__service__block .service{width:440px;margin-bottom:10px;padding-top:10px}.services__service__block .service h3{font-size:var(--heading-6);margin-left:15px}.services__service__block .service svg{width:auto;height:25px}.services__service__block .panel{width:366px;margin-left:45px}.services__service__block .panel p{font-size:var(--paragraph-5);line-height:22px}.projects__container .project__box{width:70%}.popup--blur__container{width:450px;height:550px}.popup--blur .container--image{height:55%}.popup--blur .project--content__container .center--content .project--content{width:350px;font-size:var(--paragraph-6);line-height:18px}.popup--blur .project--content__container .center--content .project--categories{flex-wrap:wrap;justify-content:center;width:350px}.popup--blur .project--content__container .center--content .project--categories .project--category{padding:6px;font-size:12px}.popup--blur .project--content__container .center--content .project--categories .project--category:not(:first-child){margin-left:0}.popup--blur .project--content__container .center--content .project--categories .project--category:nth-child(2){margin-left:15px}.popup--blur .project--content__container .center--content .project--categories .project--category:last-child{margin-top:15px}.imprint .imprint--content p,.notfound--content p,.privacy .privacy--content p{width:440px;font-size:var(--paragraph-4);line-height:40px}.imprint h2,.privacy h2{text-align:center;width:440px;font-size:var(--heading-5)}}@media only screen and (width <= 520px){.nav__contact,.nav__menu{display:none}.nav__logo{margin-left:30px}.nav .hamburger--menu{z-index:1000;margin-right:30px;display:block}.nav .showMenu{z-index:1000;transform:translateX(100vw)}.about__text__block p,.contact p,.imprint .imprint--content p,.imprint h2,.notfound--content p,.privacy .privacy--content p,.privacy h2,.services__service__block .service,.services__text__block h2,.services__text__block p{width:360px}.about__image__block img{width:86%;height:auto}.services__service__block .panel{width:286px}.footer__nav a{font-size:var(--heading-9)}.footer__nav li:last-child{margin-left:20px}.footer__to__top svg{width:auto;height:25px}.popup--blur__container{width:350px;height:500px}.popup--blur .container--image{height:45%}.popup--blur .project--content__container .center--content .container--header{margin-bottom:5px}.popup--blur .project--content__container .center--content .project--content{width:280px;font-size:var(--paragraph-6);margin-bottom:10px;line-height:17px}.popup--blur .project--content__container .center--content .project--categories{width:280px}.popup--blur .project--content__container .center--content .project--categories .project--category:last-child{margin-top:10px}}@media only screen and (width <= 420px){.footer__nav,.nav .page--header__logo,.nav__logo{margin-left:20px}.footer__to__top,.nav .hamburger--menu,.nav .page--header__home{margin-right:20px}.nav__logo{width:60px}.banner--center__text__block h1{font-size:var(--heading-3)}.banner--center__text__block p{font-size:var(--paragraph-3)}.banner--center__image__block{width:354px}.about__text__block p,.contact p,.services__text__block p{width:320px;font-size:var(--paragraph-5);line-height:20px}.about__image__block img{width:85%;height:auto}.imprint h2,.privacy h2,.services__service__block .service,.services__text__block h2{width:320px}.services__service__block .service h3{font-size:var(--heading-7);margin-left:15px}.services__service__block .service svg{width:auto;height:23px}.services__service__block .panel{width:246px;margin-left:40px}.services__service__block .panel p{font-size:var(--paragraph-6);line-height:18px}.projects__container{margin-top:var(--header-margin);flex-wrap:wrap;justify-content:center;gap:20px;width:100%;transition:.3s ease-in-out;display:flex}.projects__container .project__box{width:80%;height:180px}.projects--view__more button{font-size:var(--paragraph-2)}.popup--blur__container{width:300px;height:500px}.popup--blur .container--image{height:45%}.popup--blur .project--content__container .center--content .container--header{font-size:var(--heading-7)}.popup--blur .project--content__container .center--content .project--content{width:260px}.popup--blur .project--content__container .center--content .project--categories{width:280px}.imprint .imprint--content p,.notfound--content p,.privacy .privacy--content p{width:320px;font-size:var(--paragraph-5);line-height:35px}}@media only screen and (width <= 360px){.banner--center__text__block h1{font-size:var(--heading-4)}.banner--center__text__block p{font-size:var(--paragraph-5)}.banner--center__image__block{width:304px}.banner--center .socials svg{width:auto;height:20px}.about__image__block h2,.about__text__block h2,.imprint h1,.notfound--content h1,.privacy h1,.projects--header h2{font-size:var(--heading-6)}.about__text__block p,.contact p,.services__text__block p{width:300px;font-size:var(--paragraph-6);line-height:18px}.services__text__block h2{width:300px;font-size:var(--heading-6)}.services__service__block .service{width:300px}.services__service__block .service h3{font-size:var(--heading-7)}.services__service__block .panel{width:226px}.services__service__block .panel p{font-size:var(--paragraph-6);line-height:18px}.projects__container .project__box{width:85%;height:150px}.contact h2{font-size:var(--heading-3)}.popup--blur__container{width:320px;height:450px}.imprint .imprint--content p,.notfound--content p,.privacy .privacy--content p{width:300px;font-size:var(--paragraph-6);line-height:35px}.imprint h2,.privacy h2{font-size:var(--heading-6);width:300px}}@media screen and (width <= 1024px) and (height <= 768px){.banner--center__text__block{margin-top:var(--header-margin)}}@media screen and (width <= 962px) and (height <= 602px){.banner--center__text__block{margin-top:0}.popup--blur__container{width:320px;height:450px}.popup--blur .container--image{height:45%}.popup--blur .project--content__container .center--content .container--header{font-size:var(--heading-7);margin-bottom:5px}.popup--blur .project--content__container .center--content .project--content{width:260px;font-size:var(--paragraph-6);margin-bottom:10px;line-height:17px}.popup--blur .project--content__container .center--content .project--categories{flex-wrap:wrap;justify-content:center;width:280px}.popup--blur .project--content__container .center--content .project--categories .project--category{padding:6px;font-size:12px}.popup--blur .project--content__container .center--content .project--categories .project--category:not(:first-child){margin-left:0}.popup--blur .project--content__container .center--content .project--categories .project--category:nth-child(2){margin-left:15px}.popup--blur .project--content__container .center--content .project--categories .project--category:last-child{margin-top:10px}}