@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css?family=Hind:500,600,700&display=swap";html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--primary-color:oklch(48.133% .06647 218.162);--accent-color:oklch(38.514% .10112 23.064);--color-00:hsl(from var(--primary-color) h s 97%);--color-01:var(--primary-color);--color-02:hsl(from var(--primary-color) h s 25%);--color-03:hsl(from var(--primary-color) h s 93%);--color-04:hsl(from var(--primary-color) h s 89%);--color-05:hsl(from var(--primary-color) h calc(s + 10%) 91%)}html,body{color:var(--color-02);scroll-behavior:smooth;background-color:var(--color-00);margin:0;padding:0;font-family:Open Sans,sans-serif;font-size:18px}ul{margin:0;padding:0;list-style:none}.page-navigation-link{color:var(--color-02);width:100%;padding:1rem;line-height:1;text-decoration:none;transition:all .15s ease-out}@media (width>=960px){.page-navigation-link:hover{color:var(--color-02)}}.page-navigation-link.active{color:var(--color-02)}@media (width>=960px){.page-navigation-link.active{color:var(--color-02);border-color:var(--color-02)}}.footer-navigation-link{color:inherit;width:100%;line-height:1.625;text-decoration:none;transition:all .15s ease-out}.footer-navigation-link:hover{color:var(--color-02)}button,.button{background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1}.primary-button{background:var(--color-02);color:var(--color-00);text-align:center;border:.0625rem solid var(--color-02);border-radius:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s ease-out;display:block}@media (hover:hover){.primary-button:hover{background:hsl(from var(--color-02) h s 20%);color:var(--color-00)}}.outlined-link-button{color:var(--color-02);text-align:center;border:.0625rem solid var(--color-02);border-radius:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s ease-out;display:block}@media (hover:hover){.outlined-link-button:hover{background:hsl(from var(--color-02) h s 20%);color:var(--color-00)}}.mobile-navigation-menu{z-index:10;padding:1rem;transition:all .24s;position:absolute;top:2.75rem;right:0}.mobile-navigation-menu>div{background-color:var(--color-01);width:1.5rem;height:.125rem;margin:.25rem 0;transition:all .24s}.mobile-navigation-menu.opened{transform:rotate(270deg)}.mobile-navigation-menu.opened>div:first-child{transform:rotate(45deg)translate(4px,4px)}.mobile-navigation-menu.opened>div:last-child{transform:rotate(-45deg)translate(4px,-4px)}.mobile-navigation-menu.opened>div:nth-child(2){opacity:0}main{grid-template-columns:repeat(12,1fr);column-gap:1.5rem;max-width:71.25rem;margin:2rem auto;padding:0 1.5rem;display:grid}@media (width>=960px){main{margin:8rem auto}}article{margin:0 auto 3rem;grid-column:1/-1;grid-template-columns:repeat(12,1fr);column-gap:1.5rem;width:100%;margin-block-end:auto;display:grid}article header,article section{grid-column:1/-1}@media (width>=960px){article header,article section{grid-column:2/12}}article section{grid-column:1/-1;margin:0 0 2rem;margin-block-end:auto}@media (width>=960px){article section{grid-column:2/12}}article section.two-cols{flex-direction:column;gap:2rem;display:flex}@media (width>=960px){article section.two-cols{flex-direction:row}}article section.two-cols figure{width:100%}@media (width>=960px){article section.two-cols figure{width:80%}}article figure{grid-column:1/-1}@media (width>=960px){article figure{grid-column:2/12}}h1,.h1{margin:0;font-family:Hind,sans-serif;font-size:2rem;font-weight:700}@media (width>=425px){h1,.h1{font-size:3rem}}@media (width>=960px){h1,.h1{font-size:4rem}}@media (width>=1200px){h1,.h1{font-size:5rem}}h2,.h2{color:var(--color-02);margin:0 0 2rem;font-family:Hind,sans-serif;font-size:1.75rem;font-weight:500;line-height:1.125}h3,.h3{color:var(--color-02);margin:0 0 1rem;font-family:Hind,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.3}h4,.h4{margin:0 0 1rem;font-family:Hind,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}p{margin:0 0 1.25rem;line-height:1.625}figure{margin:0}figure img{width:100%;display:block}figure video{width:100%}article ul,.ul{margin-bottom:.75rem;padding:0 0 0 1rem}article ul li,.ul li{line-height:initial;margin-bottom:.5rem;position:relative}article ul li:last-child,.ul li:last-child{margin-bottom:0}article ul li:before,.ul li:before{content:"•";color:var(--color-02);font-weight:700;display:block;position:absolute;left:-1rem}ol{margin-bottom:.75rem;padding:0 0 0 1rem}ol li{line-height:initial;margin-bottom:.5rem;position:relative}ol li:last-child{margin-bottom:0}.accordion{flex-direction:column;gap:1rem;display:flex}.accordion .item{text-align:left;background:var(--color-03);color:var(--color-02);border:.125rem solid var(--color-04);cursor:pointer;border-radius:.5rem;flex-direction:column;flex-grow:1;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:start;padding:2rem;transition:all .15s;display:grid}@media (width>=760px){.accordion .item{flex-direction:row;justify-content:space-between;align-items:center}}@media (hover:hover){.accordion .item:hover{background:rgb(from var(--color-02) r g b/10%);border:.125rem solid rgb(from var(--color-02) r g b/40%)}}.accordion .item .header{grid-row-start:1;grid-column-start:span 2;font-size:1.125rem;font-weight:700;line-height:1.2}@media (width>=760px){.accordion .item .header{grid-column-start:1}}.accordion .item .content{grid-row-start:2;grid-column-start:span 2;margin-top:1rem;display:none;overflow-y:hidden}.accordion .item .content p:last-child{margin-bottom:0}.accordion .item .metadata{grid-row-start:3;grid-column-start:span 2;gap:1rem;margin-top:1rem;font-size:1rem;font-weight:700;display:flex}@media (width>=760px){.accordion .item .metadata{grid-row-start:1;grid-column-start:2;justify-content:end;margin-top:0}}.accordion .item .metadata div{align-items:center;gap:.25rem;display:flex}.accordion .item.active{cursor:default;background:rgb(from var(--color-02) r g b/10%);color:var(--color-02);border-color:rgb(from var(--color-02) r g b/40%);flex-direction:column;align-items:start}.accordion .item.active .content{grid-template-rows:1fr;display:grid}.accordion .item.active .metadata div:last-child{display:flex}.collaboration{grid-column:span 12;margin:2rem auto}@media (width>=960px){.collaboration{margin:5rem auto}}.collaboration__header{text-align:center}.collaboration__content{gap:1rem;display:grid}@media (width>=960px){.collaboration__content{grid-template-columns:repeat(3,1fr)}}.collaboration__content--card{background-color:var(--color-03);color:var(--color-02);border:1px solid #0000;border-radius:.5rem;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.collaboration__content--card figure{max-height:10rem;display:flex}.collaboration__content--card figure img{object-fit:cover;width:100%;height:100%}.collaboration__content--card div{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.collaboration__content--card div p{flex-grow:1}.video{grid-column:span 12;margin:2rem auto}@media (width>=960px){.video{margin:5rem auto}}.video__header{text-align:center}.video__content{background-color:var(--color-03);border-radius:1rem;gap:1rem;padding:1rem;display:grid}@media (width>=960px){.video__content{grid-template-columns:repeat(1,1fr)}}.video__content video{border-radius:.5rem;width:100%;height:auto}.competence-overview{grid-column:span 12;margin:2rem auto;scroll-margin-top:12rem}@media (width>=960px){.competence-overview{margin:5rem auto}}.competence-overview__header{text-align:center}.competence-overview__content{gap:1rem;display:grid}@media (width>=960px){.competence-overview__content{grid-template-columns:repeat(3,1fr)}}.competence-overview__content--card{background-color:var(--color-03);color:var(--color-02);border:1px solid #0000;border-radius:.5rem;flex-direction:column;padding:2rem;text-decoration:none;transition:all .15s ease-out;display:flex}@media (hover:hover){.competence-overview__content--card:hover{background-color:rgb(from var(--color-02) r g b/10%);border-color:var(--color-02)}}.competence-overview__content--card img,.competence-overview__content--card svg{max-width:2.5rem;margin-bottom:2rem}.emphasize-box{background:rgb(from var(--color-02) r g b/10%);border-color:rgb(from var(--color-02) r g b/40%);border:.125rem solid rgb(from var(--color-02) r g b/40%);text-align:center;border-radius:.5rem;padding:2rem}.emphasize-box>*{margin:0}.emphasize-box:before{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAzYTY3OCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYsMjMyYTgsOCwwLDAsMS04LDhIODhhOCw4LDAsMCwxLDAtMTZoODBBOCw4LDAsMCwxLDE3NiwyMzJabTQwLTEyOGE4Ny41NSw4Ny41NSwwLDAsMS0zMy42NCw2OS4yMUExNi4yNCwxNi4yNCwwLDAsMCwxNzYsMTg2djZhMTYsMTYsMCwwLDEtMTYsMTZIOTZhMTYsMTYsMCwwLDEtMTYtMTZ2LTZhMTYsMTYsMCwwLDAtNi4yMy0xMi42NkE4Ny41OSw4Ny41OSwwLDAsMSw0MCwxMDQuNDlDMzkuNzQsNTYuODMsNzguMjYsMTcuMTQsMTI1Ljg4LDE2QTg4LDg4LDAsMCwxLDIxNiwxMDRabS0xNiwwYTcyLDcyLDAsMCwwLTczLjc0LTcyYy0zOSwuOTItNzAuNDcsMzMuMzktNzAuMjYsNzIuMzlhNzEuNjUsNzEuNjUsMCwwLDAsMjcuNjQsNTYuM0EzMiwzMiwwLDAsMSw5NiwxODZ2Nmg2NHYtNmEzMi4xNSwzMi4xNSwwLDAsMSwxMi40Ny0yNS4zNUE3MS42NSw3MS42NSwwLDAsMCwyMDAsMTA0Wm0tMTYuMTEtOS4zNGE1Ny42LDU3LjYsMCwwLDAtNDYuNTYtNDYuNTUsOCw4LDAsMCwwLTIuNjYsMTUuNzhjMTYuNTcsMi43OSwzMC42MywxNi44NSwzMy40NCwzMy40NUE4LDgsMCwwLDAsMTc2LDEwNGE5LDksMCwwLDAsMS4zNS0uMTFBOCw4LDAsMCwwLDE4My44OSw5NC42NloiPjwvcGF0aD48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;width:100%;height:3rem;margin-bottom:1rem;display:block}.formats-overview{grid-column:span 12;margin:2rem auto;scroll-margin-top:12rem}@media (width>=960px){.formats-overview{margin:5rem auto}}.formats-overview__header{text-align:center}.formats-overview__content{gap:1rem;display:grid}@media (width>=960px){.formats-overview__content{grid-template-columns:repeat(2,1fr)}}.formats-overview__content--card{background-color:var(--color-03);color:var(--color-02);border:1px solid #0000;border-radius:.5rem;flex-direction:column;padding:2rem;text-decoration:none;transition:all .15s ease-out;display:flex}@media (hover:hover){.formats-overview__content--card:hover{background-color:rgb(from var(--color-02) r g b/10%);border-color:var(--color-02)}}.formats-overview__content--card img,.formats-overview__content--card svg{max-width:2.5rem;margin-bottom:2rem}.intro-stage{flex-direction:column-reverse;grid-column:1/13;gap:4rem;padding-top:8rem;padding-bottom:2rem;display:flex}@media (width>=960px){.intro-stage{flex-direction:row;padding-top:5rem;padding-bottom:5rem}}.intro-stage__content{flex-direction:column;flex-basis:50%;justify-content:center;display:flex}.intro-stage__content h1{margin-bottom:1rem;font-size:2.5rem}.intro-stage__content h2{color:var(--color-02);margin-bottom:2rem}.intro-stage__content--actions{gap:1rem;display:flex}.intro-stage__video{border-radius:.5rem;flex-basis:60%;margin:0;overflow:hidden}.intro-stage__video video{object-fit:cover;box-sizing:border-box;width:100%;height:100%;margin:0}.intro-stage__image{aspect-ratio:1;border-radius:.5rem;flex-basis:50%;margin:0;overflow:hidden}.intro-stage__image img{object-fit:cover;box-sizing:border-box;width:100%;height:100%;margin:0}.page-footer{background-color:var(--color-03);padding:2.5rem 0}.page-footer div{grid-template-columns:repeat(12,1fr);column-gap:1.5rem;max-width:71.25rem;margin:auto;padding:0 1.5rem;display:grid}.page-footer section:first-child{grid-column:1/-1}@media (width>=960px){.page-footer section:first-child{grid-column:1/6}}.page-footer section:nth-child(2){grid-column:1/-1}@media (width>=960px){.page-footer section:nth-child(2){grid-column:6/9}}.page-footer section:nth-child(3){grid-column:1/-1}.page-footer section:nth-child(3) p{margin-top:3.8rem}@media (width>=960px){.page-footer section:nth-child(3){grid-column:10/12}}.page-header{background-color:var(--color-03);border-bottom:1px solid var(--color-03);z-index:90;flex-direction:column;align-items:flex-start;height:6.75rem;transition:all .2s ease-out;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}@media (width>=960px){.page-header{justify-content:space-between;align-items:center;height:auto}.page-header button{display:none}}.page-header.opened{height:24rem}.page-header .logo{color:var(--color-02);letter-spacing:1px;place-content:center;align-items:center;width:13rem;padding:.5rem 1rem;font-family:Hind,sans-serif;font-size:21px;font-weight:600;text-decoration:none;display:flex}.page-header .logo-variant{color:var(--color-02);flex-direction:column;padding:1.25rem;font-family:Hind,sans-serif;font-size:22px;font-weight:500;text-decoration:none;display:flex}.page-header .logo-variant .logo-text{color:var(--color-02);letter-spacing:2px}.page-header .logo-variant .logo-subtext{font-size:16px}.page-header__quick-contact{background-color:var(--color-01);color:var(--color-00);width:100%;display:flex}.page-header__quick-contact ul{justify-content:space-between;width:100%;padding:.5rem;display:flex}@media (width>=960px){.page-header__quick-contact ul{justify-content:flex-end}}.page-header__quick-contact ul a{color:var(--color-00);padding:.5rem;font-size:.75rem;text-decoration:none}.page-header__main-nav{flex-direction:column;justify-content:space-between;width:100%;display:flex}@media (width>=960px){.page-header__main-nav{flex-direction:row}}.page-header__main-nav ul{text-align:left;flex-direction:column;align-items:center;padding:1rem 0;display:flex}@media (width>=960px){.page-header__main-nav ul{flex-direction:row}}.page-header__main-nav ul li{width:100%;display:flex}.stage{background-color:var(--color-01);height:100vw;color:var(--color-00);text-align:center;justify-content:center;align-items:center;margin-top:5rem;padding:0 1rem;display:flex}@media (width>=960px){.stage{height:70vh}}.index{background-image:url(/files/stage-images/Closeup_Pascalle_Gruen.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}@media (width>=960px){.index{background-position:50% 40%;background-size:cover}}@media (width>=1600px){.index{background-position:50% 40%;background-size:cover}}.themes{background-image:url(/files/stage-images/portfolio.jpg);background-position:right 40% center;background-size:cover}@media (width>=960px){.themes{background-position:50%}}.customer{background-image:url(/files/stage-images/battle-black-blur-board-game.jpg);background-position:46%;background-size:cover}@media (width>=960px){.customer{background-position:50% 20%}}.formats{background-image:url(/files/stage-images/formats.jpg);background-position:46%;background-size:cover}@media (width>=960px){.formats{background-position:50%}}.privacy{background-image:url(/files/stage-images/privacy.jpg);background-position:46%;background-size:cover}@media (width>=960px){.privacy{background-position:50%}}.imprint{background-image:url(/files/stage-images/impressum.jpg);background-position:46%;background-size:cover}@media (width>=960px){.imprint{background-position:50%}}.matrix{background-image:url(/files/stage-images/matrix.jpg);background-position:50%;background-size:cover}@media (width>=960px){.matrix{background-position:50%}}.team-organisation{background-image:url(/files/stage-images/team-orga.jpg);background-position:50%;background-size:cover}@media (width>=960px){.team-organisation{background-position:50%}}.tab-content{grid-column:1/-1}.tab-content nav ul{border-bottom:1px solid var(--color-04);border-top:1px solid var(--color-04);scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid;overflow-x:auto}.tab-content nav ul li{min-width:0;margin:0}.tab-content nav ul button{width:100%;min-height:4.5rem;color:var(--color-02);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .25rem;font-size:.7rem;line-height:1.2;transition:background-color .15s,color .15s;display:flex;position:relative}.tab-content nav ul button:after{background-color:var(--color-02);content:"";opacity:0;border-radius:.125rem .125rem 0 0;height:.125rem;transition:opacity .15s,transform .15s;position:absolute;bottom:-1px;left:.5rem;right:.5rem;transform:scaleX(.65)}@media (hover:hover){.tab-content nav ul button:hover{background-color:rgb(from var(--color-02) r g b/7%)}}.tab-content nav ul button:focus-visible{outline:.125rem solid var(--color-02);outline-offset:-.25rem}.tab-content nav ul button[aria-selected=true]{color:var(--color-02);font-weight:600}.tab-content nav ul button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.tab-content nav ul button svg{stroke-width:1.75px;flex:none;width:22px;height:22px}@media (width>=760px){.tab-content nav ul button{flex-direction:row;gap:.625rem;min-height:4.25rem;padding:.75rem 1rem;font-size:.9375rem}.tab-content nav ul button svg{width:24px;height:24px}}.tab-content .content{grid-template-columns:repeat(12,1fr);column-gap:1.5rem;min-height:30rem;margin:3rem auto 0;display:grid}.tab-content .content div{grid-column:1/-1}@media (width>=960px){.tab-content .content div{grid-column:2/12}}.tab-content .content div figure{margin:2rem 0}.tab-content--topics .tab-select{gap:.5rem;display:grid}.tab-content--topics .tab-select label{font-size:.75rem;font-weight:600}.tab-content--topics .tab-select__control{position:relative}.tab-content--topics .tab-select__control select{appearance:none;border:1px solid var(--color-04);background-color:var(--color-00);width:100%;min-height:3.25rem;color:var(--color-02);font:inherit;cursor:pointer;border-radius:.25rem;padding:.75rem 3rem .75rem 1rem;font-weight:600}.tab-content--topics .tab-select__control select:focus-visible{outline:.125rem solid var(--color-02);outline-offset:.125rem}.tab-content--topics .tab-select__control svg{pointer-events:none;width:20px;height:20px;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}@media (width>=760px){.tab-content--topics .tab-select{display:none}}.tab-content--topics nav{display:none}@media (width>=760px){.tab-content--topics nav{display:block}}.tab-content--topics nav ul{grid-template-columns:repeat(6,minmax(0,1fr))}.tab-content--topics nav ul button{height:100%}@media (width>=760px){.tab-content--topics nav ul button{gap:.375rem;padding:.625rem .5rem;font-size:.8125rem}.tab-content--topics nav ul button svg{width:20px;height:20px}}.tile-grid{grid-gap:1.5rem;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-flow:row;display:grid}.tile-grid .customer-tile{text-align:center;background-color:var(--color-03);flex-direction:column;justify-content:center;place-items:center;min-height:20rem;display:flex;position:relative}.tile-grid .customer-tile figure{justify-content:center;align-items:center;width:70%;display:flex}.tile-grid .customer-tile figure img{mix-blend-mode:darken}.tile-grid .customer-tile .description{opacity:0;background-color:rgb(from var(--color-01) r g b/90%);text-align:center;color:var(--color-00);hyphens:auto;flex-direction:column;flex-grow:1;flex-basis:100%;justify-content:center;padding:2rem;transition:all .25s;display:flex;position:absolute;inset:0}.tile-grid .customer-tile .description:hover{opacity:1}