.application-area__wrapper .application-area{--application-area__size:1480px;--header-size-mobile:63px;--title-size-mobile:50px;--title-width:480px;position:relative;width:100%;background-color:#427a7b;overflow:hidden;transition:background-color .3s ease-in-out}.application-area__wrapper .application-area.active{background-color:var(--c-brand-light)}.application-area__wrapper .application-area .headline{text-align:left;font-style:normal;font-weight:700;font-size:var(--text-4xl);line-height:var(--text-4xl);color:#fff;max-width:var(--title-width);width:100%;margin:var(--s-5xl)auto var(--s-sm)}@media(max-width:767px){.application-area__wrapper .application-area .headline{text-align:left;padding:0 var(--s-lg);margin-top:var(--s-xl)}}.application-area__wrapper .application-area .headline.entrance{animation:textEntrance 1s ease forwards}.application-area__wrapper .application-area .subtitle{text-align:left;font-style:normal;font-weight:300;font-size:var(--text-size);max-width:var(--title-width);width:100%;color:#fff;display:block;margin:0 auto var(--s-5xl)}@media(max-width:767px){.application-area__wrapper .application-area .subtitle{display:none}}.application-area__wrapper .application-area .subtitle.entrance{animation:textEntrance 1s ease forwards}.application-area__wrapper .application-area__container{overflow-x:auto;overflow-y:visible}.application-area__wrapper .application-area__content{position:relative;width:var(--application-area__size);scroll-behavior:smooth;margin:0 auto}@media(max-width:767px){.application-area__wrapper .application-area__content{width:max-content}}.application-area__wrapper .application-area__content img{position:relative;z-index:1}.application-area__wrapper .application-area__content .application-area__image{width:100%;height:auto}@media(max-width:767px){.application-area__wrapper .application-area__content .application-area__image{width:auto;height:calc(100dvh - var(--header-size-mobile) - var(--title-size-mobile))}}@media(min-width:768px){.application-area__wrapper .application-area__content .application-area__image image{opacity:0;transform:translateY(400px)}.application-area__wrapper .application-area__content .application-area__image.entrance image{animation:imageEntrance 1s ease forwards}}.application-area__wrapper .application-area__content .application-area__image polygon{fill:transparent}.application-area__wrapper .application-area__content .application-area__image a{position:relative}.application-area__wrapper .application-area__content .application-area__image a polygon{fill:transparent;cursor:pointer}.application-area__wrapper .application-area .tooltip{display:none;position:absolute;transform:translate(-50%,-50%);background-color:#fff;padding:var(--s-3xs)var(--s-2xs);box-shadow:0 var(--s-2xs)var(--s-2xs)rgba(0,0,0,.25);border-radius:2px;z-index:100;max-width:20%;cursor:pointer;pointer-events:none;opacity:0}.application-area__wrapper .application-area .tooltip a{text-decoration:none;font-weight:400;font-size:var(--text-sm);line-height:var(--line-height);letter-spacing:.15px;color:var(--c-brand);margin:0;display:flex;align-items:center;width:100%}.application-area__wrapper .application-area .tooltip a .icon{line-height:0}.application-area__wrapper .application-area .tooltip.short{pointer-events:auto}.application-area__wrapper .application-area .tooltip.short a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.application-area__wrapper .application-area .tooltip::before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg);width:18px;height:18px;background-color:#fff;box-shadow:var(--s-2xs)var(--s-2xs)var(--s-2xs)rgba(0,0,0,.25);z-index:-1}.application-area__wrapper .application-area .tooltip.show{opacity:1}.application-area__wrapper .application-area .tooltip.entrance{animation:entrance 1s ease forwards}@media(max-width:767px){.application-area__wrapper .application-area .tooltip.entrance{animation:entranceMobile 1s ease forwards}}.application-area__wrapper .application-area .tooltip.active{animation:bounce 1s ease-in-out infinite}@keyframes entrance{0%{transform:translate(-50%,calc(-50% - 400px));opacity:0}50%{transform:translate(-50%,calc(-50% + 30px));opacity:1}100%{transform:translate(-50%,-50%);opacity:1}}@keyframes entranceMobile{0%{opacity:0}100%{opacity:1}}@keyframes imageEntrance{0%{transform:translateY(400px);opacity:0}50%{transform:translateY(-60px);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes textEntrance{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(20px);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes bounce{33%{transform:translate(-50%,-55%)}100%{transform:translate(-50%,-50%)}}