@font-face{font-family:"Yanone Kaffeesatz";src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.eot");src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.woff") format("woff"),url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Yanone Kaffeesatz";src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-LightItalic.eot");src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-LightItalic.woff") format("woff"),url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic}@font-face{font-family:"Yanone Kaffeesatz";src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.eot");src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.woff") format("woff"),url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Yanone Kaffeesatz";src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Italic.eot");src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Italic.woff") format("woff"),url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Italic.woff2") format("woff2");font-weight:normal;font-style:italic}@font-face{font-family:"Yanone Kaffeesatz";src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Medium.eot");src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Medium.woff") format("woff"),url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Yanone Kaffeesatz";src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-MediumItalic.eot");src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-MediumItalic.woff") format("woff"),url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic}@font-face{font-family:"Yanone Kaffeesatz";src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.eot");src:url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.woff") format("woff"),url("../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Yanone Kaffeesatz";src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-BoldItalic.eot");src:url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-BoldItalic.woff") format("woff"),url("/fonts/YanoneKaffeesatz/YanoneKaffeesatz-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic}@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand/Quicksand-Light.eot");src:url("../fonts/Quicksand/Quicksand-Light.woff") format("woff"),url("../fonts/Quicksand/Quicksand-Light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand/Quicksand-Regular.eot");src:url("../fonts/Quicksand/Quicksand-Regular.woff") format("woff"),url("../fonts/Quicksand/Quicksand-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand/Quicksand-Medium.eot");src:url("../fonts/Quicksand/Quicksand-Medium.woff") format("woff"),url("../fonts/Quicksand/Quicksand-Medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand/Quicksand-Bold.eot");src:url("../fonts/Quicksand/Quicksand-Bold.woff") format("woff"),url("../fonts/Quicksand/Quicksand-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-Light.eot");src:url("../fonts/Inconsolata/Inconsolata-Light.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-Light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-LightItalic.eot");src:url("/fonts/Inconsolata/Inconsolata-LightItalic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-Regular.eot");src:url("../fonts/Inconsolata/Inconsolata-Regular.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-Italic.eot");src:url("/fonts/Inconsolata/Inconsolata-Italic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-Italic.woff2") format("woff2");font-weight:normal;font-style:italic}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-Bold.eot");src:url("../fonts/Inconsolata/Inconsolata-Bold.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-BoldItalic.eot");src:url("/fonts/Inconsolata/Inconsolata-BoldItalic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic}*{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}table{border-collapse:collapse;border-spacing:0}audio:not([controls]){display:none;height:0}[hidden],template{display:none}svg:not(:root){overflow:hidden}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes swing-rotate{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}40%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}60%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes swing-rotate{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}40%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}60%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@-webkit-keyframes pulsate{0%,100%{-webkit-transform:scale(1);transform:scale(1)}47%{-webkit-transform:scale(1.5);transform:scale(1.5)}53%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulsate{0%,100%{-webkit-transform:scale(1);transform:scale(1)}47%{-webkit-transform:scale(1.5);transform:scale(1.5)}53%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes slow-glow{0%,15%,75%,100%{opacity:0}30%{opacity:1}45%{opacity:.05}60%{opacity:1}}@keyframes slow-glow{0%,15%,75%,100%{opacity:0}30%{opacity:1}45%{opacity:.05}60%{opacity:1}}strong{font-weight:bold}em{font-style:italic}small{font-size:.85em}sup,sub{font-size:.8em}sup{vertical-align:super}address{margin-bottom:2rem}a{color:inherit}a:visited{color:inherit;opacity:.8}ul.skill-categories>li{margin-bottom:.5em}ul.skill-categories>li *{margin:0}ul.skill-categories .skill,ul.skill-categories .sub-category{font-family:"Quicksand", sans-serif;font-size:1em;font-weight:400}ul.skill-categories .skills{list-style:none;display:inline}ul.skill-categories .skills>li{display:inline}ul.skill-categories .skills>li:not(:last-child)::after{content:", "}ul.skill-categories .sub-category{display:inline;font-weight:bold}ul.images>li{margin-bottom:1em}ul.images>li *{margin:0}ul.images .image-name{font-family:"Quicksand", sans-serif;font-size:1em;font-weight:400}.lang-switch .active>a{border-bottom:1px solid currentColor}nav ul{margin:0;padding:0;list-style:none}nav a,nav a:link,nav a:active,nav a:visited{color:inherit;text-decoration:none}.top-nav{display:flex;flex-flow:row;justify-content:space-between;font-size:.9em}.top-nav ul{margin:0;padding:0;list-style:none}.top-nav ul>li{display:inline}.top-nav ul>li:not(:last-child):after{content:" | "}.top-nav ul a{display:inline-block}@media screen and (max-width: 479px){.top-nav ul a{display:inline-block;padding:.5em .5em .3em}}.hidden{display:none;opacity:0;visibility:hidden}dl.data{line-height:1.3em}dl.data dt{margin-bottom:.2em}dl.data dt:not(:first-child){margin-top:1.5em}dl.data dd a{word-break:break-all}.cs_00{background-color:#fff;color:#06151D}.cs_01{background-color:#1EA0CD;color:#fff}.cs_02{background-color:#287196;color:#fff}.cs_03{background-color:#255871;color:#fff}.cs_03_bg{background-color:#255871}.cs_04{background-color:#0D394B;color:#fff}.cs_05{background-color:#052839;color:#fff}.cs_06{background-color:#052839;color:#fff}.cs_07{background-color:#287196;color:#fff}.cs_08{background-color:#495359;color:#fff}html{scroll-behavior:smooth}html,body,#viewport{height:100%;width:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-color:#fff;overflow:hidden}img,svg,picture{width:auto;height:auto;max-width:100%;max-height:100%}figure img{display:block}.main{scroll-behavior:smooth;overflow:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;height:100%;width:100%;margin:0 auto}.bg-code{display:none}@media screen and (max-width: 479px){.xs-hide{display:none}}body{font-size:1.1em;font-family:"Quicksand", sans-serif;font-weight:300;color:#06151D;line-height:1.7em}code{font-family:"Inconsolata", Courier, Monaco, monospace}h1,h2,h3,h4,h5,h6{font-family:"Yanone Kaffeesatz", sans-serif;font-weight:200;line-height:1.2em}h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6{margin-top:0}h1+p,h1+ul,h1+ol,h2+p,h2+ul,h2+ol,h3+p,h3+ul,h3+ol,h4+p,h4+ul,h4+ol,h5+p,h5+ul,h5+ol,h6+p,h6+ul,h6+ol{margin-top:1em}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:400;color:#1EA0CD}h1 .subline,h2 .subline,h3 .subline,h4 .subline,h5 .subline,h6 .subline{display:block;text-transform:none;color:inherit}h1,h2,h3{margin:2em 0 .3em}h1{font-size:2.5em}@media screen and (min-width: 400px){h1{font-size:3em}}h2,.h2{font-size:2em}h3,.h3{font-size:1.4em}h3+h4{margin-top:-0.5em}h4,h5,h6{font-weight:300}h4 strong,h5 strong,h6 strong{font-weight:500}h4,h5,h6{margin:1rem 0 .5rem}h4{font-size:1.2em}h5{font-size:1.2em}h6{font-size:1em}strong{font-weight:500}.left{text-align:left}.centered{text-align:center}.page{scroll-snap-align:start;scroll-behavior:smooth;position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}@media screen and (min-width: 400px) and (orientation: landscape){.page{flex-flow:row nowrap}.page:nth-child(even){flex-flow:row-reverse nowrap}}.page>figure picture{overflow:hidden}@media screen and (max-width: 896px) and (orientation: portrait){.page>figure picture{position:absolute;top:0;left:0;height:100vh;width:100vw}}@media screen and (min-width: 400px) and (orientation: landscape){.page>figure picture{width:40%;max-width:350px}}.page>figure picture>img{height:100%;width:auto;max-width:none}@media screen and (max-width: 896px){.page>figure picture>img{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);display:none}}.page .top-nav{display:none}.page .main-content{flex:1}.page.scroll{overflow:auto}.page.no-spacing .main-content{padding:0}.page.h-scroll{overflow-x:auto;overflow-y:hidden}#p_home.page .process{display:none}.page:not(.active) .footer .btn-ico{opacity:0}.page.services .header{display:none}.page.services>figure{display:none}.page.more .main-title .subline{display:none}.page.more .skill-main-category:not(:last-child){margin-bottom:3em}.page.contact .main-title .subline{opacity:1}.page.home .top-nav,.page.imprint .top-nav,.page.privacy .top-nav{display:flex}.page.home .main-title,.page.imprint .main-title,.page.privacy .main-title{margin-top:1em}.header{padding-bottom:2rem}.main-title *:last-child{margin-bottom:0}.main-title h1{margin-bottom:0}.main-title .subline{font-size:1.7em;letter-spacing:.03em;opacity:0}.page.loaded .main-title .subline{-webkit-animation:appear 1s ease-out 1s forwards;animation:appear 1s ease-out 1s forwards}.main-content{display:flex;flex-flow:column nowrap;padding:2rem 1.5rem;justify-content:space-between;max-height:100%}.main-content>.arrow-top,.main-content>.arrow-down{-webkit-animation:slow-glow 6s ease-in-out infinite;animation:slow-glow 6s ease-in-out infinite;position:absolute;z-index:1000;width:50px;height:50px}.page .main-content>.arrow-down{top:40%;right:2rem}.page .main-content>.arrow-top{top:130px;right:2rem}.main-content p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.main-content p:not(:last-child){margin-bottom:1em}.main-body{position:relative;flex:1;overflow-y:auto}@media screen and (max-height: 700px){.main-body{font-size:.9em;line-height:1.6em}}.main-body>.arrow-down{-webkit-animation:slow-glow 6s ease-in-out infinite;animation:slow-glow 6s ease-in-out infinite;position:absolute;bottom:10%;right:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.main-body>.arrow-top{-webkit-animation:slow-glow 6s ease-in-out infinite;animation:slow-glow 6s ease-in-out infinite;position:absolute;top:0;right:0}.footer{display:flex;flex-flow:row;justify-content:space-between;padding-top:2rem}.footer .cta{text-align:center}.footer *:only-child{flex:1;text-align:center}.footer .btn-ico{-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;opacity:1}.page.no-spacing .footer{text-align:center;position:absolute;z-index:1000;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:1em 2rem}.page.services .footer{color:#fff}.domstep-image{-webkit-transition:background-size ease-in .3s !important;transition:background-size ease-in .3s !important;will-change:background-size !important;-webkit-filter:none !important;filter:none !important;display:block;background:transparent url(../img/bg/domstep-light-cfbc3f11.png) no-repeat -10px bottom;background-size:220px auto}@media screen and (min-height: 470px) and (orientation: portrait){.domstep-image{background-size:250px auto;background-position:left -10px bottom 0}}@media screen and (min-height: 540px) and (orientation: portrait){.domstep-image{background-size:290px auto;background-position:left -20px bottom 0}}@media screen and (min-height: 580px) and (orientation: portrait){.domstep-image{background-size:auto 77%;background-position:left -40px bottom 0}}@media screen and (min-height: 630px) and (orientation: portrait){.domstep-image{background-size:auto 77%;background-position:left -50px bottom 0}}@media screen and (min-width: 350px) and (orientation: landscape){.domstep-image{background-size:100% auto}}.domstep-image img{display:none !important}.page.contact>figure{display:none}button{background:transparent;cursor:pointer}button,button>*{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}button[disabled]{pointer-events:none;cursor:not-allowed;opacity:.5}.btn,.btn-ico{display:inline-block;position:relative;cursor:pointer;text-align:center}.btn,.btn>*,.btn-ico,.btn-ico>*{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.btn{-webkit-transition:-webkit-transform .15s ease-in, -webkit-box-shadow .15s ease-in;transition:-webkit-transform .15s ease-in, -webkit-box-shadow .15s ease-in;transition:transform .15s ease-in, box-shadow .15s ease-in;transition:transform .15s ease-in, box-shadow .15s ease-in, -webkit-transform .15s ease-in, -webkit-box-shadow .15s ease-in;will-change:transform, box-shadow;background:-webkit-gradient(linear, left top, right top, from(#052839), to(#255871));background:linear-gradient(to right, #052839, #255871);border-radius:3px;-webkit-box-shadow:0 0 5px 0 rgba(6,21,29,0.3);box-shadow:0 0 5px 0 rgba(6,21,29,0.3);padding:3px;font-size:1em;font-weight:500}@media screen and (min-height: 640px){.btn{font-size:1.1em}}@media screen and (min-height: 700px){.btn{font-size:1.2em}}.btn>span{display:block;background-color:#fff;padding:.4em 1.4em;border-radius:inherit}@media screen and (min-height: 640px){.btn>span{padding:.5em 1.6em}}@media screen and (min-height: 700px){.btn>span{padding:.7em 2em}}.btn,.btn:hover,.btn:visited{color:#151515;text-decoration:none}.btn:active{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-box-shadow:none;box-shadow:none}.btn:hover>span{color:#151515;background-color:rgba(153,151,151,0.8)}.btn.btn-primary{background:linear-gradient(10deg, #287406, #3FAB09 50%, #B1F377)}.btn.btn-primary>span{color:#fff;background-color:#3AA708;text-transform:uppercase}.btn.btn-primary:hover>span{background-color:rgba(50,143,7,0.8);color:#fff}.btn.btn-delete>span{background-color:#ca1d0a;color:#fff}.btn.btn-delete>span:hover{background-color:#fff;color:#ca1d0a}.btn+.btn{margin-left:1rem}.btn.btn-link{border:none;background:none;padding:0;color:#1EA0CD;text-decoration:underline;font-size:inherit;text-align:inherit}.btn-ico{color:inherit}.btn-ico svg{display:block;width:44px;height:44px}.btn-ico svg *{fill:currentColor}label,.label{font-weight:500}ul.customers{margin-left:1.2em;margin-bottom:1rem}ul.customers>li:not(:last-child){margin-bottom:.2em}ul.services{margin:0;padding:0;list-style:none}ul.services:before,ul.services:after{content:" ";display:table}ul.services:after{clear:both}ul.services>li{float:left;width:50%}ul.services>li>div{position:relative;height:0;padding-top:100%}ul.services>li>div>div{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;top:50%;left:50%}ul.services>li .title{font-size:2em;font-weight:500;text-align:center;color:inherit}ul.services>li .cover-link{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem}ul.services>li .cover-link span{opacity:0}ul.skill-categories .skill,ul.skill-categories .sub-category{font-size:.9rem}.top-nav{position:absolute;top:0;left:0;padding:.5em 1.5rem;width:100%;display:flex;font-size:.7em;line-height:1em}figure>picture{width:100%;height:100%}figure figcaption{display:none}:root{color-scheme:light dark}body.dark-theme img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}body.dark-theme a{color:inherit}body.dark-theme a>svg *{fill:currentColor}body.dark-theme #domstep-image{background-image:url(../img/bg/domstep-dark-a2bd0a48.png)}body.dark-theme .cs_00{background:#052839;color:#fff}body.dark-theme .page.more{background-color:#151515;color:#fff}@media screen and (prefers-color-scheme: dark){body img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}body a{color:inherit}body a>svg *{fill:currentColor}body #domstep-image{background-image:url(../img/bg/domstep-dark-a2bd0a48.png)}body .cs_00{background:#052839;color:#fff}body .page.more{background-color:#151515;color:#fff}}@media (prefers-color-scheme: light){body.dark-theme img{-webkit-filter:brightness(0.8) contrast(1.2);filter:brightness(0.8) contrast(1.2)}body.dark-theme a{color:inherit}body.dark-theme a>svg *{fill:currentColor}body.dark-theme #domstep-image{background-image:url(../img/bg/domstep-dark-a2bd0a48.png)}body.dark-theme .cs_00{background:#052839;color:#fff}body.dark-theme .page.more{background-color:#151515;color:#fff}}