.proces-module{display:flex;gap:16px;padding-bottom:250px;padding-top:250px;position:relative;z-index:1}.proces-module>svg{aspect-ratio:1/1;content:"";left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100dvw;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100vw;z-index:-1;.opacity-laag{transition:opacity .3s ease-in-out;will-change:opacity}}.proces-nav{list-style:none;margin:0;padding:0}.proces-nav li{padding-left:12px;position:relative;&:before{background-color:#fff;content:"";height:12px;left:0;position:absolute;top:16px;transition:background-color .3s ease-in-out;width:12px}&.active:before{background-color:var(--so-color-red)}}.proces-nav-step-number,.proces-nav-step-subtitle{font-family:var(--so-font-family-alt);font-size:12px;letter-spacing:-.6px;line-height:1;margin:0;position:absolute}.proces-nav-step-subtitle{left:16px;top:16px}.proces-nav-step-number{left:-24px;top:32px;transform:rotate(-90deg);transform-origin:right top}.proces-nav li .h-display{display:block;margin:0;padding:16px 0;text-decoration:none;transition:filter .3s ease-in-out}.proces-nav li:not(.active) .h-display{filter:blur(7.3px)}.proces-nav li:not(.active) .h-display:hover{filter:blur(.3px) opacity(.7)}.proces-steps{display:flex;flex:1;flex-direction:column;height:100%;list-style:none;margin:0;padding:0;position:relative;z-index:1;.overline{margin-left:12px;position:relative;z-index:2}&:before{background-color:#261e1d;border-radius:var(--so-border-radius);content:"";height:calc(100% - 13px);left:0;position:absolute;top:13px;width:100%}li{border-top:2px solid var(--so-color-taupe);display:block;margin-left:32px;margin-right:32px;position:relative;transition:border-top-color .3s ease-in-out;z-index:2;@media (max-width:576px){margin-left:16px;margin-right:16px}}li:first-of-type{margin-top:32px;@media (max-width:576px){margin-top:16px}}li:last-of-type{margin-bottom:32px;@media (max-width:576px){margin-bottom:16px}}.proces-step-content{padding-left:112px;@media (max-width:768px){padding-left:88px}}}.proces-steps li header a{display:flex;margin-bottom:12px;text-decoration:none;li.active &{gap:48px;@media (max-width:768px){gap:24px}span{align-self:flex-start;background-color:var(--so-color-charcoal);border-radius:var(--so-border-radius);display:block;font-family:var(--so-font-family-alt);font-size:12px;letter-spacing:-.6px;line-height:1;margin-top:4px;min-width:64px;padding:4px 8px;text-align:center;white-space:nowrap}}li:not(.active) &{align-items:center;*{font-size:14px!important;font-weight:inherit;text-transform:uppercase}span:after{content:"-";padding-left:8px;padding-right:8px}}h4{margin:0}}.proces-steps li.active{border-top-color:#fff;flex:1}.proces-steps li:not(.active)>:not(header){height:0;overflow:hidden;transition:height .3s ease-in-out}.proces-steps li.active>:not(header){height:auto;overflow:visible;transition:height .3s ease-in-out}.proces-steps-technical-tag,.proces-steps-technical-tags{color:var(--so-color-taupe);font-family:var(--so-font-family-alt);font-size:8px;letter-spacing:-.6px;line-height:1;margin:0}.proces-steps-technical-tag{display:block;line-height:1.65;margin-bottom:12px;text-align:right}.proces-steps-technical-tags{display:block;line-height:1.65;position:absolute;text-align:right;top:calc(100% + 6px);width:100%;span{display:block}}@media (max-width:1300px){.proces-module{padding-bottom:132px;padding-top:132px}.proces-nav li .h-display{font-size:64px;line-height:1.1}.proces-nav li:not(.active) .h-display{filter:blur(4.8px)}}@media (max-width:980px){.proces-module{padding-bottom:80px;padding-top:80px}}@media (max-width:848px){.proces-module{flex-direction:column;padding-bottom:48px;padding-top:48px}.proces-module>svg{height:600px;opacity:.8;top:0;transform:translateY(0)}.proces-nav li .h-display{font-size:48px;line-height:1.4}.proces-nav li:not(.active) .h-display{filter:blur(0) opacity(1)}.proces-nav li:not(.active){filter:opacity(.4)}}@media (max-width:460px){.proces-nav{display:flex;flex-direction:row;gap:16px;overflow-x:auto}.proces-nav li{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;margin-bottom:12px;padding:0 0 12px}.proces-nav li.active{border-bottom:2px solid var(--so-color-red)}.proces-nav li:before{display:none}.proces-nav-step-number{display:block;left:0;margin-bottom:4px;order:0;position:relative;text-align:center;top:0;transform:unset}.proces-steps li header a h4.h3{font-size:24px;letter-spacing:-.6px;line-height:1.2}.proces-nav-step-subtitle{display:none}.proces-nav li .h-display{font-family:var(--so-font-family-alt);font-size:10px;font-size:12px;font-weight:400;letter-spacing:-.6px;line-height:1;order:1;padding:0;text-align:center;text-transform:uppercase;white-space:nowrap}}