:root{--text-color: #292C2D;--background-color: #FFFBF3;--salmon: #FF7550;--green: #CFFF63;--dimmer-green: #ECFEB9;--lilac: #B6A6F6;--purple: #4D57B9;--light-gray: #B1AEA8;--medium-gray: #707070;--header-height: 82px;--big-padding: 20px;--small-padding: 20px;--max-cont-width: 1440px}@media all and (min-width: 768px){:root{--big-padding: 40px}}@media all and (min-width: 1440px){:root{--small-padding: 40px;--big-padding: 78px}}html{word-break:break-word;hyphens:auto}::selection{background-color:var(--green);color:var(--text-color)}.green ::selection{background-color:var(--lilac) !important;color:var(--text-color) !important}.bg-light{background-color:var(--background-color)}.bg-dark{background-color:var(--text-color);color:var(--background-color)}.lilac{color:var(--text-color);background-color:var(--lilac)}.salmon{color:var(--text-color);background-color:var(--salmon)}.green{color:var(--text-color);background-color:var(--green)}.purple{color:var(--background-color);background-color:var(--purple)}.white{color:var(--text-color);background-color:var(--background-color)}h1,h2,h3,h4,h5{margin-bottom:1rem}h1{font-weight:300;font-size:38px;line-height:42px;margin-bottom:56px}@media all and (min-width: 1024px){h1{font-weight:300;font-size:56px;line-height:60px;margin-bottom:145px}}h2{font-size:40px;line-height:42px;font-weight:300}h3{font-size:24px;line-height:34px;font-weight:400;margin-bottom:20px}@media all and (min-width: 768px){h3{font-weight:300;font-size:34px}}h4{font-size:24px;font-weight:300}ul,ol{list-style-position:outside;padding-left:10px}li{margin-bottom:5px;margin-left:10px}image,img{max-width:100%;height:auto}.big-corners{border:600px}.small-corners{border-radius:10px}.image-container{margin:0px auto;padding-left:var(--big-padding);padding-right:var(--big-padding);max-width:var(--max-cont-width)}@media all and (min-width: 1024px){.image-container{margin:80px auto}}main>.image-container{margin:40px auto}@media all and (min-width: 1024px){main>.image-container{margin:80px auto}}.image-caption{font-size:15px;line-height:22px;color:var(--medium-gray);margin-top:10px}.lazy{opacity:0;border-radius:10px;transition:opacity .3s ease-in-out}.lazy.loaded{opacity:1}li.tab.search{border:0;text-transform:none;margin-right:0px !important}li.tab.search a{color:var(--medium-gray)}li.tab.search:hover{background:rgba(0,0,0,0)}li.tab.search:hover a{color:var(--text-color)}@media all and (min-width: 1024px){li.tab.search{display:block}}.search-area{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100vh;height:100dvh;padding:var(--big-padding);background-color:var(--lilac);opacity:0;display:flex;flex-direction:column;transition:opacity .5s ease-in-out,z-index 0s linear .5s;overflow-y:scroll}.search-area li::marker{display:none;content:""}.search-area .search-area-wrapper{max-width:var(--max-cont-width);width:100%;margin:auto;margin-top:var(--header-height);position:relative}.search-area .search-input{display:flex;align-items:center;margin-right:80px}.search-area .search-input .clear-search{background-image:url(images/backspace.svg);background-size:contain;background-repeat:no-repeat;width:28px;height:28px;display:inline-block;position:absolute;right:98px;opacity:0;transition:all .3s ease}.search-area .search-input input{width:100%;border-radius:450px;padding:15px 49px 15px 30px;background-color:var(--background-color);font-size:19px;line-height:34px;border:1px solid var(--text-color);text-align:left}.search-area .search-input input::placeholder{color:var(--text-color)}@media all and (min-width: 768px){.search-area .search-input input{padding:15px 60px 15px 30px;font-size:24px}}.search-area .search-input input:focus{outline:none;border:1px solid var(--text-color)}.search-area .has-text .clear-search{opacity:.6}.search-area .search-results__items{display:grid;grid-template-columns:repeat(1, 1fr);gap:100px 40px;margin-top:180px}@media all and (min-width: 768px){.search-area .search-results__items{grid-template-columns:repeat(2, 1fr)}}@media all and (min-width: 1024px){.search-area .search-results__items{grid-template-columns:repeat(3, 1fr)}}.search-area .search-results__item{font-size:18px;line-height:26px}.search-area .search-results__item a{display:block;margin-bottom:10px;font-size:40px;line-height:46px;margin-bottom:25px}.search-area .close-search{position:absolute;top:0px;right:0;background-image:url(images/plus-reverse.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:65px;height:65px;transform:rotate(45deg)}.tabs-wrapper .search-area{position:relative;transform:translateY(0%) !important;top:0;padding:0;overflow:visible}.tabs-wrapper .search-area #search{padding:25px 60px 25px 25px;border-radius:45px;font-size:30px}@media all and (min-width: 1024px){.tabs-wrapper .search-area{display:none}}.search-open .search-area{z-index:10000;opacity:1;transition:opacity .5s ease-in-out,z-index 0s linear}body{font-family:"Funnel Sans",sans-serif;color:var(--text-color);background-color:var(--background-color);font-size:18px;line-height:26px;font-weight:400;min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}p{margin-bottom:32px}.reverse{color:var(--background-color);background-color:var(--text-color)}*{margin:0;padding:0;box-sizing:border-box}a{color:var(--text-color);text-decoration:none}header,footer{padding:0 var(--small-padding)}header{background-color:var(--background-color);height:var(--header-height);width:100%;position:fixed;top:0;display:flex;flex-wrap:wrap;z-index:1000}header::before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:82px;background:var(--background-color);z-index:0}header .logo{align-items:center;align-self:center;z-index:1}header .logo a{display:flex;align-items:center}header .logo-text{display:none;margin-left:20px;margin-top:-3px}header .logo-text.hide-small{display:none;margin-left:0}@media all and (min-width: 400px){header .logo-text{display:inline}}@media all and (min-width: 640px) and (max-width: 1023px){header .logo-text.hide-small{display:inline}}@media all and (min-width: 1200px){header .logo-text.hide-small{display:inline}}header .tabs-wrapper{margin-left:auto;align-self:flex-end;display:flex;flex-direction:column;align-items:center;position:absolute;top:var(--header-height);z-index:-1;left:0;width:100%;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));transform:translateY(-100%);transition:transform .5s ease;overflow:hidden;background:var(--background-color);justify-content:left;padding:100px var(--small-padding) 0}@media all and (min-width: 1024px){header .tabs-wrapper{position:static;flex-direction:row;top:auto;z-index:0;background:rgba(0,0,0,0);justify-content:flex-end;padding:0;width:auto;left:auto;height:auto;transform:none;transition:none;overflow:visible}}header .tabs{display:flex;flex-direction:column;width:100%;padding:0}header .tabs .tab{width:100%;font-size:30px;border-radius:10px;margin:0;margin-bottom:10px}header .tabs .tab a{padding:25px}@media all and (min-width: 1024px){header .tabs{position:static;flex-direction:row;top:auto;z-index:0;background:rgba(0,0,0,0);justify-content:flex-end;padding:0;width:auto;left:auto;height:auto;transform:none;transition:none;overflow:visible}header .tabs .tab{width:auto;font-size:16px;border-radius:8px 8px 0 0;margin-bottom:0;margin:0 .5rem}header .tabs .tab a{padding:6px 20px 9px}}header .tabs li{list-style:none}header .tab{border:1px solid var(--text-color);border-top-left-radius:8px;border-top-right-radius:8px;text-transform:uppercase;margin:0 .5rem;font-size:16px;font-weight:400;transition:all .2s ease}header .tab a{padding:6px 20px 9px;width:100%;display:block;transition:all .2s ease}header .tab:hover,header .tab.active,header .tab.focus{color:var(--background-color);background-color:var(--text-color)}header .tab:hover a,header .tab.active a,header .tab.focus a{color:var(--background-color)}.scroll-indicator{position:absolute;bottom:-4px;left:0;height:5px;width:100%;background-color:var(--light-gray)}.scroll-indicator-bar{position:absolute;left:0;top:0;height:100%;width:0;background-color:var(--green);transition:width .2s linear}.open-menu{z-index:1;position:absolute;right:var(--small-padding);top:20px;background-image:url("images/plus.svg");background-repeat:no-repeat;background-position:center;background-size:contain;width:40px;height:40px}@media all and (min-width: 1024px){.open-menu{display:none}}.menu-opened .open-menu{background-image:url("images/minus.svg")}.menu-opened .tabs-wrapper{transform:translateY(0);overflow-y:scroll}.menu-opened .copyright{display:none}main.to-fix{padding-bottom:200px}main>p,main>br{display:none}.container{padding:48px var(--big-padding);position:relative}@media all and (min-width: 768px){.container{padding:80px var(--big-padding)}}.container-wrapper{max-width:var(--max-cont-width);margin:auto}.contact-container{padding:20px var(--big-padding)}.contact{display:flex;flex-direction:column}.contact .button{margin-top:27px;width:fit-content}@media all and (min-width: 768px){.contact{flex-direction:row}.contact .button{margin-top:0;margin-left:auto}}.contact>*{display:flex;align-items:center}.contact span{margin-right:20px;line-height:30px;font-size:24px}@media all and (min-width: 768px){.contact .button{margin-left:auto}}.hero{position:sticky;top:var(--header-height)}@media all and (min-width: 1024px){.hero h1{font-weight:300;font-style:Light;font-size:56px;line-height:60px;letter-spacing:0%}}.content{background-color:var(--background-color);position:relative;z-index:10}.home-symbols{display:grid;grid-template-columns:repeat(1, 1fr);flex-wrap:wrap;gap:30px 85px;margin-top:60px;align-items:center;justify-content:left}@media all and (min-width: 768px){.home-symbols{grid-template-columns:repeat(2, 1fr)}}.home-symbols .element{display:flex;align-items:center;justify-content:left;width:100%}.home-symbols .element h1{justify-self:flex-start}.home-symbols .element img{margin:auto;padding:0 40px;margin-bottom:100px;width:100%}@media all and (min-width: 768px){.home-symbols .element img{padding:0px}.home-symbols .element h1{justify-self:center}}.home-symbols h1{margin-bottom:40px}@media all and (min-width: 768px){.home-symbols h1{margin-bottom:114px}}.el1{order:1}.el2{order:2}.el2 img{max-width:339px}.el3{order:3}.el4{order:4}.el4 img{max-width:310px}.el5{order:5}.el6{order:6}.el6 img{max-width:500px}.el7{order:7}.el8{order:8}.el8 img{max-width:500px}@media all and (min-width: 768px){.el1{order:1}.el2{order:2}.el3{order:4}.el4{order:3}.el5{order:5}.el6{order:6}.el7{order:8}.el8{order:7}}.side-text{font-size:24px;line-height:26px;max-width:100%}@media all and (min-width: 768px){.side-text{max-width:50%}}.pops-up{margin-top:-2px;padding-top:0}.round-popups{max-width:1056px;margin:auto;margin-top:78px}.round-popups .card{padding:47px;position:sticky;top:100px}.round-popups .card h3{margin-bottom:0}.round-popups .card:nth-child(1){padding:47px 76px;max-width:720px}.round-popups .card:nth-child(2){padding:77px 50px;width:100%;border-radius:40px}.round-popups .card:nth-child(3){padding:107px 68px;max-width:338px;margin-left:auto;margin-right:auto}.round-popups .card:nth-child(4){padding:10px 60px;max-width:700px}@media all and (min-width: 768px){.round-popups .card{position:relative;top:auto}.round-popups .card:nth-child(2){width:auto;margin-top:-100px;margin-left:50%;max-width:524px}.round-popups .card:nth-child(3){margin-top:-167px;padding:143px 46px;max-width:386px;transform:translateX(-106px)}.round-popups .card:nth-child(4){margin-top:-90px;padding:90px 46px;max-width:500px;transform:translateX(-106px)}}.team{display:grid;gap:26px}.specials{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:26px;max-width:1200px;margin:0 auto}@media all and (min-width: 768px){.specials{justify-content:space-between}}.special-card{margin-bottom:145px;width:100%;max-width:525px}.special-card img{max-width:140px;margin-bottom:38px}.special-card h3{margin-bottom:24px}@media all and (min-width: 768px){.special-card{width:calc(50% - 26px)}.special-card img{max-width:140px}}.divider,.divider2{background-color:var(--background-color);padding:140px 0 60px;width:100%;position:relative}.divider .line,.divider2 .line{width:100%;height:1px;background-color:var(--light-gray)}.divider2 .line{background-color:var(--light-gray)}.initiators h4{text-align:center;margin-bottom:35px}.partners,.clients{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:960px;margin:auto}.partner,.client{padding:20px}.partner img,.client img{max-height:62px;width:auto}.team{--team-gap: 26px;display:grid;gap:var(--team-gap)}@media all and (min-width: 768px){.team{grid-template-columns:repeat(2, 1fr)}}@media all and (min-width: 1440px){.team{grid-template-columns:repeat(3, 1fr)}}@media all and (min-width: 1960px){.team{grid-template-columns:repeat(4, 1fr)}}.team .member{width:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.team .member .name-wrapper{background-color:var(--green);padding:12px 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:0 0 10px 10px}.team .member .name{font-size:24px;line-height:35px}.team .member .member-image{width:100%;height:auto;border-radius:0}.team .member .open-fold{flex-shrink:0;align-self:flex-start;margin-top:3px;width:30px;height:30px;background-image:url("images/plus.svg");background-size:contain;background-repeat:no-repeat}.team .member .fold-wrapper{border-radius:0 0 10px;height:0;margin-top:-5px;overflow:hidden;transition:all .4s ease}.team .member.open .open-fold{background-image:url("images/minus.svg")}.team .member.open .fold-wrapper{overflow:hidden;height:auto}.team .member .description{font-size:16px;line-height:22px;margin-bottom:22px}.team .member .fold{padding:15px 20px 36px;overflow:hidden;transition:all .4s ease;background-color:var(--green)}.team .member .members-social a{margin-right:20px;display:inline-block;text-decoration:underline}#start{position:absolute;top:-60px}.top-tabs{display:flex;flex-wrap:wrap;align-items:center;transform:translateY(-100%);z-index:5}.top-tabs.list{transform:translateY(-2px)}.top-tabs .tab{position:relative;display:flex;padding:12px 15px;width:100%;border-radius:14px 14px 0 0;font-weight:400;font-size:20px;line-height:34px;color:var(--medium-gray);border:1px solid var(--medium-gray);border-bottom:none;background-color:var(--text-color);order:0}.top-tabs .tab:not(.active){padding-bottom:20px;transform:translateY(10px)}@media all and (min-width: 1024px){.top-tabs .tab{width:50%;order:0 !important;padding:17px 15px}.top-tabs .tab:first-child{padding-left:var(--big-padding) !important}.top-tabs .tab.list{transform:translateY(-100%)}.top-tabs .tab:not(.active){padding:17px 15px;transform:translateY(0px)}}.top-tabs .tab a{color:var(--light-gray);display:inline-block;width:calc(100% - 35px);font-size:20px}.top-tabs .tab::before{content:"";margin-right:15px;border-radius:20px;display:block;margin-top:12px;width:14px;height:14px;flex-shrink:0;background-color:var(--medium-gray)}@media all and (min-width: 1024px){.top-tabs .tab::after{content:"";position:absolute;right:-18px;bottom:0;display:inline-block;height:100%;width:29px;border-top:1px solid var(--medium-gray);background-color:var(--text-color)}.top-tabs .tab a{font-size:24px}}.top-tabs .tab:nth-child(2)::after{right:auto;left:-18px}.top-tabs .tab.active{background-color:var(--background-color);color:var(--text-color);border:1px solid var(--background-color);z-index:1;order:1}.top-tabs .tab.active::before{background-color:var(--green)}.top-tabs .tab.active::after{display:none}.top-tabs .tab.active a{color:var(--text-color)}.top-tabs.list .tab{font-size:26px;line-height:42px;font-weight:300;cursor:pointer;align-items:center;display:flex}.top-tabs.list .tab:before{content:"";border-radius:20px;display:block;width:20px;height:20px;margin-top:0;margin-right:20px}@media all and (min-width: 410px){.top-tabs.list .tab{font-size:30px}}@media all and (min-width: 505px){.top-tabs.list .tab{font-size:38px}}@media all and (min-width: 1440px){.top-tabs.list .tab{font-size:56px;padding:34px 15px 35px 40px}.top-tabs.list .tab:first-child{width:calc(50% - var(--big-padding))}.top-tabs.list .tab:last-child{width:calc(50% + var(--big-padding))}.top-tabs.list .tab:before{content:"";border-radius:35px;display:block;width:35px;height:35px}}.filler{height:140px;width:100%}@media all and (min-width: 1024px){.filler{height:156px}}.project-header{display:flex;flex-wrap:wrap;padding-bottom:54px}.project-header .project-title{width:100%}@media all and (min-width: 1024px){.project-header{padding-bottom:97px}.project-header .project-title{padding-right:20%}}@media all and (min-width: 1280px){.project-header{padding-bottom:97px}.project-header .project-title{padding-right:30%}}.project-header .project-date{flex-shrink:0;margin-top:0;margin-left:auto;width:100%;margin-bottom:10px}@media all and (min-width: 768px){.project-header .project-date{width:auto}}.back-to-projects{margin-left:calc(var(--small-padding) - var(--big-padding));margin-bottom:46px;width:100%}.back-to-projects a{color:var(--medium-gray);font-size:15px}.button{border:1px solid var(--text-color);padding:10px 17px;border-radius:8px;font-size:18px;flex-shrink:0;text-transform:uppercase;height:min-content;transition:all .2s ease;width:max-content}.button:hover{color:var(--background-color);background-color:var(--text-color)}.button:hover a{transition:all .2s ease;color:var(--background-color)}.bg-dark .button{color:var(--background-color);background-color:var(--text-color);border:1px solid var(--background-color)}.bg-dark .button a{color:var(--background-color)}.bg-dark .button:hover{background-color:var(--background-color)}.bg-dark .button:hover a{color:var(--text-color)}.project-list{display:grid;grid-template-columns:repeat(1, 1fr);gap:30px}@media all and (min-width: 768px){.project-list{grid-template-columns:repeat(2, 1fr)}.project-list .front,.project-list .back{min-height:340px !important}}@media all and (min-width: 1440px){.project-list{grid-template-columns:repeat(3, 1fr)}}.project:not(.current){display:none}.previous .project.current{display:none}.previous .project:not(.current){display:block}.project{--project-gap: 30px;width:100%;max-width:100%;}.project h3{font-size:30px;line-height:34px;font-weight:300}@media all and (min-width: 768px){.project h3{font-size:32px}}.project .front:after,.project .back:after{content:"";display:block;position:absolute;right:25px;width:30px;height:30px;background-size:contain;background-repeat:no-repeat}.project .front{background-color:var(--background-color)}.project .front:after{background-image:url(images/plus.svg)}.project .back{background-color:var(--green)}.project .back:after{background-image:url(images/plus-reverse.svg)}.touch-only .project{border-radius:20px;overflow:hidden;border:1px solid var(--text-color);}.touch-only .project .front,.touch-only .project .back{backface-visibility:hidden;position:absolute;width:100%;display:flex;flex-direction:column;top:0;left:0;transition:transform .8s cubic-bezier(.4, .2, .2, 1),filter .3s;border:none;border-radius:0;transform:none;position:initial;overflow:visible;padding:25px}.touch-only .project .back{height:100%}.touch-only .project .tags{margin-bottom:15px}.touch-only .project h3{margin-bottom:47px}.touch-only .project .back::after{display:none}.touch-only .project .project-link{display:block;width:100%;position:relative;min-height:320px}.touch-only .project .project-description{margin-bottom:45px}.touch-only .project .project-logo{margin:auto 0 0 0}.touch-only .project .project-date{position:absolute;bottom:25px;right:25px;max-width:50%;text-align:right}.pointer .project{perspective:1200px;transform:scale(1);will-change:transform}.pointer .project .project-link{height:100%;perspective:inherit}.pointer .project .front,.pointer .project .back{backface-visibility:hidden;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:20px;overflow:hidden;padding:25px;transition:transform .8s cubic-bezier(.4, .2, .2, 1),filter .3s}.pointer .project .front::after,.pointer .project .back::after{bottom:25px;top:auto}.pointer .project .front{z-index:2;transform:rotateY(0deg);border:1px solid var(--text-color);background-color:var(--background-color);display:flex;flex-direction:column}.pointer .project .back{z-index:1;transform:rotateY(180deg);background-color:var(--green)}.pointer .project.flipped .front,.pointer .project:hover .front,.pointer .project:focus-within .front{transform:rotateY(-180deg);filter:brightness(.95) blur(1px)}.pointer .project.flipped .back,.pointer .project:hover .back,.pointer .project:focus-within .back{transform:rotateY(0deg);filter:brightness(1.05);z-index:3}.round{border-radius:800px !important}.right .image-container{padding:0}.right img{margin-top:25px}@media all and (min-width: 768px){.right .image-container{padding:0}}@media all and (min-width: 1024px){.right .landscape{width:calc(100% + var(--project-gap)*3 - 10px);margin-left:calc(0px - var(--project-gap)*3 + 10px);max-width:max-content}}@media all and (min-width: 1180px){.right .landscape{width:calc(100% + var(--project-gap)*4);margin-left:calc(0px - var(--project-gap)*4);max-width:max-content}}.tags{font-size:14px;margin-bottom:15px}@media all and (min-width: 1024px){.tags{margin-bottom:46px}}.type,.tag{font-size:14px;display:inline-block;margin:0 6px 6px 0;padding:1px 12px;border-radius:4px;font-weight:400}.type{color:var(--background-color);border-radius:4px;background-color:var(--text-color)}.bg-dark .type{color:var(--text-color);background-color:var(--background-color)}.tag{background-color:var(--salmon);color:var(--text-color);border-radius:20px}.tag:first-child{background-color:var(--salmon)}.tag:nth-child(1){background-color:var(--purple)}.project-date{font-size:15px;margin-top:auto}.project{perspective:1200px;transform:scale(1)}.project .project-link{display:block;width:100%;height:100%;position:relative;perspective:inherit;min-height:320px}.project .front{z-index:2;transform:rotateY(0deg);border:1px solid var(--text-color);background-color:var(--background-color)}.project .back{z-index:1;background-color:var(--green)}.project-content{--project-gap: 30px;display:flex;flex-wrap:wrap;gap:var(--project-gap);justify-content:space-between;max-width:var(--max-cont-width);margin:auto;margin-top:-64px}@media all and (min-width: 1024px){.project-content{margin-top:-30px}}.project-content .left{width:100%}@media all and (min-width: 1024px){.project-content .left{width:calc(40% - var(--project-gap))}}.project-content .right{width:100%}@media all and (min-width: 1024px){.project-content .right{width:calc(60% - var(--project-gap));padding-left:var(--project-gap)}}.project-content .right table.table--stack{width:100%;border-collapse:collapse}.project-content .right table.table--stack thead{display:none;}.project-content .right table.table--stack tbody{display:block}.project-content .right table.table--stack tr{display:flex;flex-direction:column;border-bottom:1px solid var(--light-gray);padding:12px 0;margin-bottom:6px}.project-content .right table.table--stack td,.project-content .right table.table--stack th{display:block;width:100%}.project-content .right table.table--stack td::before{content:attr(data-label);display:block;font-weight:600;margin-bottom:6px}.project-content .right .table-value{display:block}@media all and (min-width: 768px){.project-content .right table.table--stack{display:table}.project-content .right table.table--stack thead{display:table-header-group}.project-content .right table.table--stack tbody{display:table-row-group}.project-content .right table.table--stack tr{display:table-row}.project-content .right table.table--stack td,.project-content .right table.table--stack th{display:table-cell;width:auto;padding:20px 20px 20px 0}.project-content .right table.table--stack td::before{content:none}}@media all and (min-width: 1024px){.project-content .right table{width:calc(100% + var(--project-gap)*3 - 10px) !important;margin-left:calc(0px - var(--project-gap)*3 + 10px);max-width:max-content}}@media all and (min-width: 1180px){.project-content .right table{width:calc(100% + var(--project-gap)*4) !important;margin-left:calc(0px - var(--project-gap)*4);max-width:max-content}}@media all and (max-width: 768px){.has-subsections .project-content{margin-top:-128px}}table{border-collapse:collapse;width:100%;table-layout:auto;text-align:left;margin:80px 0;hyphens:none}td,th{padding:10px 10px 10px 0;word-break:keep-all}tr{border-bottom:1px solid var(--text-color)}.highlight-project{position:relative;padding-top:94px}.highlight-project .tab-alt{font-size:38px;line-height:40px;font-weight:300;top:0px;transform:translateY(-100%);background-color:var(--text-color);padding:24px 24px 0;padding-left:var(--big-padding);left:0;background-color:var(--text-color);border-top-left-radius:20px;min-width:50%;position:absolute;display:flex;align-items:center}.highlight-project .tab-alt::before{content:"";border-radius:20px;display:block;width:20px;height:20px;background-color:var(--green);margin-right:16px}.highlight-project .tab-alt::after{content:"";display:block;width:64px;height:148px;background:url(images/corner1.svg);background-repeat:no-repeat;position:absolute;top:0px;right:-64px}@media all and (min-width: 1024px){.highlight-project .tab-alt{font-size:80px;padding-top:40px;padding-top:66px;padding-bottom:18px}.highlight-project .tab-alt::before{content:"";border-radius:35px;width:35px;height:35px;margin-right:30px}}.highlight-project .button{margin-top:50px}.highlight-project .markdown{margin-top:0px}@media all and (min-width: 768px){.highlight-project{padding-top:140px}.highlight-project .button{margin-top:50px;margin-left:40%}}.cards{position:sticky;top:calc(var(--header-height) + 40px)}.bottom{margin-top:145px;width:100%}.bottom h3{margin-bottom:24px}.related-projects{width:100%}.related-projects .related-project{display:flex;flex-direction:column;position:relative;padding:15px 0;border-top:1px solid}.related-projects .related-project>*{width:100%}.related-projects .related-project .related-project-date{font-size:15px;margin-left:auto;margin-top:5px}.related-projects .related-project .title{font-size:24px;line-height:34px;padding-top:15px;padding-bottom:45px;font-weight:300}.related-projects .related-project .rel-project-link{position:absolute;bottom:15px;right:0px;overflow:hidden;width:auto}.related-projects .related-project .rel-project-link a{display:block;width:30px;height:30px;background-image:url("images/plus.svg");background-repeat:no-repeat;background-position:center;background-size:contain}@media all and (min-width: 768px){.related-projects .related-project{flex-direction:row;align-items:start;gap:30px;padding:22px 0}.related-projects .related-project>*{width:auto}.related-projects .related-project .title{padding:0;font-size:24px}.related-projects .related-project .rel-project-link{display:none}.related-projects .related-project .tags{margin-top:4px;width:250px;flex-grow:0;flex-shrink:0}.related-projects .related-project .related-project-date{flex-shrink:0}}@media all and (min-width: 1024px){.related-projects .related-project .tags{width:400px}}.related-projects .related-project:last-child{border-bottom:1px solid}.related-projects .related-project .tags{margin-bottom:0}.card{border-radius:10px;overflow:hidden;margin-bottom:30px;position:relative;}.card:last-child{margin-bottom:0}.card .card-title{font-size:15px;line-height:21px;padding:10px 22px;background-color:var(--text-color);color:var(--background-color)}.card .card-title::after{z-index:0;content:"";display:inline-block;position:absolute;right:24px;top:11px;width:22px;height:24px;background-size:contain;background-repeat:no-repeat;margin-left:10px}.card.serie{transition:transform .25s ease,box-shadow .25s ease}.card.serie.serie--fixed{box-shadow:0 8px 24px rgba(0,0,0,.12);transform-origin:top left}.card.serie.retracted{transform:translateY(-100%)}.card.serie .project-link{transition:opacity .2s ease,height .4s ease;height:var(--project-link-height, auto);overflow:hidden;font-size:20px;line-height:34px}.card.serie.retracted .card-content .project-link:not(.active){height:0;opacity:0}.card .card-content{padding:15px 22px 3px;font-size:15px;line-height:22px;background-color:var(--green)}.card a{text-decoration:underline}.card.search .card-title::after{background-image:url("images/feature_search.svg")}.card.search.green .card-title::after,.card.search.lilac .card-title::after,.card.search.salmon .card-title::after{background-image:url("images/feature_search-dark.svg")}.card.file .card-title::after{background-image:url("images/file.svg")}.card.file.green .card-title::after,.card.file.lilac .card-title::after,.card.file.salmon .card-title::after{background-image:url("images/file-dark.svg")}.card.lightbulb .card-title::after{background-image:url("images/lightbulb2.svg")}.card.lightbulb.green .card-title::after,.card.lightbulb.lilac .card-title::after,.card.lightbulb.salmon .card-title::after{background-image:url("images/lightbulb2-dark.svg")}.card.screen .card-title::after{background-image:url("images/mimo.svg")}.card.green .card-title{background-color:var(--green);color:var(--text-color)}.card.green .card-content{background-color:var(--background-color)}.card.green.numbered{background-color:var(--green)}.card.lilac .card-title{background-color:var(--lilac);color:var(--text-color)}.card.lilac .card-content{background-color:var(--background-color)}.card.lilac.numbered{background-color:var(--lilac)}.card.salmon .card-title{background-color:var(--salmon);color:var(--text-color)}.card.salmon .card-content{background-color:var(--background-color)}.card.salmon.numbered{background-color:var(--salmon)}.card.purple .card-title{background-color:var(--purple)}.card.purple .card-content{background-color:var(--background-color)}.card.purple.numbered{background-color:var(--purple)}.card.numbered{padding:27px 0px;counter-increment:cardnum;max-width:1080px;margin:0 auto;margin-bottom:56px;--card-increment: 90px !important}.card.numbered .card-title{margin-left:50px;font-size:32px;line-height:45px;background-color:rgba(0,0,0,0);padding-top:0}.card.numbered .card-content{background-color:rgba(0,0,0,0);font-size:18px}.card.numbered:before{display:flex;align-items:center;justify-content:center;content:counter(cardnum);position:absolute;left:25px;top:34px;border-radius:40px;width:32px;height:32px;background-color:var(--text-color);color:var(--background-color);font-size:22px;font-weight:300}@media all and (min-width: 768px){.card.numbered{padding:27px 68px 27px 180px;--card-increment: 120px !important}.card.numbered .card-title{margin-bottom:15px;margin-left:0px;font-size:40px;padding-top:10px}.card.numbered:before{width:80px;height:80px;font-size:56px;left:40px}}.card.serie{border:1px solid var(--light-gray);margin-bottom:10px}.card.serie .card-title{background-color:var(--background-color);padding:14px 22px}.card.serie .card-title a{width:100%;display:inline-block;color:var(--light-gray);z-index:1;position:relative}.card.serie .card-title::after{z-index:0;content:"";display:inline-block;position:absolute;right:24px;top:16px;width:30px;height:30px;background-image:url("images/down.svg");background-size:contain;background-repeat:no-repeat;margin-left:10px}.card.serie a{text-decoration:none}.card.serie .card-content{height:0;padding:0}.card.serie.active{border:1px solid rgba(0,0,0,0);margin-bottom:40px}.card.serie.active a{color:var(--medium-gray)}.card.serie.active a.active{color:var(--text-color)}.card.serie.active .card-title{background-color:var(--green)}.card.serie.active .card-title::after{background-image:url("images/up-dark.svg")}.card.serie.active .card-title a{color:var(--text-color)}.card.serie.active .card-content{background-color:var(--dimmer-green);display:flex;flex-direction:column;height:auto;padding:15px 22px 15px}.card.resources .card-title::after{content:"";display:inline-block;position:absolute;right:24px;top:12px;width:16px;height:24px;background-image:url("images/file.svg");background-size:contain;background-repeat:no-repeat}.card.resources .card-content{background-color:var(--text-color);padding-top:0;padding-bottom:15px}.card.resources .card-content a{color:var(--background-color)}.card.inline{border:1px solid var(--text-color);margin:35px 0}.card.inline .card-content{padding:15px 22px 15px}.sticky-cards{counter-reset:cardnum}.sticky-cards .card{--threshold: 100px;--card-increment: 20px;position:sticky;top:var(--threshold);z-index:10;transition:all .3s ease}.sticky-cards .card:nth-child(1){top:calc(var(--threshold));z-index:11;transform:scale(.95)}.sticky-cards .card:nth-child(2){top:calc(var(--threshold) + var(--card-increment));z-index:12;transform:scale(.96)}.sticky-cards .card:nth-child(3){top:calc(var(--threshold) + var(--card-increment)*2);z-index:13;transform:scale(.97)}.sticky-cards .card:nth-child(4){top:calc(var(--threshold) + var(--card-increment)*3);z-index:14;transform:scale(.98)}.sticky-cards .card:nth-child(5){top:calc(var(--threshold) + var(--card-increment)*4);z-index:15;transform:scale(.99)}.sticky-cards .card:nth-child(6){top:calc(var(--threshold) + var(--card-increment)*5);z-index:16;transform:scale(1)}.sticky-cards .card:not(.equal-height){top:auto !important;position:relative !important;transform:scale(1) !important;margin-bottom:25px !important}.inline-cards{display:grid;align-items:stretch;--cards-gap: 30px;gap:var(--cards-gap);max-width:var(--max-cont-width)}.inline-cards .card{position:sticky;top:100px;margin-bottom:0;display:flex;flex-direction:column;min-height:33vw}.inline-cards .button{margin:auto 22px 30px}.inline-cards .button a{text-decoration:none}.inline-cards .card-content{font-size:30px;line-height:34px;font-weight:300;background:rgba(0,0,0,0) !important;padding-bottom:130px}@media all and (min-width: 1024px){.inline-cards{gap:var(--cards-gap);grid-template-columns:repeat(3, 1fr)}.inline-cards .card-content{font-size:32px;line-height:36px;font-weight:300}.inline-cards .card{position:relative;top:0;min-height:487px}}.left{margin-bottom:52px}@media all and (min-width: 768px){.left .card{max-width:346px}}.container.side-title-block:first-child{padding-top:100px;padding-bottom:100px}@media all and (min-width: 1024px){.container.side-title-block:first-child{padding-top:150px;padding-bottom:150px}}@media all and (min-width: 1024px){.side-title-block h1{margin-bottom:70px}}.side-title-block h1.big{font-size:48px;line-height:56px}@media all and (min-width: 1024px){.side-title-block h1.big{font-size:80px;line-height:90px}}.side-title-block.compress{padding-bottom:0}.side-title-block.compress h1{margin-bottom:0px}.side-title-block.compress .markdown{margin-top:58px}.side-title-block.compress .markdown p:last-child{margin-bottom:0px}.side-title-block .button{margin-top:50px}@media all and (min-width: 768px){.side-title-block .button{margin-top:50px;margin-left:40%;margin-bottom:70px}}.side-title{max-width:100%}@media all and (min-width: 1024px){.side-title{width:60%}}.markdown{margin-top:145px;margin-left:0%;font-size:20px;line-height:26px;font-weight:300}@media all and (min-width: 768px){.markdown{margin-left:40%}}.newsletter_text{margin-bottom:40px}@media all and (min-width: 1024px){.newsletter_text{max-width:585px}}.newsletter_form{width:100%}.newsletter_form input[type=email]{background-color:rgba(0,0,0,0);padding:15px;border-radius:40px;border:1px solid var(--text-color);margin-bottom:20px;text-transform:uppercase}.newsletter_form input[type=email]::placeholder{color:var(--text-color);opacity:1;}.newsletter_form input[type=submit]{background-color:var(--text-color);color:var(--background-color);padding:15px;border-radius:40px;border:1px solid var(--text-color);margin-bottom:20px;text-transform:uppercase}.newsletter_form input[type=submit]:hover{background-color:rgba(0,0,0,0);color:var(--text-color)}#subscribe{display:flex;flex-wrap:wrap;align-items:start;align-items:center;justify-content:space-between;}#subscribe .envelopes{order:1;max-width:250px;margin:auto;margin-bottom:45px}#subscribe .newsletter_form{order:2;width:100%}@media all and (min-width: 768px){#subscribe{padding:20px 0}#subscribe .newsletter_form{order:1;width:66.666%;padding-right:30px}#subscribe .envelopes{order:2;width:33.3333%;max-width:460px;margin:0}}div#mc_embed_signup_scroll{display:flex}.mc-field-group.email{width:100%;padding-right:5px;max-width:500px}.mc-field-group.email input{width:100%}footer{display:flex;flex-wrap:wrap;padding-top:30px;position:relative;transition:bottom .5s ease;bottom:-100%;width:100%;background-color:var(--background-color);z-index:1000}@media all and (min-width: 768px){footer{padding-top:70px}}footer nav,footer .social{margin-bottom:30px}footer .links{display:flex;flex-direction:column;font-size:16px}@media all and (min-width: 768px){footer .links{flex-direction:row}footer .links a{margin-right:50px}}footer .social{margin-left:auto;align-self:end}footer .social a{margin-left:25px}footer .copyright{border-top:1px solid var(--light-gray);width:100%;font-size:12px;line-height:20px;color:var(--light-gray);padding-top:1rem;padding:16px 0}.impressum h2{margin-bottom:64px}.got-fixed{position:fixed !important;top:0;left:0;width:100%;z-index:0}.fixed-replacement{z-index:-1;position:relative}:root{--ball-size: 61px;--pill-height: var(--ball-size);--text-size: 30px;--overlay-padding: 40px;--unfold-padding: calc(var(--ball-size) + 10px);--pill-padding: 23px;--hero-gap: 8px;--unter-cover: 144px;--span-top: -2px}@media all and (min-width: 768px){:root{--unfold-padding: calc(var(--ball-size) + 20px);--pill-padding: 53px;--ball-size: 100px;--text-size: 47px;--unter-cover: 233px;--hero-gap: 20px;--span-top: -8px}}@media all and (min-width: 1058px){:root{--unfold-padding: calc(var(--ball-size) + 20px);--pill-padding: 53px;--ball-size: 100px;--text-size: 57px;--unter-cover: 257px;--hero-gap: 20px;--span-top: -8px}}@media all and (min-width: 1340px){:root{--text-size: 67px;--ball-size: 142px;--unter-cover: 323px}}.my-hero{height:calc(100vh + 550px);padding:0px var(--big-padding)}.my-hero .hide-small{display:none}@media all and (min-width: 768px){.my-hero .hide-small{display:block}}.grow{flex-grow:1}.pill-filler{min-width:var(--ball-size);min-height:var(--ball-size);border-radius:160px;transition:all .8s cubic-bezier(.25, .1, .25, 1)}.pill-filler.square{border-radius:30px}.pill-breaker{width:100%;height:0;display:none}.pill-breaker .small{display:block}@media screen and (min-width: 1024px){.pill-breaker{display:block}.pill-breaker.small{display:none}}.pill-breaker-small{width:100%;height:0;display:block}@media all and (min-width: 768px){.pill-breaker-small{display:none}}.pin{position:sticky;top:var(--header-height);display:flex;align-items:end;height:calc(100vh - var(--header-height) - 1px);height:calc(100svh - var(--header-height) - 1px)}.pill-slider-container{max-width:var(--max-cont-width);display:flex;flex-wrap:wrap;gap:calc(var(--hero-gap)/2) var(--hero-gap);align-items:center;margin:0px auto var(--big-padding);width:100%;left:0;right:0;opacity:0;transition:opacity .15s ease;background-color:var(--text-color)}.pill-slider-container.loaded{opacity:1}.pill-track,.slide,.pill-unfold{position:relative;display:flex;align-items:center;justify-content:center;height:var(--pill-height);font-size:var(--text-size);font-weight:300;color:var(--text-color);background:var(--pill-color);border-radius:calc(var(--pill-height)/2);width:max-content;cursor:pointer;overflow:hidden;white-space:nowrap;z-index:1}.pill-track{flex-grow:1}.pill-track.square{border-radius:10px}.pill-track.square .pill-inner{border-radius:10px}.pill-track.square .pill-inner::after{border-radius:10px}.pill-unfold{padding-left:var(--overlay-padding);padding-right:var(--overlay-padding)}.slide{min-width:35%;flex-grow:1;overflow:visible !important}.slide .movable{width:var(--ball-size);height:var(--ball-size);border-radius:10px;position:absolute;background-color:var(--salmon);left:0;transition:border-radius .4s ease,left .2s linear,background-color .8s ease}.slide .movable.end{border-radius:100px;background:var(--green)}.slide .fixed{background:var(--purple);width:100%;height:var(--ball-size);border-radius:10px}.pill-inner::after{content:"";position:absolute;top:0;left:0;width:var(--ball-size);height:var(--ball-size);background:var(--ball-color);border-radius:140px;z-index:2;transition:left .8s cubic-bezier(.25, .1, .25, 1)}.pill-inner{position:absolute;right:0;top:0;min-width:100%;height:100%;display:flex;align-items:center;border-radius:calc(var(--pill-height)/2);padding:0 var(--unfold-padding);white-space:nowrap;transition:left .8s cubic-bezier(.25, .1, .25, 1),right .8s cubic-bezier(.25, .1, .25, 1);justify-content:start;z-index:2;pointer-events:none}.pill-inner span{margin-top:-8px;display:inline-block}.pill-inner:nth-child(odd){right:-100%;padding:0 var(--pill-padding) 0 var(--unfold-padding)}.pill-inner:nth-child(odd) ::after{right:calc(-100% + var(--ball-size))}.pill-inner:nth-child(even){right:calc(100% - var(--ball-size));padding:0 var(--unfold-padding) 0 var(--pill-padding)}.pill-inner:nth-child(even)::after{right:0;left:auto}.pill-inner:first-child{right:0}.reverse .pill-inner:nth-child(odd){right:100%;padding:0 var(--unfold-padding) 0 var(--pill-padding)}.reverse .pill-inner:nth-child(odd)::after{left:auto;right:0;transition:right .8s cubic-bezier(.25, .1, .25, 1)}.reverse .pill-inner:nth-child(even){right:calc(-100% + var(--ball-size));padding:0 var(--pill-padding) 0 var(--unfold-padding)}.reverse .pill-inner:nth-child(even)::after{left:0}.reverse .pill-inner:first-child{right:0}#filler3{transform:translate(-163px, 0px)}@media all and (max-width: 373px){#filler7{display:none}}.rotate :after{content:""}.action1 .pill-track .pill-inner:nth-child(2){right:0}.action1 .pill-track .pill-inner:nth-child(3){transform:translateX(calc(0 - var(--ball-size)))}.action1 #filler6{background-color:var(--lilac)}.action1 #filler7{background-color:var(--background-color)}.expand::after{transition:all .8s cubic-bezier(.25, .1, .25, 1)}.action2 .pill-track .pill-inner:nth-child(3){right:0;opacity:1}.action2 #filler1{background-color:var(--green)}.action2 #filler3{transform:translate(0px, 0px);transition-delay:1s}.action2 .expand::after{width:var(--unter-cover)}.pill-back{text-align:right}.pill-inner:before{display:none;content:attr(data-text);visibility:hidden;padding:0 var(--unfold-padding)}.pill-unfold::before{display:none;content:attr(data-text);visibility:hidden;padding:0 var(--unfold-padding)}.pill-unfold::after{display:none}.word.hover .pill-inner{padding-right:0}.pill-unfold:hover .pill-inner{pointer-events:auto}.ball-green .pill-inner::after{background:var(--green)}.ball-salmon .pill-inner::after{background:var(--salmon)}.ball-lilac .pill-inner::after{background:var(--lilac)}.ball-purple .pill-inner::after{background:var(--purple)}