*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:REM;src:url(/assets/fonts/REM-Medium.woff2) format("woff2"),url(/assets/fonts/REM-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--border-radius:0.25rem;--border-radius-small:0.125rem;--space-xs:0.125rem;--space-s:0.25rem;--space-m:0.5rem;--space-l:1rem;--space-xl:2rem;--space-xxl:4rem;--space-xxxl:8rem;--space-xxxxl:16rem;--gutter:var(--space-l);--columns:12;--color-black:#000;--color-white:#fff;--color-grey:#777;--color-light:#efefef;--color-text:#333366;--color-text-grey:var(--color-grey);--color-background:var(--color-white);--color-code-light-grey:#cacbd1;--color-code-comment:#a9aaad;--color-code-white:#c5c9c6;--color-code-red:#d16464;--color-code-orange:#de935f;--color-code-yellow:#f0c674;--color-code-green:#a7bd68;--color-code-aqua:#8abeb7;--color-code-blue:#333366;--color-logo-orange:#FFBE52;--color-dark-blue:#2E2EFF;--font-family-sans:'REM',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-size-xs:0.833rem;--font-size-s:1rem;--font-size-m:1.2rem;--font-size-l:1.44rem;--font-size-xl:1.728rem;--font-size-xxl:2.074rem;--font-size-xxxl:2.488rem;--button-text-color:var(--color-code-blue);--formblock-color:var(--color-code-blue);--formblock-color-invert:#fff;--formblock-color-error:var(--color-code-red);--formblock-color-success:var(--color-code-green);--link-color:var(--color-dark-blue)}html{font-size:var(--font-size-s);font-family:var(--font-family-sans);color:var(--color-text);background:var(--color-background);line-height:1.5}body{margin:0 auto;font-size:var(--font-size-s)}img{width:100%;border-radius:var(--border-radius);display:block}h1{font-size:var(--font-size-xxxl);margin-top:var(--space-xxxxl);letter-spacing:var(--space-xs)}h2{font-size:var(--font-size-xxxl);font-weight:200;letter-spacing:.06rem}h3{font-size:var(--font-size-xl);font-weight:600;font-family:Helvetica}h4{font-size:var(--font-size-l);font-family:Helvetica}h5{font-size:var(--font-size-m)}h6{font-size:var(--font-size-s)}ul{list-style:none;padding-left:0}a{color:var(--link-color);text-decoration:none;font-family:Helvetica}p{font-size:var(--font-size-m);font-family:Helvetica}button{font:inherit;background:0 0;border:1px solid var(--button-text-color);color:var(--button-text-color);cursor:pointer;border-radius:var(--border-radius-small);padding:.5rem 1rem}li{font-size:var(--font-size-m);font-family:Helvetica}b,strong{font-weight:600}small{font-size:var(--font-size-xs);color:var(--color-text-grey)}.margin-s{margin-bottom:var(--space-s)}.margin-m{margin-bottom:var(--space-m)}.margin-l{margin-bottom:var(--space-l)}.margin-xl{margin-bottom:var(--space-xl)}.margin-xxl{margin-bottom:var(--space-xxl)}.margin-xxxl{margin-bottom:var(--space-xxxl)}.margin-xxxxl{margin-bottom:var(--space-xxxxl)}.padding-s{padding:var(--space-s)}.padding-m{padding:var(--space-m)}.padding-l{padding:var(--space-l)}.padding-xl{padding:var(--space-xl)}.padding-xxl{padding:var(--space-xxl)}.padding-left-s{padding-left:var(--space-s)}.padding-left-m{padding-left:var(--space-m)}.padding-left-l{padding-left:var(--space-l)}.padding-left-xl{padding-left:var(--space-xl)}.padding-left-xxl{padding-left:var(--space-xxl)}.padding-top-s{padding-top:var(--space-s)}.padding-top-m{padding-top:var(--space-m)}.padding-top-l{padding-top:var(--space-l)}.padding-top-xl{padding-top:var(--space-xl)}.padding-top-xxl{padding-top:var(--space-xxl)}.padding-bottom-s{padding-bottom:var(--space-s)}.padding-bottom-m{padding-bottom:var(--space-m)}.padding-bottom-l{padding-bottom:var(--space-l)}.padding-bottom-xl{padding-bottom:var(--space-xl)}.padding-bottom-xxl{padding-bottom:var(--space-xxl)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-xl)}.column{grid-column:span var(--columns)}.header{position:relative;display:flex;flex-wrap:wrap;justify-content:space-around;margin-right:-1rem;margin-left:-1rem;background-color:var(--color-background);z-index:1}.logo{display:flex;align-items:center;font-weight:600;cursor:pointer;width:50%}.menu{display:flex;justify-content:space-between;align-items:center}.menu a{padding:var(--space-l);display:block;text-align:center}.social{display:flex;padding:0 .5rem}.social a{width:1rem;padding:1rem .5rem}.section-about,.section-contact,.section-services,.section-showreel{max-width:1080px;margin:0 auto;margin-bottom:var(--space-xxxxl)}.img,.video{position:relative;display:block;--w:1;--h:1;padding-bottom:calc(100% / var(--w) * var(--h))}.img img,.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:var(--border-radius)}.img[data-contain] img{object-fit:contain}.img-caption,.video-caption{padding-top:.75rem;line-height:1.5em;text-align:left}.headline-wrapper{background:var(--color-text);margin-bottom:var(--space-xl);color:var(--color-background);border-radius:var(--space-s);text-align:center;padding:var(--space-xl)}.headline-wrapper a{color:var(--color-background)}.headline-wrapper-main-h1{margin-bottom:var(--space-s);text-align:center}.headline-wrapper-main{max-width:1080px;margin:0 auto;text-align:center;margin-bottom:var(--space-xxxxl)}.cta-subtext{font-size:var(--font-size-l)}.cta-link{font-size:var(--font-size-xxl)}.cta-link:hover{color:var(--link-color)}.email{font-size:calc(var(--font-size-xxxl)*4);text-decoration:none;padding:var(--space-m);display:inline-block;text-align:center}.footer button{font:inherit;background:0 0;border:none;color:var(--link-color);cursor:pointer;padding:0 0}.footer button:hover{color:var(--button-text-color)}.footer:before{content:'';position:absolute;border-top:1px solid;width:100vw;top:-2rem;margin-bottom:var(--space-xl);z-index:1}.footer{display:grid;grid-template-columns:1fr;gap:var(--space-l);padding-bottom:var(--space-xl);text-align:center}.footer .column{column-width:auto;grid-column:span 1}.footer h2{font-weight:600;margin-bottom:.75rem}.footer p,.footer ul{color:var(--color-text-grey)}.footer a:hover{color:var(--color-text)}@media screen and (min-width:640px){.header{position:fixed;top:0;left:0;height:100%;width:250px;display:flex;margin:0;margin-bottom:var(--space-xl)}.logo{width:100%;padding-top:var(--space-xl);padding-left:var(--space-xl);padding-right:var(--space-xl);margin-bottom:var(--space-xxxxl)}.menu{flex-direction:column;width:100%;column-gap:var(--space-xl)}.language-switcher{display:flex;justify-content:center;flex-direction:row;width:100%}.language-switcher a{padding:var(--space-m);font-size:var(--font-size-l);display:inline-block;transition:border-color .2s ease}.menu a{padding:var(--space-m) var(--space-l);font-size:var(--font-size-l);display:inline-block;text-decoration:none;transition:border-color .2s ease}}@media screen and (min-width:640px) and (min-height:430px){.header{flex-direction:column;justify-content:flex-start}.active-link{border-bottom:2px solid var(--link-color);display:inline-block;padding-bottom:var(--space-l);width:250px}.footer{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:640px) and (max-height:429px){h4{font-size:var(--font-size-m)}p{font-size:var(--font-size-m)}.header{width:200px;height:100%;flex-direction:row;justify-content:space-around}.section-about,.section-contact,.section-services,.section-showreel{margin-bottom:var(--space-xxxxl)}.logo{width:auto;margin-bottom:0}.language-switcher,.menu{justify-content:center}.footer{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}@media screen and (min-width:768px),screen and (min-device-width:768px) and (orientation:landscape){main{margin:var(--space-xl)}h3{font-size:var(--font-size-m)}.grid{grid-template-columns:repeat(12,1fr)}.column{grid-column:span var(--columns)}.header{position:fixed;top:0;left:0;height:100%;width:250px;display:flex;margin:0;margin-bottom:var(--space-xl);border-right:1px solid}body{margin-left:250px}.footer,.section-about,.section-contact,.section-services,.section-showreel{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.footer{padding-left:var(--space-xl);padding-right:var(--space-xl);margin:0}}@media screen and (min-width:1023px) and (orientation:landscape){.body{margin-left:250px}}@media screen and (min-width:1201px) and (orientation:landscape){.header{border-right:1px solid}.logo{margin-bottom:var(--space-xxxxl)}h3{font-size:var(--font-size-xl)}body{margin-left:250px}.footer{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1200px) and (orientation:landscape){main{margin:var(--space-xl)}.logo{margin-bottom:var(--space-l)}.grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:768px){:root{--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:1rem;--font-size-l:1.2rem;--font-size-xl:1.44rem;--font-size-xxl:1.728rem;--font-size-xxxl:2.074rem}.header{position:relative;width:100%;height:auto;flex-direction:row;justify-content:space-around;padding:var(--space-m)}.logo{width:auto;margin-bottom:0}.language-switcher,.menu{flex-direction:row;justify-content:center}.menu a{padding:var(--space-m)}.active-link{border-bottom:2px solid var(--link-color);display:inline-block;padding-bottom:var(--space-l);width:80px}.section-about,.section-contact,.section-services,.section-showreel{margin-bottom:var(--space-xxxxl);margin:var(--space-xl)}.footer p{padding-bottom:var(--space-m)}p{font-size:var(--font-size-l)}li{font-size:var(--font-size-l)}}@media screen and (max-width:639px){.header{position:relative;width:100%;height:auto;flex-direction:row;justify-content:space-around;padding:var(--space-xl)}.grid{grid-template-columns:repeat(6,1fr)}.headline-wrapper-main h2{font-size:var(--font-size-xxl)}.section-about,.section-contact,.section-services,.section-showreel{margin-bottom:var(--space-xxxxl);margin:var(--space-xl)}.logo{width:auto;margin-bottom:var(--space-xl)}.language-switcher,.menu{display:flex;flex-direction:row;justify-content:center;column-gap:var(--space-m)}.footer{grid-template-columns:repeat(2,1fr)}}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:2rem;transition:opacity .3s ease;opacity:0;pointer-events:none}.modal.modal-open{opacity:1;pointer-events:all}.modal-dialog{background:#111;color:#fff;border-radius:8px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 30px rgba(0,0,0,.5)}.modal-content{padding:2rem;overflow-y:auto;flex:1}.modal-close{background:0 0;border:none;color:#fff;font-size:2rem;padding:1rem;text-align:right;cursor:pointer;align-self:flex-end;transition:color .2s}.modal-close:hover{color:#ccc}code[class*=language-],pre[class*=language-]{color:var(--color-code-white);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:0 0;overflow:auto}.token.punctuation{color:var(--color-code-light-grey)}.token.comment,.token.doctype{color:var(--color-code-comment)}.token.delimiter,.token.key,.token.kirbytag-bracket,.token.markup,.token.prolog,.token.selector,.token.tag,.token.this,.token.variable{color:var(--color-code-red)}.token.attr-name,.token.bold,.token.bold>.punctuation,.token.boolean,.token.boolean.important,.token.constant,.token.entity,.token.kirbytag-attr,.token.kirbytag-name,.token.number{color:var(--color-code-orange)}.token.italic,.token.italic>.punctuation,.token.keyword{color:var(--color-code-purple)}.token.function{color:var(--color-code-blue)}.token.operator,.token.title{color:var(--color-code-aqua)}.token.attr-value,.token.attr-value .punctuation,.token.list.punctuation,.token.string{color:var(--color-code-green)}.token.class-name,.token.property,.token.scope,.token.url{color:var(--color-code-yellow)}.token.kirbytag-bracket,.token.list.punctuation,.token.title{font-weight:700}.token.title .punctuation{color:inherit}.token.bold{font-weight:700}.token.italic{font-style:italic}.codeblock{background:var(--color-black)}.codeblock figcaption{color:var(--color-code-white);padding:.5rem 1rem;font-family:var(--font-family-mono);border-bottom:1px solid #333}.reveal{display:grid;position:relative;opacity:0;transition:all .9s ease-out}.reveal-up{transform:translateY(50px)}.reveal-down{transform:translateY(-50px)}.reveal-left{transform:translateX(-50px)}.reveal-right{transform:translateX(50px)}.reveal.active{opacity:1;transform:translate(0,0)}.hidden{display:none}footer.footer{position:relative;min-height:200px}.footer-content-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.footer-content-placeholder{transition:opacity .5s ease;opacity:1}.footer-content-placeholder.fade-out{opacity:0}.section-placeholder{min-height:600px;background:#f9f9f9;position:relative}.section--loading .section-placeholder::after{content:"Inhalt wird geladen …";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#bbb;font-style:italic;font-size:1rem}#about-section .section-placeholder{min-height:400px}#services-section .section-placeholder{min-height:800px}.service-steps{counter-reset:step;position:relative}.step-item{position:relative;margin-bottom:var(--space-xxl);cursor:pointer}.step-item::before{counter-increment:step;content:counter(step);position:absolute;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:50%;font-size:1rem;font-weight:700}.step-points{padding:var(--space-xl);padding-bottom:0;border-top-left-radius:var(--space-s);border-top-right-radius:var(--space-s)}.step-summary{padding-left:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-bottom-left-radius:var(--space-s);border-bottom-right-radius:var(--space-s);padding-right:var(--space-xl)}.step-points,.step-summary{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .8s ease}.step-points li{padding-top:var(--space-l)}.step-points :first-child{padding-top:0}.step-item.expanded .step-points,.step-item.expanded .step-summary{max-height:1000px;opacity:1;overflow:visible}.step-item.expanded:after{content:'';position:absolute;border-bottom:1px solid;width:100vw;left:-25vw;padding-top:var(--space-xl)}.list-disc{list-style:none}.list-disc li{position:relative;padding-left:var(--space-l)}.list-disc :first-child{top:0}.list-disc li::before{content:'•';position:absolute;left:0;font-size:1rem}.step-subtitle,.step-title{text-align:center}.step-title{color:var(--link-color);font-size:var(--font-size-xxl);text-transform:uppercase;padding-top:var(--space-xxl)}.step-subtitle{font-size:var(--font-size-xl)}.step-title:hover{color:var(--color-text)}@media screen and (max-width:1200px) and (orientation:landscape){.step-title{font-size:var(--font-size-xxl)}.step-subtitle{font-size:var(--font-size-xl)}}@media screen and (min-width:768px),screen and (min-device-width:768px) and (orientation:landscape){.step-subtitle{font-size:var(--font-size-l)}}@media screen and (min-width:1201px) and (orientation:landscape){.step-title{font-size:var(--font-size-xxl)}.step-subtitle{font-size:var(--font-size-xxl)}}@media screen and (min-width:640px) and (max-height:429px){.step-title{font-size:var(--font-size-l)}}@media screen and (max-width:639px){.step-item.expanded:after{content:'';position:absolute;border-bottom:1px solid;width:100vw;left:0;padding-top:var(--space-xl)}}
/*# sourceMappingURL=styles.min.css.map */