*{--accentColor:#ff7a00;--themeColor:#4b4b4b;--lightColor:#bdbdbd;--darkGradient:#333;--font-size:calc((var(--pixels)/16)*1rem);box-sizing:border-box;margin:0;padding:0}html{font-family:Open Sans,Arial,sans-serif}h1,h3{font-family:Lato,Helvetica,Arial,Lucida,sans-serif}h1,h2,h3{margin:0 5vw}h1{--pixels:25;font-size:var(--font-size);font-weight:900;line-height:37.5px}h2{--pixels:16;font-weight:500;line-height:32px}h2,h3{font-size:var(--font-size);letter-spacing:3px}h3{font-weight:700;line-height:23.4px}h3,p{--pixels:14}p{font-size:var(--font-size);font-weight:500;line-height:28px}nav li{list-style:none}a{color:var(--accentColor);display:inline-block;padding:0;position:relative;text-decoration:none}.header{background-color:var(--themeColor);background-image:linear-gradient(to top right,var(--themeColor),var(--darkGradient));border-bottom:1px solid var(--accentColor);position:sticky;text-align:center;top:0;z-index:2}.navbar{align-items:flex-start;display:flex;justify-content:space-between;padding:2rem 1.5rem 1rem}.hamburger{display:none;margin-right:20px;margin-top:10px}.bar{background-color:var(--accentColor);display:block;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:25px}.nav-menu{align-items:center;display:flex;gap:3rem;justify-content:space-around;text-align:center;width:80vw}.nav-item{margin-left:0}.nav-link{color:#fff;display:block;font-size:1.6rem;font-weight:400;padding:.2em 0;position:relative}a:before{background-color:var(--accentColor);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}a:hover:before{transform:scaleX(1)}.nav-link a.selected{color:var(--accentColor)}.nav-logo{background-image:url(6a47e86e308a67a66a50.png);background-repeat:no-repeat;background-size:contain;height:4rem;margin-left:20px;width:8rem}@media only screen and (max-width:768px){.nav-menu{background-color:var(--themeColor);box-shadow:0 10px 27px rgba(0,0,0,.05);flex-direction:column;gap:0;left:-100%;position:fixed;text-align:center;top:6rem;transition:.3s;width:100%}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0}.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}main{width:100vw}section{background-color:#fff;color:var(--themeColor);padding:20px 20px 50px;scroll-margin-top:7rem;text-align:center}#home{padding-bottom:0}.homeImage{height:auto;margin-top:40px;max-width:520px;width:40vw}section:nth-child(2n){background-color:var(--themeColor);background-image:linear-gradient(to top right,var(--themeColor),var(--darkGradient));color:#fff}h1{margin:40px 0}br.responsive{display:inline}@media (min-width:768px){br.responsive{display:none}}#home h2{padding:0 5vw}section>h2{margin-top:3rem}h2{margin-bottom:10px}h1 span{display:block}h1 span,h2 span,h3 span{color:var(--accentColor)}h2+h3{margin-bottom:3rem}button:hover{background-color:var(--themeColor);border:1px solid var(--accentColor);color:var(--accentColor)}.effect{--pixels:16;background-color:var(--accentColor);border:1px solid var(--accentColor);border-radius:6px;border-radius:4px;color:#fff;font-size:var(--font-size);margin:20px;max-width:910px;overflow:hidden;padding:8px;position:relative;text-align:center;transition:all .5s ease;transition-duration:.4s}.effect:after{background:var(--accentColor);content:"";display:block;margin-left:-20px!important;margin-top:-120%;opacity:0;padding-left:350%;padding-top:300%;position:absolute;transition:all .8s}.effect:active:after{margin:0;opacity:1;padding:0;transition:0s}.effect:focus{outline:0}.icon{font-size:2rem}.item{display:flex;flex-wrap:wrap;gap:5%;justify-content:center;margin:20px 0}.break{flex-basis:100%;height:0}.item p{margin:0 10vw}.item h3{margin-bottom:10px}.item>.item{display:inline-block;margin:0 20px}.icon{font-size:2.5rem;margin-bottom:10px}#service .icon{margin-top:3rem}#contentful,#nextjs{height:2.5rem;width:auto}#nextjs{margin-bottom:0}#dart,#flutter{height:2rem;margin-top:2px;width:auto}.item ul{margin:20px 20px 0;text-align:start}.pricing{border:1px solid var(--accentColor);border-radius:10px;margin-left:10vw;margin-right:10vw;padding:20px}#contact>.wrapper>h3{color:var(--accentColor);margin:2rem 0 1rem}form{align-items:center;display:flex;flex-direction:column;text-align:left}.styled-input{align-items:center;margin-bottom:10px;max-width:910px;position:relative;z-index:1}.styled-input label{color:var(--accentColor);left:10px;opacity:0;position:absolute;top:calc(50% - 1rem);transition:all .3s ease}.styled-input textarea{margin-top:2rem}.styled-input textarea+label{color:var(--accentColor);left:10px;opacity:0;position:absolute;top:calc(20% - 1rem);transition:all .3s ease}.styled-input input[type=email]:not(:placeholder-shown),.styled-input input[type=text]:not(:placeholder-shown){padding:28px 10px 12px}.styled-input textarea:not(:placeholder-shown){padding:0 10px}.styled-input input[type=email]:not(:placeholder-shown)+label,.styled-input input[type=text]:not(:placeholder-shown)+label,.styled-input textarea:not(:placeholder-shown)+label{opacity:.7;transform:translateY(-10px)}.textInput,input[type=email],input[type=text],textarea{-webkit-appearance:none;background:rgba(var(--themeColor),0);border:none;border-bottom:1px solid var(--lightColor);box-sizing:border-box;color:#fff;font-size:1.5rem;font-weight:400;height:calc(2.25rem + 20px);max-width:910px;padding:10px;transition:all .3s linear;width:80vw}.checkboxWrapper{max-width:910px;width:80vw}input[type=email]:invalid:not(:placeholder-shown)~.requirements{max-height:1.5rem;padding:0 10px}input[type=email]:invalid:not(:placeholder-shown){border-bottom:1px solid red}.styled-input input[type=email]:invalid:not(:placeholder-shown){color:red}.styled-input input[type=email]:invalid:not(:placeholder-shown)+label{transform:translateY(-1rem)}textarea{font-size:1.5rem;height:9rem;line-height:120%;overflow:auto;resize:none}.requirements{color:#999;color:red;font-style:italic;max-height:0;max-width:910px;overflow:hidden;padding:0 30px;text-align:left;transition:.3s;width:80vw}.error{max-height:3rem;padding:0 10px}input:focus,textarea:focus{border-bottom:1px solid var(--accentColor);box-shadow:0 2px 6px -8px rgba(var(--accentColor),.45);outline:0}::placeholder{color:var(--lightColor);opacity:1}.checkboxWrapper{display:flex;gap:1%;justify-content:flex-start}input[type=checkbox]{height:auto;margin-top:2px;min-width:20px;width:48px}#imprint .item{display:block}#imprint .item p,#imprint h3{margin:10px;padding-left:10vw;text-align:left}footer{background-color:var(--themeColor);border-top:1px solid var(--accentColor);color:#fff;padding:10px;text-align:center}#privacy-policy{margin:0 auto;max-width:1400px;text-align:justify}#privacy-policy p{margin:10px 0}.screen-reader-only{clip:rect(0 0 0 0);overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (min-width:568px){#home .wrapper{flex-direction:column;justify-content:flex-start}#home h2{margin:0;padding:0}#home .wrapper button{flex-grow:1}input[type=checkbox]{margin-top:2px}#pricing .wrapper .item{display:block}.pricing{border:1px solid var(--accentColor);border-radius:10px;margin-left:12vw;margin-right:12vw}.item ul{display:inline-block;text-align:start}#imprint .item p,#imprint h3{margin:10px;padding-left:20vw;text-align:left}}@media screen and (min-width:768px){h1{--pixels:36;font-size:var(--font-size);line-height:54px}#home{display:flex;margin:0 5vw;text-align:start;text-align:center}.wrapper{display:flex;justify-content:space-evenly;margin:auto 20px}#service .item{align-items:flex-start;display:block;width:256px}#service .item h3{margin:0;white-space:nowrap}#service .icon{margin-top:0}#technologies .wrapper{display:block}.item p{margin:0 5vw}#contact .wrapper{display:block;margin:0 calc(15vw - 20px)}#imprint .wrapper .item{display:block;margin:20px 0}#imprint .item p,#imprint h3{margin:10px;padding-left:0;text-align:left}.pricing{border:1px solid var(--accentColor);border-radius:10px;margin-left:5vw;margin-right:5vw}}@media screen and (min-width:1024px){.nav-logo{min-width:115px}.content{display:flex}.content,.navbar,.wrapper{margin:0 auto;max-width:1400px}#home .wrapper{max-width:610px}#service .wrapper{gap:50px;max-width:1400px}#service .item{align-items:flex-start;display:block;max-width:341.33333px;width:auto}.item p{margin-bottom:inherit;margin-left:0;margin-right:0;margin-top:inherit;max-width:280px}.fa-react{margin-left:35px;margin-right:0}#nextjs{margin-left:0}#contact .wrapper{margin:0 auto}.pricing{border:1px solid var(--accentColor);border-radius:10px;margin-left:10vw;margin-right:10vw}}*{--glass:hsla(0,0%,100%,.2);--glass-icon:hsla(0,0%,100%,.3);--gradient:linear-gradient(35deg,red,purple);--option:#320a28}select{appearance:none;-webkit-appearance:none;background:url(f0eaf98daf70e02b6b68.svg) no-repeat right .8em center/1.4em,linear-gradient(to left,var(--glass-icon) 3em,var(--glass) 3em);border:0;border-radius:.25em;box-shadow:0 0 1em 0 rgba(0,0,0,.2);color:#fff;font:inherit;height:3em;outline:0;padding:0 4em 0 1em;width:10rem}select option{background-color:var(--themeColor)}select option:hover{background-color:#ff7a00}select:focus{outline:none}select::-ms-expand{display:none}