body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#111}h1,h2{color:#b89f7d;font-size:24px}p{font-size:18px}*{box-sizing:border-box}@font-face{font-family:LokalRoboto;src:local("LokalRoboto"),url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}.main{color:#fff;font-family:LokalRoboto}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about{position:relative;width:100%}.separator{display:inline-block;margin:0 10px}.section{box-sizing:border-box;margin:0 auto 80px;max-width:1440px;padding:0 50px;position:relative;text-align:center}@media(min-width:768px){.section{padding:0 80px}}.section__bg{background-color:#212121;margin:20px 0 0;padding:40px 0}.section__bg .section{margin:0 auto}.section__headline{font-size:30px;margin-bottom:40px}.section--full-width{max-width:100%}.section--no-padding{margin:0;padding:0}.navigation{display:flex;justify-content:flex-end;position:relative;right:-2200px;transition:all .3s ease-in-out}@media(min-width:768px){.navigation{justify-content:center;right:0}}.navigation--active{right:-22px}.navigation__menu{align-items:flex-start;background-color:#212121;border-radius:30px;box-shadow:0 0 10px #0000001a;display:flex;flex-flow:column nowrap;min-height:80px;padding:20px 30px;position:fixed;top:50%;transform:translateY(-50%);z-index:101}@media(min-width:768px){.navigation__menu{align-items:center;flex-flow:row nowrap;padding:0 20px;top:40px;transform:translateY(0)}}.navigation__menu-item{border-radius:5px;cursor:pointer;display:inline-flex;flex:1 0 auto;height:100%;justify-content:center;margin:10px 0;padding:10px;position:relative;transition:all .3s ease-in-out}@media(min-width:768px){.navigation__menu-item{margin:0 10px}}.navigation__menu-item:after{background-color:#e0e5c8;border-radius:10px;content:"";display:block;height:100%;left:-29px;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:4px}@media(min-width:768px){.navigation__menu-item:after{height:4px;left:0;top:-21px;width:100%}}.navigation__menu-item:not(.navigation__menu-item--active):hover:after{opacity:1}.navigation__menu-item-indicator{background-color:#b89f7d;border-radius:10px;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:4px}@media(min-width:768px){.navigation__menu-item-indicator{height:4px}}.navigation__menu-item--active{color:#b89f7d}.navigation__burger{bottom:30px;cursor:pointer;display:block;height:18px;padding:3px;position:fixed;right:30px;width:28px;z-index:100}@media(min-width:768px){.navigation__burger{display:none}}.navigation__burger:after,.navigation__burger:before{background-color:#fff;border-radius:2px;content:"";display:block;height:3px;position:absolute;right:0;top:50%;transition:transform .3s ease-in-out;width:100%}.navigation__burger:before{transform:translateY(-9px)}.navigation__burger:after{transform:translateY(9px)}.navigation__burger-line{background-color:#fff;border-radius:2px;display:block;height:3px;left:0;position:absolute;top:50%;width:100%}.navigation__burger--active.navigation__burger:before{transform:rotate(40deg) translateY(0)}.navigation__burger--active.navigation__burger:after{transform:rotate(-40deg) translateY(0)}.navigation__burger--active .navigation__burger-line{opacity:0}.link{color:#e0e5c8;cursor:pointer;display:inline-flex;text-decoration:none;word-break:normal}.link,.link__icon{align-items:center}.link__icon{display:flex;height:15px;justify-content:center;margin-left:5px;width:auto}.link__icon svg{height:100%;width:auto}.link__icon svg path{fill:#e0e5c8}.link--dark{color:#b89f7d}.link--dark svg path{fill:#b89f7d}.button{align-items:center;border:none;border-radius:20px;color:#111;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;margin-right:20px;margin-top:20px;min-width:150px;overflow:hidden;padding:10px 20px;position:relative;transition:background-position .5s ease-in-out}.button__bg{background-image:linear-gradient(90deg,#b89f7d,#e0e5c8,#b89f7d);height:100%;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:200%;z-index:1}.button__text{position:relative;z-index:2}.button:hover .button__bg{transform:translateX(-50%)}.button--mobile-hidden{display:none}@media(min-width:1024px){.button--mobile-hidden{display:inline-flex}}.stage{box-sizing:border-box;display:flex;flex-flow:row wrap;height:auto;min-height:100vh;padding:0 30px;position:relative;width:100%}@media(min-width:768px){.stage{flex-flow:row nowrap;padding:0 60px}}.stage__headline{font-size:50px;margin-bottom:20px}@media(min-width:768px){.stage__headline{font-size:55px}}.stage__description{font-size:18px;margin:0 0 10px}@media(min-width:768px){.stage__description{font-size:20px}}.stage__logo{display:inline-block;height:35px;margin-bottom:20px;margin-right:15px;width:35px}.stage__content{display:inline-flex;flex:1 1 100%;flex-direction:column;justify-content:flex-start;padding:0 30px;position:relative;text-align:center}@media(min-width:768px){.stage__content{flex:1 1 50%;justify-content:center;min-height:100vh;text-align:left}}.stage__image{align-items:center;display:inline-flex;flex:1 1 100%;justify-content:center;position:relative}@media(min-width:768px){.stage__image{flex:1 1 50%;min-height:100vh}}.stage__image img{border-radius:20px;height:auto;max-width:250px;position:relative;width:100%}@media(min-width:768px){.stage__image img{max-width:450px}}.contact{display:flex;flex-flow:column wrap;min-height:400px;text-align:center}@media(min-width:1024px){.contact{justify-content:center;text-align:left}}.contact__info{text-align:center}.contact__headline{color:#b89f7d;font-size:30px;margin:0}.contact__button{background-color:#b89f7d;border-radius:20px;color:#000;cursor:pointer;display:flex;flex:0 1 230px;flex-flow:column wrap;justify-content:center;margin:10px;min-height:230px;min-width:230px;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease}@media(min-width:1024px){.contact__button{opacity:.8}.contact__button:hover{opacity:1}}.contact__button-wrapper{display:inline-flex;flex:1 1 auto;flex-flow:row wrap;justify-content:center;margin-top:30px;position:relative}@media(min-width:768px){.contact__button-wrapper{flex-flow:row wrap}}.contact__button-info{margin-top:20px;width:100%}.contact__button-link{color:#000;display:block;text-decoration:underline}.contact__button-icon.icon__image{margin:0 auto;width:100px}.footer{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;min-height:100px;padding:20px;text-align:center}.icon__image{height:auto;width:100%}.portfolio__list{display:flex;flex-wrap:wrap;justify-content:center;position:relative}.portfolio__list-item{align-items:center;cursor:pointer;display:inline-flex;flex:1 1 100%;flex-flow:column wrap;margin-bottom:60px;position:relative;width:100%}.portfolio__list-item:first-child{margin-top:0}@media(min-width:768px){.portfolio__list-item:first-child{margin-bottom:40px}.portfolio__list-item{flex:0 1 50%;margin-bottom:40px}}.preview__image{height:auto;width:100%}.preview__wrapper{max-width:500px;padding:0 20px;position:relative}@media(min-width:1024px){.preview__wrapper:hover .preview__phone,.preview__wrapper:hover .preview__screen{opacity:1}.preview__wrapper:hover .preview__logo-overlay:not(.preview__logo-overlay--noHiding){opacity:0}.preview__wrapper:hover .preview__screen{transform:translateY(calc(-100% + 220px));transition:transform 10s ease-in-out}.preview__wrapper:hover .preview__phone-screen{transform:translateY(calc(-100% + 200px));transition:transform 10s ease-in-out}}.preview__screen{height:auto;opacity:.5;position:relative;transition:transform .1s ease-in-out;width:100%}.preview__screen-wrapper{background-color:#ffffffb3;height:77%;left:14.7%;overflow:hidden;position:absolute;top:8%;width:70.8%}.preview__logo{width:calc(100% - 60px)}.preview__logo-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.preview__phone{bottom:0;height:auto;position:absolute;right:-20px;scale:.75;transition:all .3s ease-in-out;width:100px}@media(min-width:768px){.preview__phone{scale:1}}@media(min-width:1024px){.preview__phone{opacity:0}}.preview__phone-screen{height:auto;position:relative;transition:transform .1s ease-in-out;width:100%}.preview__phone-screen-wrapper{background-color:#fff;border-radius:10px;height:88%;left:10.5%;overflow:hidden;position:absolute;top:6%;width:78%}.preview__phone-image{height:auto;position:relative;width:100%}.preview__info{margin:0 auto}.preview__agency{font-weight:700;margin:10px auto 0}.logo-list{display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:40px}.logo-list__title{color:#b89f7d;font-size:25px;font-weight:bolder;margin:0 0 20px;text-align:center}.logo-list__item{align-items:center;box-sizing:border-box;display:inline-flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;margin-bottom:40px;min-width:100px;padding:0 15px;position:relative;text-align:center}.logo-list__item--grid-3{flex:1 1 100%;padding:15px 25px}@media(min-width:768px){.logo-list__item--grid-3{flex:0 0 33.3333333333%}}.logo-list__item--grid-5{flex:0 0 20%}.logo-list__logo{display:inline-block;height:auto;width:100%}.logo-list__logo--in-progress{opacity:.3}.logo-list__logo--max-height,.logo-list__logo--max-height svg{height:100%;max-height:50px;width:auto}@media(min-width:768px){.logo-list__logo--max-height,.logo-list__logo--max-height svg{max-height:75px}}.logo-list__name{margin-top:auto;padding-top:10px}.logo-list__loading-indicator{left:50%;position:absolute;top:calc(50% - 12px);transform:translate(-50%,-50%)}.logo-list-brands{background-color:#b89f7d;border-radius:20px;display:flex;margin:0 auto;max-width:900px}.logo-list-brands .logo-list__item{align-items:center;cursor:pointer;display:inline-flex;flex-basis:calc(100% - 20px);flex-grow:1;flex-shrink:1;justify-content:center;margin:10px;max-width:calc(100% - 20px);min-height:130px;padding:20px;transition:all .3s ease}@media(min-width:480px){.logo-list-brands .logo-list__item{max-width:calc(33.33333% - 20px);min-height:190px}}@media(min-width:1024px){.logo-list-brands .logo-list__item{opacity:.8}.logo-list-brands .logo-list__item:hover{opacity:1}}.logo-list-brands .logo-list__item svg{height:auto;max-width:80px;width:100%}@media(min-width:768px){.logo-list-brands .logo-list__item svg{max-height:150px;max-width:none}}.overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:200}.overlay--light .overlay__content-wrapper{background-color:#fff;color:#000}.overlay__background{background-color:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.overlay__content-wrapper{background-color:#212121;border-radius:10px;color:#fff;display:flex;flex-flow:row wrap;justify-content:center;left:50%;max-height:80%;overflow:auto;position:relative;top:-100%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:calc(100% - 60px);z-index:2}@media(min-width:768px){.overlay__content-wrapper{max-width:750px}}.overlay__content-wrapper--visible{top:50%}.overlay__content{padding:20px;position:relative;width:100%}@media(min-width:768px){.overlay__content{padding:20px 40px}}.overlay__headline{font-size:28px;-webkit-hyphens:auto;hyphens:auto;margin:20px 0 40px;word-break:break-all}@media(min-width:768px){.overlay__headline{font-size:55px}}.overlay__image{display:flex;height:auto;margin:0 auto;width:100%}.overlay__image-wrapper{max-height:250px;overflow:hidden;width:100%}@media(min-width:768px){.overlay__image-wrapper{max-height:430px}}.overlay__logo{height:auto;max-width:500px}.overlay__logo-wrapper{background-color:#fff;justify-content:center;padding:30px 0;width:100%}.overlay__logo-wrapper,.overlay__techstack{align-items:center;display:flex}.overlay__techstack-item{display:inline-flex;height:auto;margin-left:10px;width:30px}.overlay__techstack-item-logo{height:auto;width:100%}.overlay__button{margin-bottom:20px}.overlay__burger{cursor:pointer;display:block;height:18px;padding:3px;position:fixed;right:30px;top:30px;width:28px;z-index:999}.overlay__burger:after,.overlay__burger:before{background-color:#fff;border-radius:2px;content:"";display:block;height:3px;position:absolute;right:0;top:50%;transition:transform .3s ease-in-out;width:100%}.overlay__burger:before{transform:rotate(40deg) translateY(0)}.overlay__burger:after{transform:rotate(-40deg) translateY(0)}.impressum__headline{color:#e0e5c8;font-size:21px;margin-bottom:20px}.stage-impressum{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:0 40px;position:relative;width:100%}@media(min-width:768px){.stage-impressum{padding:0 80px}}.stage-impressum__headline{font-size:55px;-webkit-hyphens:auto;hyphens:auto;margin-bottom:20px;word-break:normal}
/*# sourceMappingURL=main.6ae05db9.css.map*/