.stappenplan{counter-reset:stap;display:flex;flex-direction:column;position:relative}.stappenplan.with-stap-numbers .stap-header:before{color:#494a66;content:"Stap " counter(stap,decimal-leading-zero);counter-increment:stap;font-size:10px;line-height:1}.stappenplan .stap{cursor:pointer;display:flex;gap:16px;margin-top:-24px;padding:0 24px;.stap-track{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-bottom:24px;padding-top:24px;width:56px}.stap-icon{align-items:center;background-color:var(--so-color-mint-mist);display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px;z-index:1;img{filter:var(--so-filter-navy)}}.stap-line{flex:1;margin-bottom:-48px;min-height:48px;width:2px;z-index:1;&.is-solid{background-color:var(--so-color-mint-mist)}&.is-gradient{background:linear-gradient(180deg,#d6ebe0 0,#d6ebe0 65%,rgba(214,235,224,0))}}.stap-main{display:flex;flex:1;flex-direction:column;min-width:0;padding:24px 0}.stap-title{align-items:center;background:none;border:none;color:inherit;display:flex;font:inherit;padding:13px 0 0;text-align:left;width:100%;&:focus-visible{outline:2px solid var(--so-color-green);outline-offset:2px}&:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23090a31' d='M16.59 15.41 18 14l-6-6-6 6 1.41 1.41L12 10.83z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:24px;margin-left:auto;transform:rotate(180deg);transition:var(--so-transition-speed) ease all;width:24px}}.stap-header{display:flex;flex-direction:column;h5{margin:0}}.stap-content{display:none;margin-top:11px;p,span{font-size:16px;line-height:1.5;margin:0}p+p{margin-top:11px}}&.active{background-color:var(--so-color-ghost-white);margin-top:0;.stap-title:after{transform:rotate(0deg)}.stap-content{display:block}}}.stappenplan .stap.active+.stap{margin-top:0}