@charset "UTF-8";
:root{--color-neutral-50: #F4FBFF;--color-neutral-100: #D7F0F6;--color-neutral-200: #B4E2ED;--color-neutral-300: #80CCE0;--color-neutral-400: #45AECB;--color-neutral-500: #2991B1;--color-neutral-600: #257595;--color-neutral-700: #245F7A;--color-neutral-800: #255065;--color-neutral-900: #0d1b23;--color-neutral-950: #0B1A23;--color-deco01-500: #EA79FD;--color-deco01-700: #9C17B2;--color-deco02-500: #28E7C5;--color-deco02-700: #139780;--color-deco03-500: #A172FF;--color-deco03-700: #613CBF;--color-deco04-500: #0051FF;--color-deco04-700: #002A85;--header-height: 4rem;--content-width: min(90vw, 1600px);--title-font-size: 1.5rem;--title-font-weight: 900;--title-font-letter-spacing: 0.075em;--heading-font-family: var(--font-family-base);--heading-font-size: 1.125rem;--heading-font-weight: 400;--paragraph-font-family: var(--font-family-base);--paragraph-font-size: 1.25rem;--paragraph-font-weight: 500;--font-size-kicker: 0.75rem;--font-size-content-bold: 1.5rem;--font-family-base: "IBM Plex Sans", helvetica, sans-serif;--font-family-ibm: "IBM Plex Sans", helvetica, sans-serif;--font-family-funnel: "FunnelSans", Verdana, Geneva, Tahoma, sans-serif;--font-size-base: 16px;--font-size-0: .75rem;--font-size-1: 1rem;--font-size-2: 1.25rem;--font-size-3: 1.5rem;--font-size-4: 1.75rem;--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-h1: var(--font-size-6);--font-size-h2: var(--font-size-3);--font-size-h3: var(--font-size-1);--font-size-h4: var(--font-size-1);--font-size-h5: var(--font-size-1);--font-size-h6: var(--font-size-1);--font-weight-700: 700;--font-weight-600: 600;--font-weight-500: 500;--font-weight-400: 400;--font-weight-300: 300;--letter-spacing-base: 1px;--line-height-base: 1.4;--margin-top: 50px;--margin-bottom: 150px;--menu-size: 50px;--menu-height: 20px;--menu-width: 30px;--menu-line-height: 2px;--menu-line-radius: var(--menu-line-height);--menu-to-translate: calc((var(--menu-height) -  var(--menu-line-height)) / 2);--menu-bounce: cubic-bezier(.87,-.50,.19,1.50);--button-padding-inline: 1rem;--button-padding-block: 0.5rem}@media screen and (min-width:769px){:root{--header-height: 5rem;--title-font-size: 2.5rem;--heading-font-size: 1.25rem;--font-size-kicker: 1rem;--font-size-content-bold: 1.5rem;--button-padding-inline: 1.5rem;--button-padding-block: 0.75rem}}.sticker{--width: 10rem;display:grid;place-content:center;width:var(--width);aspect-ratio:1;background-color:rgba(0, 81, 255, 0.8);border-radius:50%;position:relative}.sticker a{font-family:var(--font-family-ibm);font-size:var(--font-size-kicker);font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0.15em;text-align:center}.sticker a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;content:""}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:var(--color-white-100);overflow-y:scroll;scrollbar-width:thin}strong{font-weight:var(--font-weight-700)}input::-moz-focus-inner{border:0;outline:0 none}table{border-collapse:collapse;border-spacing:0}figure{margin:0;padding:0}img{position:relative;margin:0;outline:0 none;border:none;width:100%;height:auto;padding:0;display:block}.invisible{visibility:hidden;position:absolute;top:-99999px;left:-99999px}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:300 900;font-display:swap;src:url("../../files/data/fonts/IBMPlexSans-VariableFont_wdth,wght.ttf") format("truetype-variations")}@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:300 900;font-display:swap;src:url("../../files/data/fonts/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations")}@font-face{font-family:"FunnelSans";font-style:normal;font-weight:300 900;font-display:swap;src:url("../../files/data/fonts/FunnelSans-VariableFont_wght.ttf") format("truetype-variations")}h2{font-size:var(--font-size-h2);margin-bottom:10px}h3{font-size:var(--font-size-h3);margin-bottom:10px}h4{font-size:var(--font-size-h4);margin-bottom:10px}h5{font-size:var(--font-size-h5);margin-bottom:10px}h6{font-size:var(--font-size-h6);margin-bottom:10px}p{margin:0 0 20px}p:last-child{margin-bottom:0}a{display:inline-block;-webkit-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}a,a:link,a:visited,a:focus,a:active,a:hover,li.active{outline:0 none;text-decoration:none;background-color:transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;border:none;display:inline-block}a:focus{border:0 !important;outline:0 none !important}li,li:link,li:visited,li:focus,li:active,li:hover{outline:0 none;text-decoration:none;background-color:transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;border:none}a,a:link,a:visited,a:active,a:focus{color:var(--color-grey-800)}a:hover{color:var(--color-turquoise-500)}#navDesktop{position:relative;display:block;padding:0 50px}#navDesktop ul.level_1{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#navDesktop ul.level_1 li{position:relative;display:block;width:auto}#navDesktop ul.level_1 li a{position:relative;display:inline-block;margin:0 10px}#navDesktop ul.level_1 li a,#navDesktop ul.level_1 li a:link,#navDesktop ul.level_1 li a:visited,#navDesktop ul.level_1 li a:focus,#navDesktop ul.level_1 li a:active,#navDesktop ul.level_1 li a:hover,#navDesktop ul.level_1 li strong{color:var(--color-grey-800);text-decoration:none}#navDesktop ul.level_1 li a:hover{text-decoration:underline;text-underline-offset:3px}#navDesktop ul.level_1 li strong,#navDesktop ul.level_1 li .trail,#navDesktop ul.level_1 li a:hover{position:relative;display:inline-block;margin:0 10px;color:var(--color-grey-800)}#navDesktop ul.level_1 li:last-child a{margin-right:0}#navDesktop ul.level_1 li:last-child strong{margin:0 10px}#navDesktop ul.level_1 li.trail{margin-right:0}.mobile_menu_trigger{position:fixed;top:0;right:0;height:50px;width:50px;z-index:5000;background-color:var(--color-white-100)}.mobile_menu_overlay.active{background-color:transparent}.mobile_menu{height:100% !important;overflow:hidden !important}.mobile_menu .inner{height:100%;background-color:var(--color-grey-800);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:scroll;scrollbar-width:none}.mobile_menu .inner .box{position:relative}.mobile_menu .inner ol,.mobile_menu .inner ul{padding:0 !important;list-style:none !important}.mobile_menu #navMobile{z-index:10000;position:relative;text-align:center;padding:0 30px;margin:0;width:100%}.mobile_menu #navMobile ul{position:relative;width:100%;display:block;margin:0}.mobile_menu #navMobile ul li{position:relative;display:block;width:auto;font-size:var(--font-size-5)}.mobile_menu #navMobile ul li a,.mobile_menu #navMobile ul li strong{position:relative;display:inline-block;padding:10px 0}.mobile_menu #navMobile ul li span{position:relative;display:inline-block;color:var(--color-white-100)}.mobile_menu #navMobile ul li a,.mobile_menu #navMobile ul li a:link,.mobile_menu #navMobile ul li a:visited,.mobile_menu #navMobile ul li a:focus,.mobile_menu #navMobile ul li a:active,.mobile_menu #navMobile ul li a:hover,.mobile_menu #navMobile ul li strong{text-decoration:none;color:var(--color-white-100)}.mobile_menu #navMobile ul li a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;color:var(--color-white-100)}.mobile_menu_trigger .menu{position:relative;height:var(--menu-size);width:var(--menu-size);background-color:transparent;cursor:pointer;overflow:hidden}.mobile_menu_trigger .menu__icon{position:absolute;width:var(--menu-width);height:var(--menu-height);top:50%;left:50%;transform:translate(-50%, -50%)}.mobile_menu_trigger .menu__line{position:absolute;left:0;background-color:var(--color-grey-800);height:var(--menu-line-height);width:100%;border-radius:var(--menu-line-radius);pointer-events:none}.mobile_menu_trigger .menu__line--1{top:0}.mobile_menu_trigger .menu__line--2{top:0;bottom:0;margin:auto}.mobile_menu_trigger .menu__line--3{bottom:0}.mobile_menu_trigger .menu__line--1{transition:transform 0.3s ease-in-out, top 0.2s ease-in-out 0.3s}.mobile_menu_trigger .menu__line--1:before{content:"";position:absolute;width:100%;height:var(--menu-line-height);background-color:var(--color-grey-800);border-radius:var(--menu-line-radius);transition:transform 0.1s ease-in-out 0.2s}.mobile_menu_trigger .menu__line--2{transition:opacity 0s ease-in-out 0.3s}.mobile_menu_trigger .menu__line--3{transition:opacity 0s ease-in-out 0.3s, bottom 0.2s ease-in-out 0.3s}.mobile_menu_trigger.active .menu__line--1{top:var(--menu-to-translate);transform:rotate(135deg);transition:top 0.3s ease-in-out, transform 0.3s linear 0.3s}.mobile_menu_trigger.active .menu__line--1:before{transform:rotate(90deg);transition:transform 0.1s ease-in-out 0.3s}.mobile_menu_trigger.active .menu__line--2{opacity:0;transition:opacity 0s ease-in-out 0.3s}.mobile_menu_trigger.active .menu__line--3{bottom:var(--menu-to-translate);opacity:0;transition:bottom 0.3s ease-in-out, opacity 0s ease-in-out 0.3s}@media only screen and (max-width:1023px){#navDesktop{display:none}}#mainNav a{text-decoration:none;color:inherit}#mainNav ul{list-style:none;padding:0;margin:0}@media screen and (max-width:768px){#mainNav{position:fixed;top:5rem;left:0;width:100%;height:100%;background-color:lightgray;transform:translateX(-100%);transition:transform 0.375s ease-in-out;overflow:auto}#mainNav.open{transform:translateX(0)}#mainNav ul.level_1>li{border-bottom:1px solid #eee}#mainNav li{display:flex;flex-wrap:wrap;align-items:center}#mainNav li span,#mainNav li a{flex-grow:1;padding:1rem;color:#333;font-weight:500;transition:background-color 0.3s ease, color 0.3s ease}#mainNav li.active span,#mainNav li.active a{background-color:#e0f2fe;color:#007bff}#mainNav .submenu--content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out;overflow:hidden;width:100%}#mainNav .submenu--content ul{min-height:0}#mainNav .submenu--content ul li span,#mainNav .submenu--content ul li a{padding-left:2rem}#mainNav .submenu>.submenu-toggle[aria-expanded="true"]~.submenu--content{grid-template-rows:1fr}#mainNav .submenu-toggle{background:none;border:none;color:#007bff;font-size:1.5em;cursor:pointer;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:transform 0.3s ease, background-color 0.3s ease;flex-shrink:0}#mainNav .submenu-toggle[aria-expanded="true"]{transform:rotate(45deg)}.menu--toggle{display:flex;align-items:center;width:2.5rem;padding:0;border:none;outline:none;background:lightblue}.menu--toggle svg{stroke:black}}@media screen and (min-width:769px){.menu--toggle{display:none}#mainNav{display:flex;align-items:center}#mainNav li.active>span,#mainNav li.active>a,#mainNav li.trail>span,#mainNav li.trail>a{color:#007bff}#mainNav span,#mainNav a{display:block}#mainNav a:hover{color:#007bff}#mainNav ul.level_1{display:flex;flex-wrap:nowrap;gap:2rem}#mainNav ul.level_1 span,#mainNav ul.level_1 a{padding:1rem 0}#mainNav .submenu{position:relative}#mainNav .submenu--content{position:absolute;left:50%;transform:translateX(-50%);z-index:1000;visibility:hidden;opacity:0;transition:opacity 0.35s ease-in-out;box-shadow:0 0 1rem #d3cdcd;background-color:white;padding:1rem 0}#mainNav .submenu--content li span,#mainNav .submenu--content li a{padding:0.5rem 1rem;text-align:center;width:8rem}#mainNav .submenu:hover .submenu--content{visibility:visible;opacity:1}#mainNav .submenu-toggle{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.invisible{display:none !important}html{font-size:var(--font-size-base)}body{font-family:var(--font-family-base);color:var(--color-neutral-50);scroll-behavior:smooth;min-height:100%;display:flex;flex-direction:column}header{position:fixed;top:0;width:100%;z-index:99;display:flex;justify-content:center;background-color:rgba(13, 27, 35, 0.95)}header .header--inner{display:grid;grid-template-columns:0 130px 1fr;align-items:center;height:var(--header-height);width:var(--content-width);margin-inline:auto}header .header--inner svg{width:100%}header .header--cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;border-radius:3.125rem;background:var(--color-deco02-700);color:var(--color-neutral-50);font-family:var(--font-family-ibm);font-size:var(--font-size-kicker);font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0.15em}@media screen and (min-width:769px){header .header--inner{grid-template-columns:1fr 250px 1fr}header .header--cta{padding:0.75rem 1.5rem}}main{flex:1}.mod_article{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}.mod_article#article-10,.mod_article#article-27{width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height));color:var(--color-neutral-950)}footer{position:relative;z-index:99;padding-block:6rem 3rem;background-image:url("../../files/data/images/Backgrounds/Bioniqo_Background_Dark.webp")}footer .footer--inner{display:grid;width:var(--content-width);margin-inline:auto}footer .footer--logo{grid-column:1 / span 3}footer .footer--logo svg{width:min(100%, 10rem)}footer .footer--content{display:grid}footer .footer--nav{grid-column:1 / -1;margin-block-start:10vh;display:flex;gap:0.5rem}@media screen and (min-width:769px){footer .footer--inner{grid-template-columns:repeat(12, 1fr);grid-template-rows:auto auto 1fr}footer .footer--content{grid-column:1 / -1}footer .footer--content p{grid-column:1 / 10}footer .footer--content .footer--content-contact{grid-column:10 / span 3}footer .footer--nav{grid-column:10 / span 3;margin-block-start:10vh;display:flex;gap:0.5rem}}.design-element{position:fixed;z-index:2;opacity:0.9}.design-element.el-1{display:none;--width: 4rem;top:calc(var(--header-height) + 2rem);left:0;width:var(--width);aspect-ratio:1;background-color:var(--color-deco02-500);border-top-right-radius:calc(0.5 * var(--width));border-bottom-right-radius:calc(0.5 * var(--width))}.design-element.el-2{--width: 4rem;bottom:2vh;right:0;width:var(--width);aspect-ratio:1;background-color:var(--color-deco03-500);border-top-left-radius:calc(0.5 * var(--width));border-bottom-left-radius:calc(0.5 * var(--width))}.design-element.el-3{--width: 5rem;position:fixed;bottom:0;left:20%;width:var(--width);aspect-ratio:0.7;background-color:var(--color-deco01-500);border-top-left-radius:calc(0.5 * var(--width));border-top-right-radius:calc(0.5 * var(--width))}@media screen and (min-width:768px){.design-element.el-1{--width: min(10vw, 10rem)}.design-element.el-2{--width: min(10vw, 10rem)}.design-element.el-3{--width: min(10vw, 10rem);left:10%}}@media screen and (min-width:1800px){.design-element.el-1{display:block}}.heading-text{display:grid;gap:1.5rem}.heading-text--heading{font-family:var(--font-family-funnel);font-size:var(--title-font-size);font-weight:var(--title-font-weight);letter-spacing:var(--title-font-letter-spacing);font-style:normal;line-height:120%;text-transform:uppercase;max-width:90%}.heading-text--text{font-family:var(--font-family-ibm);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);font-style:normal;line-height:1.3}@media screen and (min-width:1200px){.heading-text{display:grid;grid-template-columns:repeat(2, 1fr);gap:0}}.background-image{background-size:cover;position:absolute;inset:0}#landingPage{height:100vh;overflow:hidden;z-index:1}#landingPage .article-content{position:relative;height:100vh;width:var(--content-width);margin-inline:auto;padding-block-start:calc(2 * var(--header-height))}#landingPage .heading-text{grid-column:1 / -1}#landingPage .sticker{--width: 100px;position:absolute;bottom:18vh;grid-column:1 / -1;align-self:center;justify-self:center}#landingPage .content-image{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%}#landingPage .content-image img{width:100%;max-height:40vh;object-fit:contain}@media screen and (min-width:768px){#landingPage .sticker{--width: 12rem;justify-self:end;bottom:22vh}}@media screen and (min-width:1200px){#landingPage .sticker{bottom:50vh}}#highlightPage{min-height:100vh;z-index:1}#highlightPage .fullpage-heading{display:grid;place-content:center;height:100%;font-size:min(12vw, 3rem);font-weight:900;text-transform:uppercase;text-align:center;max-width:25ch;margin-inline:auto;transform:translateY(calc(-1 * var(--header-height)));line-height:1.2;color:var(--neutral-950);font-family:var(--font-family-funnel)}@media screen and (max-width:1200px){#highlightPage{background-image:url("../../files/data/images/Backgrounds/Bioniqo_Background_Slide_Bioniqo_Background_Slide_Mobile.webp") !important}}#theShift{z-index:0;min-height:100vh;overflow:hidden}#theShift video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;z-index:-1}#theShift::after{content:"";position:absolute;inset:0;z-index:-1;background-color:rgba(0, 0, 0, 0.35)}#theShift .article-content{display:grid;align-items:start;gap:5rem;position:relative;min-height:100vh;width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height))}#theShift .heading-text{grid-column:1 / -1}#theShift .interaction-boxes{grid-column:1 / -1;display:grid;gap:5rem;align-items:end}#theShift .interaction-box{display:flex;flex-direction:column;max-inline-size:25rem}#theShift .interaction-box .interaction-box--icon{margin-block-end:1.5rem}#theShift .interaction-box .interaction-box--icon img{width:4rem;aspect-ratio:1}#theShift .interaction-box .interaction-box--headline{font-family:var(--font-family-ibm);font-size:var(--font-size-kicker);font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0.15em;margin-block-end:0.75rem}#theShift .interaction-box .interaction-box--text{font-family:var(--font-family-funnel);font-weight:700;font-size:var(--font-size-content-bold);line-height:1.2;margin-block-end:1rem}#theShift .interaction-box .interaction-box--link{display:flex;justify-self:start;padding:var(--button-padding-block) var(--button-padding-inline);justify-content:center;align-items:center;gap:0.625rem;border-radius:3.125rem;background:var(--color-deco02-700);font-family:var(--font-family-ibm);font-size:var(--font-size-kicker);font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0.15em;align-self:flex-start;justify-self:flex-start}#theShift .interaction-box .interaction-box--link::before{content:"→";display:block}@media screen and (min-width:1200px){#theShift .article-content{grid-template-columns:repeat(12, 1fr);gap:5rem}#theShift .interaction-boxes{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media screen and (min-width:1400px) and (min-height:900px){#theShift{min-height:150vh;transform:translateY(-200vh)}#theShift .article-content{gap:1rem}#theShift .interaction-boxes{grid-column:7 / -1}#theShift .interaction-box .interaction-box--icon{margin-block-end:3rem}#theShift .interaction-box .interaction-box--icon img{width:6rem}}#partners{height:auto;min-height:100vh;color:var(--color-neutral-950)}#partners .article-content{padding-block:calc(2 * var(--header-height));width:var(--content-width);margin-inline:auto}#partners .partners{display:grid;grid-template-columns:1fr auto;grid-template-areas:"headline headline" "name logo";gap:3rem 1rem}#partners .partner--headline{grid-area:headline;font-family:var(--font-family-funnel);font-size:var(--title-font-size);font-weight:var(--title-font-weight);letter-spacing:var(--title-font-letter-spacing);font-style:normal;line-height:120%;text-transform:uppercase;max-width:90%;align-self:start;padding-block:1.5rem}#partners .partner--name-list{display:grid;grid-area:name;align-content:center}#partners .partner--name-list p{margin:0;font-size:1rem;font-weight:400;display:grid;align-items:center;height:80px}#partners .partner--name-list p.active{color:var(--color-deco01-700)}#partners .partner--logo-list{grid-area:logo;display:grid;align-self:start;padding-inline:2vw;align-items:center}#partners .partner--logo-list img{height:80px;object-fit:contain;width:130px;scale:0;transition:scale 0.375s ease-in-out;transform-origin:center}#partners .partner--logo-list img.active{scale:1}@media screen and (min-width:576px){#partners .partner--logo-list img{width:150px}}@media screen and (min-width:768px){#partners .partner--name-list p{font-size:1.5rem}}@media screen and (min-width:1200px){#partners .partners{grid-template-areas:"headline name logo";grid-template-columns:20vw 1fr auto}#partners .partner--name-list p{font-size:2rem}#partners .partner--logo-list{grid-template-areas:"stack"}#partners .partner--logo-list img{width:250px;grid-area:stack}}#whatWeDo{min-height:150vh}#whatWeDo .article-content{display:grid;grid-template-rows:auto 1fr;gap:5rem;position:relative;min-height:100vh;width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height))}#whatWeDo .heading-text{grid-column:1 / -1}#whatWeDo .teasers{display:grid;gap:5rem 1rem;align-items:start}#whatWeDo .teaser{max-inline-size:25rem}#whatWeDo .teaser .teaser--icon{margin-block-end:1.5rem}#whatWeDo .teaser .teaser--icon img{width:6rem;aspect-ratio:1}#whatWeDo .teaser .teaser--headline{font-family:var(--font-family-funnel);font-weight:700;font-size:var(--font-size-content-bold);line-height:1.2;margin-block-end:0.25rem}#whatWeDo .teaser .teaser--text{font-family:var(--font-family-funnel);font-weight:400;font-size:1rem;line-height:1.3}@media screen and (min-width:768px){#whatWeDo .article-content{grid-template-rows:30vh 1fr;gap:1rem}#whatWeDo .teaser .teaser--icon{margin-block-end:3rem}#whatWeDo .teaser .teaser--headline{margin-block-end:1.5rem}}@media screen and (min-width:1200px){#whatWeDo .teasers{grid-template-columns:repeat(3, 1fr);gap:2vw}}#whatWeImprove{min-height:100vh;--gradient-start-1: #EA79FD;--gradient-end-1: #9C17B2;--gradient-start-2: #9C17B2;--gradient-end-2: #A172FF;--gradient-start-3: #A172FF;--gradient-end-3: #613CBF;--gradient-start-4: #613CBF;--gradient-end-4: #0051FF;--gradient-start-5: #0051FF;--gradient-end-5: #002A85;--image-size-1: 250px;--image-size-2: 215px;--image-size-3: 180px;--image-size-4: 145px;--image-size-5: 110px;--stroke-width: 9px;--animation-duration: 1.5s;--animation-delay: 0.5s;--percentage-1: 80;--percentage-2: 70;--percentage-3: 65;--percentage-4: 55;--percentage-5: 60;--background-color: #a4a3a451;--label-color: #c6e8d7;--label-font-size: 2.5rem}#whatWeImprove .article-content{display:grid;gap:3vw 10vw;align-items:center;justify-items:start;min-height:100vh;width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height))}#whatWeImprove .heading-text{grid-column:1 / -1;gap:0}#whatWeImprove ul{margin:0;padding:0;display:grid;gap:2rem}#whatWeImprove li{list-style-type:none;padding-inline-start:3.5rem;position:relative;font-family:var(--font-family-funnel);font-weight:400;font-size:1rem;line-height:1.3}#whatWeImprove li strong{font-family:var(--font-family-funnel);font-weight:400;font-size:1rem;line-height:1.3;font-weight:900}#whatWeImprove li::before{content:"";position:absolute;left:0;top:0;color:var(--primary-800);line-height:inherit;font-weight:var(--font-weight-700);width:2rem;aspect-ratio:1;border-radius:1rem}#whatWeImprove li:nth-child(1)::before{background:linear-gradient(var(--gradient-start-1), var(--gradient-end-1))}#whatWeImprove li:nth-child(2)::before{background:linear-gradient(var(--gradient-start-2), var(--gradient-end-2))}#whatWeImprove li:nth-child(3)::before{background:linear-gradient(var(--gradient-start-3), var(--gradient-end-3))}#whatWeImprove li:nth-child(4)::before{background:linear-gradient(var(--gradient-start-4), var(--gradient-end-4))}#whatWeImprove li:nth-child(5)::before{background:linear-gradient(var(--gradient-start-5), var(--gradient-end-5))}#whatWeImprove .graphic{position:relative;transform:rotateY(180deg);grid-template-areas:"stack";display:grid;transform-origin:center;align-items:center;justify-items:center}#whatWeImprove .graphic figure{grid-area:stack}@media screen and (min-width:1200px){#whatWeImprove .article-content{grid-template-columns:auto 1fr}}@media screen and (min-height:900px){#whatWeImprove{--image-size-1: 450px;--image-size-2: 400px;--image-size-3: 350px;--image-size-4: 300px;--image-size-5: 250px;--stroke-width: 15px}}#whatWeImprove .chart-figure,#whatWeImprove .chart-one,#whatWeImprove .chart-two,#whatWeImprove .chart-three,#whatWeImprove .chart-four,#whatWeImprove .chart-five{margin:0;position:relative}#whatWeImprove .chart-figure svg,#whatWeImprove .chart-one svg,#whatWeImprove .chart-two svg,#whatWeImprove .chart-three svg,#whatWeImprove .chart-four svg,#whatWeImprove .chart-five svg{width:100%;height:100%}#whatWeImprove .chart-figure svg .backtrack,#whatWeImprove .chart-one svg .backtrack,#whatWeImprove .chart-two svg .backtrack,#whatWeImprove .chart-three svg .backtrack,#whatWeImprove .chart-four svg .backtrack,#whatWeImprove .chart-five svg .backtrack{stroke:var(--background-color)}#whatWeImprove .chart-figure svg .circle-background,#whatWeImprove .chart-one svg .circle-background,#whatWeImprove .chart-two svg .circle-background,#whatWeImprove .chart-three svg .circle-background,#whatWeImprove .chart-four svg .circle-background,#whatWeImprove .chart-five svg .circle-background{cx:50%;cy:50%;fill:none;stroke-width:var(--stroke-width)}#whatWeImprove .chart-figure svg .circle-foreground,#whatWeImprove .chart-one svg .circle-foreground,#whatWeImprove .chart-two svg .circle-foreground,#whatWeImprove .chart-three svg .circle-foreground,#whatWeImprove .chart-four svg .circle-foreground,#whatWeImprove .chart-five svg .circle-foreground{cx:50%;cy:50%;fill:none;stroke-width:var(--stroke-width);stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dashoffset var(--animation-duration) ease-in-out;transition-delay:var(--animation-delay)}#whatWeImprove .chart-one{width:var(--image-size-1);height:var(--image-size-1);--chart-size: var(--image-size-1);--chart-percentage: var(--percentage-1);--chart-gradient-start: var(--gradient-start-1);--chart-gradient-end: var(--gradient-end-1)}#whatWeImprove .chart-one svg .circle-background,#whatWeImprove .chart-one svg .circle-foreground{r:calc((var(--chart-size) - var(--stroke-width)) / 2)}#whatWeImprove .chart-one svg .circle-foreground{--circumference: calc((var(--chart-size) - var(--stroke-width)) * 3.14159);--offset: calc((var(--chart-percentage) / 100) * var(--circumference));stroke-dasharray:var(--offset) var(--circumference);stroke-dashoffset:var(--offset)}#whatWeImprove .chart-one svg .gradient-start{stop-color:var(--chart-gradient-start);stop-opacity:1}#whatWeImprove .chart-one svg .gradient-end{stop-color:var(--chart-gradient-end);stop-opacity:1}#whatWeImprove .chart-one.animate svg .circle-foreground{stroke-dashoffset:0}#whatWeImprove .chart-two{width:var(--image-size-2);height:var(--image-size-2);--chart-size: var(--image-size-2);--chart-percentage: var(--percentage-2);--chart-gradient-start: var(--gradient-start-2);--chart-gradient-end: var(--gradient-end-2)}#whatWeImprove .chart-two svg .circle-background,#whatWeImprove .chart-two svg .circle-foreground{r:calc((var(--chart-size) - var(--stroke-width)) / 2)}#whatWeImprove .chart-two svg .circle-foreground{--circumference: calc((var(--chart-size) - var(--stroke-width)) * 3.14159);--offset: calc((var(--chart-percentage) / 100) * var(--circumference));stroke-dasharray:var(--offset) var(--circumference);stroke-dashoffset:var(--offset)}#whatWeImprove .chart-two svg .gradient-start{stop-color:var(--chart-gradient-start);stop-opacity:1}#whatWeImprove .chart-two svg .gradient-end{stop-color:var(--chart-gradient-end);stop-opacity:1}#whatWeImprove .chart-two.animate svg .circle-foreground{stroke-dashoffset:0}#whatWeImprove .chart-three{width:var(--image-size-3);height:var(--image-size-3);--chart-size: var(--image-size-3);--chart-percentage: var(--percentage-3);--chart-gradient-start: var(--gradient-start-3);--chart-gradient-end: var(--gradient-end-3)}#whatWeImprove .chart-three svg .circle-background,#whatWeImprove .chart-three svg .circle-foreground{r:calc((var(--chart-size) - var(--stroke-width)) / 2)}#whatWeImprove .chart-three svg .circle-foreground{--circumference: calc((var(--chart-size) - var(--stroke-width)) * 3.14159);--offset: calc((var(--chart-percentage) / 100) * var(--circumference));stroke-dasharray:var(--offset) var(--circumference);stroke-dashoffset:var(--offset)}#whatWeImprove .chart-three svg .gradient-start{stop-color:var(--chart-gradient-start);stop-opacity:1}#whatWeImprove .chart-three svg .gradient-end{stop-color:var(--chart-gradient-end);stop-opacity:1}#whatWeImprove .chart-three.animate svg .circle-foreground{stroke-dashoffset:0}#whatWeImprove .chart-four{width:var(--image-size-4);height:var(--image-size-4);--chart-size: var(--image-size-4);--chart-percentage: var(--percentage-4);--chart-gradient-start: var(--gradient-start-4);--chart-gradient-end: var(--gradient-end-4)}#whatWeImprove .chart-four svg .circle-background,#whatWeImprove .chart-four svg .circle-foreground{r:calc((var(--chart-size) - var(--stroke-width)) / 2)}#whatWeImprove .chart-four svg .circle-foreground{--circumference: calc((var(--chart-size) - var(--stroke-width)) * 3.14159);--offset: calc((var(--chart-percentage) / 100) * var(--circumference));stroke-dasharray:var(--offset) var(--circumference);stroke-dashoffset:var(--offset)}#whatWeImprove .chart-four svg .gradient-start{stop-color:var(--chart-gradient-start);stop-opacity:1}#whatWeImprove .chart-four svg .gradient-end{stop-color:var(--chart-gradient-end);stop-opacity:1}#whatWeImprove .chart-four.animate svg .circle-foreground{stroke-dashoffset:0}#whatWeImprove .chart-five{width:var(--image-size-5);height:var(--image-size-5);--chart-size: var(--image-size-5);--chart-percentage: var(--percentage-5);--chart-gradient-start: var(--gradient-start-5);--chart-gradient-end: var(--gradient-end-5)}#whatWeImprove .chart-five svg .circle-background,#whatWeImprove .chart-five svg .circle-foreground{r:calc((var(--chart-size) - var(--stroke-width)) / 2)}#whatWeImprove .chart-five svg .circle-foreground{--circumference: calc((var(--chart-size) - var(--stroke-width)) * 3.14159);--offset: calc((var(--chart-percentage) / 100) * var(--circumference));stroke-dasharray:var(--offset) var(--circumference);stroke-dashoffset:var(--offset)}#whatWeImprove .chart-five svg .gradient-start{stop-color:var(--chart-gradient-start);stop-opacity:1}#whatWeImprove .chart-five svg .gradient-end{stop-color:var(--chart-gradient-end);stop-opacity:1}#whatWeImprove .chart-five.animate svg .circle-foreground{stroke-dashoffset:0}#whyUs{min-height:100vh}#whyUs .article-content{width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height))}#whyUs .article-content{display:grid;align-items:start}#whyUs .heading-text{grid-column:1 / -1;color:var(--color-neutral-950)}#whyUs .container{display:grid;gap:5rem}#whyUs .image-text--image{grid-column:1 / -1;overflow:hidden;border-radius:1.25rem}#whyUs .image-text--image img{object-fit:cover;aspect-ratio:1.7777777778;transform-origin:center}#whyUs .image-text{display:grid;grid-template-columns:repeat(12, 1fr);gap:1rem;align-items:center;max-inline-size:30rem}#whyUs .image-text--content{grid-column:1 / -1;color:var(--color-neutral-950);max-inline-size:34ch}#whyUs .image-text--content .image-text--content-headline{font-family:var(--font-family-funnel);font-weight:700;font-size:var(--font-size-content-bold);line-height:1.2;margin-block-end:0.25rem}#whyUs .image-text--content .image-text--content-text{font-family:var(--font-family-funnel);font-weight:400;font-size:1rem;line-height:1.3}@media screen and (min-width:769px){#whyUs .container{gap:calc(2 * var(--header-height))}#whyUs .image-text{max-inline-size:unset}#whyUs .image-text--image{grid-column:4 / span 4;border-radius:2.5rem}#whyUs .image-text--image img{aspect-ratio:1}#whyUs .image-text--content{grid-column:9 / span 4}}#aboutUs{min-height:100vh}#aboutUs .article-content{min-height:100vh;width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height));display:grid;align-items:start;row-gap:5vw}#aboutUs .heading-text{grid-column:1 / -1}#aboutUs .image-text{display:grid;grid-template-columns:repeat(12, 1fr);gap:1rem;align-items:center;height:100%;max-inline-size:30rem}#aboutUs .image-text--image{grid-column:1 / -1;overflow:hidden;border-radius:2.5rem}#aboutUs .image-text--image img{object-fit:cover;aspect-ratio:1;border-radius:2.5rem}#aboutUs .image-text--content{grid-column:1 / -1;grid-row:1/-1;color:var(--color-neutral-50);margin-block:5rem}#aboutUs .image-text--content .image-text--content-headline{font-family:var(--font-family-funnel);font-weight:700;font-size:var(--font-size-content-bold);line-height:1.2;margin-block-end:0.75rem}#aboutUs .image-text--content .image-text--content-text{font-family:var(--font-family-funnel);font-weight:400;font-size:1rem;line-height:1.3}@media screen and (min-width:769px){#aboutUs .image-text{max-inline-size:unset}#aboutUs .image-text--image{grid-column:9 / span 4}#aboutUs .image-text--content{grid-column:2 / span 5;margin-block:0}}@media screen and (min-width:1400px){#aboutUs{min-height:150vh}}#workshop{min-height:150vh}#workshop .article-content{display:grid;align-content:start;gap:15vh;min-height:100vh;width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height))}#workshop .heading-text{grid-column:1 / -1}#workshop .interaction-boxes{display:grid;gap:5rem 1rem}#workshop .interaction-box{display:flex;flex-direction:column;max-inline-size:30rem}#workshop .interaction-box .interaction-box--icon{margin-block-end:1.5rem;border-radius:1.25rem;overflow:hidden}#workshop .interaction-box .interaction-box--icon img{object-fit:cover;aspect-ratio:1.7777777778}#workshop .interaction-box .interaction-box--headline{font-family:var(--font-family-ibm);font-size:var(--font-size-kicker);font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0.15em;margin-block-end:0.75rem}#workshop .interaction-box .interaction-box--text{font-family:var(--font-family-funnel);font-weight:700;font-size:var(--font-size-content-bold);line-height:1.2;margin-block-end:1rem}#workshop .interaction-box .interaction-box--link{display:flex;justify-self:start;padding:var(--button-padding-block) var(--button-padding-inline);justify-content:center;align-items:center;gap:0.625rem;border-radius:3.125rem;background:var(--color-deco02-700);font-family:var(--font-family-ibm);font-size:var(--font-size-kicker);font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0.15em;align-self:flex-start;margin-block-start:auto}#workshop .interaction-box .interaction-box--link::before{content:"→";display:block}@media screen and (min-width:768px){#workshop .interaction-box .interaction-box--icon{border-radius:2.5rem}}@media screen and (min-width:1200px){#workshop .interaction-boxes{grid-template-columns:repeat(3, 1fr)}}#questions{min-height:100vh}#questions .article-content{display:grid;min-height:100vh;width:var(--content-width);margin-inline:auto;padding-block:calc(2 * var(--header-height))}#questions .fullpage-heading{color:var(--color-neutral-950);display:grid;place-content:center;height:100%;font-size:min(12vw, 3rem);font-weight:900;text-transform:uppercase;text-align:center;max-width:25ch;margin-inline:auto;line-height:1.2;font-family:var(--font-family-funnel)}#questions .content-image{margin-block-end:3rem}#questions .content-image img{max-width:min(100%, 18rem);object-fit:cover;aspect-ratio:1;border-radius:0.2rem;margin-inline:auto}#questions .content-text{text-align:center;max-inline-size:50ch;margin-inline:auto;margin-block-end:3rem;color:var(--color-neutral-950);font-family:var(--font-family-ibm);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);font-style:normal;line-height:1.3}#questions .sticker{justify-self:center}
