html,body{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}:root{--random-number: 1}@font-face{font-family:"noto_sansbold";src:url("../fonts/notosans-bold-webfont.woff2") format("woff2"),url("../fonts/notosans-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_sansbold_italic";src:url("../fonts/notosans-bolditalic-webfont.woff2") format("woff2"),url("../fonts/notosans-bolditalic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_sansitalic";src:url("../fonts/notosans-italic-webfont.woff2") format("woff2"),url("../fonts/notosans-italic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_sansregular";src:url("../fonts/notosans-regular-webfont.woff2") format("woff2"),url("../fonts/notosans-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_serifbold";src:url("../fonts/notoserif-bold-webfont.woff2") format("woff2"),url("../fonts/notoserif-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_serifbold_italic";src:url("../fonts/notoserif-bolditalic-webfont.woff2") format("woff2"),url("../fonts/notoserif-bolditalic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_serifitalic";src:url("../fonts/notoserif-italic-webfont.woff2") format("woff2"),url("../fonts/notoserif-italic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"noto_serifregular";src:url("../fonts/notoserif-regular-webfont.woff2") format("woff2"),url("../fonts/notoserif-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}h1{font-family:"noto_serifregular",serif;font-weight:400;font-size:2.5rem}h1+p{font-family:"noto_serifregular",serif;font-weight:400;font-size:1.1875rem}h2{font-family:"noto_serifregular",serif;font-weight:400;font-size:2.25rem}h3{font-family:"noto_serifregular",serif;font-weight:400;font-size:1.5rem}h4{font-family:"noto_serifregular",serif;font-weight:400;font-size:1.313rem}h5{font-family:"noto_serifregular",serif;font-weight:400;font-size:1.1rem}h6{font-family:"noto_serifbold",serif;font-weight:700;font-size:1rem}a{color:#000;text-decoration:underline}nav ul a{font-family:"noto_serifregular",serif;font-weight:400;text-decoration:none}p{font-family:"noto_sansregular",sans-serif;font-weight:400;font-size:1rem}p>a{color:#000;text-decoration:underline}p>a:hover{text-decoration:underline}p>strong{font-family:"noto_sansbold",sans-serif;font-weight:700}ul>li{font-family:"noto_sansregular",sans-serif;font-weight:400;font-size:1rem}.small{font-size:.75rem}.underline>h3,.underline>h4{border-bottom:1px solid #000;padding-bottom:.912rem;margin-bottom:1.5rem;margin-top:4rem}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}@media only screen and (max-width: 640px){h1{font-size:2.25rem}h2{font-size:1.625rem}h3{font-size:1.125rem}h4{font-size:1.125rem}h5{font-size:1.125rem}.intro{font-size:1.125rem}}body>div:first-child{position:fixed;inset:0;background-color:#fff;z-index:9999;display:none}body>div:first-child>div{width:105px;height:72px;left:50%;margin-left:-36px;top:50%;position:absolute;margin-top:-60px}body.home>div:first-child{display:block}header,header nav,header ul,header li{all:unset}header{align-items:flex-start;background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0) 100%);display:flex;height:auto;inset-inline:0;justify-content:space-between;padding-block:1rem 2rem;padding-inline:20px;position:fixed;top:0;transition:all .3s ease-in-out;z-index:1030}header>nav,header>ul,header>a{display:inline-flex;position:relative;white-space:nowrap}header>a:first-child{display:none}header ul{align-items:center;display:inline-flex}header ul li{align-items:center;display:inline-flex;padding-inline:.8vw;position:relative}header ul li a{all:unset;align-items:center;display:inline-flex;color:#000;cursor:pointer;font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor;padding:.35rem 1ch;position:relative;transition:all .3s ease-in-out;vertical-align:top;white-space:nowrap}header ul li a:hover,header ul li a.active{background-color:#000;color:#fff}header ul li a.active{pointer-events:none}header>ul{transition:left .3s ease-in-out;position:fixed;left:-50vw;bottom:30px}header>ul li{padding-inline:0;text-transform:uppercase}header>ul li:first-child:after{align-items:center;display:inline-flex;content:"|";font-size:1.188rem;margin-top:-2px}header>ul li a:hover,header>ul li a.active{background:none;color:#000;opacity:.3}@media(min-width: 993px){header>ul{transition:none;position:unset;left:unset;bottom:unset}}header nav{margin-right:-8vw}header>a:last-child{display:block;opacity:1;padding-top:10px;transition:all .3s ease-in-out;width:min(max(15vw,153px),191px)}header>a:last-child>svg{display:block;height:auto;width:100%}@media(max-width: 1440px){header.scrolled>a:last-child{opacity:0;margin-top:-200px;pointer-events:none}}header.open-menu{background:none;box-shadow:none}header.open-menu>ul{left:30px}@media only screen and (min-width: 993px){header{padding-block:3rem 1rem}header>a:last-child{padding-top:0}header.scrolled{padding-block:1rem 2rem}}@media only screen and (max-width: 992px){header.scrolled #btn-menu{color:#000;top:16px}header #btn-menu{display:block;height:40px;width:40px;position:fixed;left:20px;top:20px;color:#fff;z-index:1000}header #btn-menu .burger{position:absolute;left:9px;top:18px;height:3px;background:#000;width:24px;border-radius:3px}header #btn-menu .burger::before{position:absolute;left:0;width:100%;height:3px;background-color:#000;content:"";transition-duration:.2s,.2s;transition-delay:.2s,0s;border-radius:3px;top:-6px;transition-property:top,transform}header #btn-menu .burger::after{position:absolute;left:0;width:100%;height:3px;background-color:#000;content:"";transition-duration:.2s,.2s;transition-delay:.2s,0s;border-radius:3px;bottom:-6px;transition-property:bottom,transform}}header #btn-menu.active .burger{background:none}header #btn-menu.active .burger::before{transition-delay:0s,.3s;top:0;transform:rotate(45deg)}header #btn-menu.active .burger::after{transition-delay:0s,.3s;bottom:0;transform:rotate(-45deg)}header header.open-menu #btn-menu.active .burger{background:none}#slide-out.side-nav ul{padding-top:100px}#slide-out.side-nav ul li{color:#000}#slide-out.side-nav ul li a{all:unset;align-items:center;display:inline-flex;font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor;padding:.35rem 1ch;position:relative;transition:all .3s ease-in-out;white-space:nowrap}#slide-out.side-nav ul li a:hover,#slide-out.side-nav ul li a.active{background-color:#000;color:#fff}#slide-out.side-nav ul li a.active{pointer-events:none}@media only screen and (min-width: 993px){#sidenav-overlay,#slide-out.side-nav{display:none}}#btn-menu.active .burger{background:none}#btn-menu.active .burger::before{transition-delay:0s,.3s;top:0;transform:rotate(45deg)}#btn-menu.active .burger::after{transition-delay:0s,.3s;bottom:0;transform:rotate(-45deg)}header.open-menu #btn-menu.active .burger{background:none}@media only screen and (max-width: 992px){#btn-menu{display:block;height:40px;width:40px;position:fixed;left:20px;top:20px;color:#000;z-index:1000}#btn-menu .burger{position:absolute;left:9px;top:18px;height:3px;background:#000;width:24px;border-radius:3px}#btn-menu .burger::before{position:absolute;left:0;width:100%;height:3px;background-color:#000;content:"";transition-duration:.2s,.2s;transition-delay:.2s,0s;border-radius:3px;top:-6px;transition-property:top,transform}#btn-menu .burger::after{position:absolute;left:0;width:100%;height:3px;background-color:#000;content:"";transition-duration:.2s,.2s;transition-delay:.2s,0s;border-radius:3px;bottom:-6px;transition-property:bottom,transform}header.fixed #btn-menu{top:16px}#slide-out.side-nav{z-index:1010;display:block}#slide-out.side-nav ul{padding-top:100px}#slide-out.side-nav ul li{width:100%;float:left;line-height:52px}#slide-out.side-nav ul li a{font-size:1.25em;font-weight:400;height:52px;padding-left:30px}}body:not(.home) main{padding-top:20vh}body .container .row{flex-wrap:wrap}body>a{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;background-color:#000;border:none;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;position:fixed;bottom:12%;height:50px;right:1rem;width:50px;transition:scale .2s ease-in-out;z-index:99999}body>a:hover{scale:1.1}@media(min-width: 1280px){body>a{right:1rem}}.offsetBox,.col.s12.offsetBox{align-items:center;background-color:rgba(184,187,155,.6156862745);display:flex;flex-wrap:wrap;margin-block:2em;padding:80px 12%;width:100%;min-height:25em}@media(min-width: 1280px){.offsetBox,.col.s12.offsetBox{margin-left:-2.5rem;width:calc(100% + 5rem)}}.offsetBox.shade-1,.col.s12.offsetBox.shade-1{background-color:rgba(184,187,155,.6156862745)}.offsetBox.shade-2,.col.s12.offsetBox.shade-2{background-color:rgba(214,198,150,.5647058824)}.offsetBox.shade-3,.col.s12.offsetBox.shade-3{background-color:#d9d9d9}.offsetBox.shade-4,.col.s12.offsetBox.shade-4{background-color:rgba(207,168,137,.6156862745)}.offsetBox h2,.offsetBox h3,.col.s12.offsetBox h2,.col.s12.offsetBox h3{color:#000;font-size:1.7rem;margin-block:0;max-width:50ch;width:100%}.offsetBox h2 span,.offsetBox h3 span,.col.s12.offsetBox h2 span,.col.s12.offsetBox h3 span{background-color:#fff;padding:.3ch 1ch;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.8}@media(min-width: 640px){.offsetBox h2,.offsetBox h3,.col.s12.offsetBox h2,.col.s12.offsetBox h3{font-size:2.5rem}}.offsetBox p,.col.s12.offsetBox p{font-family:"noto_serifregular",serif;font-weight:400;font-size:1.5rem;width:100%}.offsetBox p:last-child,.col.s12.offsetBox p:last-child{margin-bottom:0}.offsetBox a,.col.s12.offsetBox a{font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor;align-items:center;background-color:#000;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g id="Arrow" clip-path="url(%23clip0_217_287)"><path id="Vector" d="M0 9.495H22.51" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path id="Vector_2" d="M13.51 0.494999L22.51 9.495L13.51 18.495" stroke="white" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_217_287"><rect width="23.22" height="18.71" fill="white" transform="translate(0 0.145)"/></clipPath></defs></svg>');background-position:right 1rem center;background-repeat:no-repeat;color:#fff;cursor:pointer;display:inline-flex;justify-content:space-between;padding-block:1rem;padding-inline:1rem 5rem;transition:background-position .2s;text-decoration:none}.offsetBox a:hover,.col.s12.offsetBox a:hover{background-position:right 1.2rem center}.columnBox{margin-block:2em}.columnBox img{height:200px;width:auto}.slider{margin-bottom:3em;position:relative}.slider.fullscreen{height:100dvh;position:relative}.slider ul.slides{position:relative}.slider .slides li{overflow:hidden}@keyframes scaleAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.slider .slides li>picture{width:100%;height:100%;display:flex}.slider .slides li>picture img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.slider .slides li.active>img,.slider .slides li.active>picture{animation:scaleAnimation 18s infinite cubic-bezier(0.42, 0, 0.58, 1)}.slider .slides li.active figure{background-image:var(--bg)}.slider .slides li figure{background-size:45%;background-repeat:no-repeat;background-position:center 30%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;padding-inline:5%;z-index:9999}.slider .slides li figure.products{background-size:83%;background-position-x:60%;background-position-y:22%}.slider .slides li figure.brands{background-size:98%;background-position-x:1439%;background-position-y:38%}.slider .slides li figure.ux{background-size:73%;background-position-x:54%;background-position-y:17%}.slider .slides li figure.targetgroups{background-size:77%;background-position-x:158%;background-position-y:57%}@media(min-width: 600px){.slider .slides li figure{background-size:50%;background-position:center;padding-inline:0;width:85%}.slider .slides li figure.products{background-size:50%;background-position-x:58%;background-position-y:30%}.slider .slides li figure.brands{background-size:50%;background-position-x:54%;background-position-y:30%}.slider .slides li figure.ux{background-size:43%;background-position-x:90%;background-position-y:25%}.slider .slides li figure.targetgroups{background-size:47%;background-position-x:99%;background-position-y:97%}}@media(min-width: 993px){.slider .slides li figure{width:70%}}.slider .slides li figure figcaption{left:unset !important;top:unset !important;bottom:12%;left:0;position:absolute}.slider .slides li figure figcaption h2,.slider .slides li figure figcaption h3{color:#000;font-size:1.7rem;margin-block:0;max-width:50ch;width:100%}.slider .slides li figure figcaption h2 span,.slider .slides li figure figcaption h3 span{background-color:#fff;padding:.3ch 1ch;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.8}@media(min-width: 640px){.slider .slides li figure figcaption h2,.slider .slides li figure figcaption h3{font-size:2.5rem}}.slider .slides li figure figcaption a{font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor;align-items:center;background-color:#000;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g id="Arrow" clip-path="url(%23clip0_217_287)"><path id="Vector" d="M0 9.495H22.51" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path id="Vector_2" d="M13.51 0.494999L22.51 9.495L13.51 18.495" stroke="white" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_217_287"><rect width="23.22" height="18.71" fill="white" transform="translate(0 0.145)"/></clipPath></defs></svg>');background-position:right 1rem center;background-repeat:no-repeat;color:#fff;cursor:pointer;display:inline-flex;justify-content:space-between;padding-block:1rem;padding-inline:1rem 5rem;transition:background-position .2s;text-decoration:none;margin-top:2px}.slider .slides li figure figcaption a:hover{background-position:right 1.2rem center}.slider button{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;background-color:#000;border:none;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;position:absolute;top:50%;transform:translateY(-50%);transition:width .2s;height:40px;width:40px;z-index:4;display:none}@media(min-width: 600px){.slider button{display:inline-flex}}.slider button:hover{width:50px}.slider button:first-of-type{left:0;justify-content:flex-end}.slider button:first-of-type svg{float:right}.slider button:last-of-type{right:0;justify-content:flex-start}.slider button:last-of-type svg{float:left}.slider .indicators{display:none}.slider>svg{position:absolute;width:40px;height:50px;bottom:15px;z-index:90;left:50%;margin-left:-20px}footer .row{margin-bottom:1em}footer nav{all:unset;border-top:1px solid #000;padding-block:1rem;width:100%;align-items:center;display:inline-flex;justify-content:center;position:relative}footer ul li{padding-inline:.8vw}footer ul li a{color:#000;cursor:pointer;font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor;padding:.35rem 1ch;transition:all .3s ease-in-out;vertical-align:top}footer ul li a:hover{background-color:#000;color:#fff}.home main p{font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor}.home main .row{margin-bottom:4em}.home main .ranking>div{text-align:center}.home main .ranking>div img{display:inline-block;margin:2% 3%;max-width:140px;width:43%}@media only screen and (min-width: 601px){.home main .ranking>div img{max-width:120px;width:18%}}@media only screen and (min-width: 1400px){.home main .ranking>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.home main .ranking>div img{margin-block:2%;margin-inline:auto;display:inline-flex;min-width:100px}}.about-us main ul{margin:0}.about-us main .team{padding-block:4em}.about-us main .team .member{opacity:0;position:relative;padding-bottom:1.5rem}.about-us main .team .member>a:first-of-type{align-items:center;aspect-ratio:600/750;background-color:rgba(193,207,215,.6156862745);display:flex;justify-content:center;overflow:hidden;width:100%}.about-us main .team .member>a:first-of-type img{height:auto;width:100%}.about-us main .team .member>a:first-of-type img[src*=".png"]{width:calc(100% - 4rem)}.about-us main .team .member h4{color:#000;margin:.82rem 0 .125rem 0;font-size:1.313em}.about-us main .team .member p{margin:0}.about-us main .team .member a{color:#000}.research main ul{margin:0}.research main .periodic{margin-bottom:4em}.research main .periodic .tile{opacity:0;padding-block:0 1.5rem;padding-inline:.75rem}.research main .periodic .tile>div{border:1px solid #000;padding:2rem}.research main .periodic .tile>div h4{font-size:2.5rem;margin-bottom:4rem;display:inline-block}.research main .periodic .tile>div p{margin:0;font-family:"noto_serifregular",serif;font-weight:400;font-size:1.1875rem}.experience main{padding-bottom:10em}.experience main .company{opacity:0}.experience main .company img{border-bottom:1px solid #000}.career main .row{margin-bottom:50px;padding-block:0}.career main img{max-width:236px}.career main a{font-family:"noto_serifregular",serif;font-size:1.188rem;font-weight:400;color:currentColor;align-items:center;background-color:#000;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g id="Arrow" clip-path="url(%23clip0_217_287)"><path id="Vector" d="M0 9.495H22.51" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path id="Vector_2" d="M13.51 0.494999L22.51 9.495L13.51 18.495" stroke="white" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_217_287"><rect width="23.22" height="18.71" fill="white" transform="translate(0 0.145)"/></clipPath></defs></svg>');background-position:right 1rem center;background-repeat:no-repeat;color:#fff;cursor:pointer;display:inline-flex;justify-content:space-between;padding-block:1rem;padding-inline:1rem 5rem;transition:background-position .2s;text-decoration:none}.career main a:hover{background-position:right 1.2rem center}.imprint main .container{scroll-margin-top:5em}.imprint main .container ul>li{margin:0 0 4px 24px;list-style-type:disc;list-style-position:outside}.notFound{align-items:center;display:flex;width:100%}.notFound .container{margin-top:-10em}.notFound .container .col{text-align:center}.notFound .container .col a{color:#000}