.step-path{--sp-d:56px;--sp-gap:40px;--sp-teal:#003c4d;--sp-olive:#a7ad37}.step-path__group{margin:0 0 4rem}.step-path__group:last-child{margin-bottom:0}.step-path__headline{margin:0 0 1rem}.step-path__intro{margin:0 0 2.5rem;max-width:60ch}.step-path__intro>:first-child{margin-top:0}.step-path__intro>:last-child{margin-bottom:0}.step-path__tabs{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--sp-gap);margin:0 0 2.5rem}.step-path__tab{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;padding:0;position:relative}.step-path__tab:focus{outline:none}.step-path__tab:focus-visible .step-path__circle{box-shadow:0 0 0 3px rgba(167,173,55,.4)}.step-path__tab:not(:last-child):after{background:var(--sp-olive);content:"";height:2px;left:100%;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:var(--sp-gap)}.step-path__circle{align-items:center;background:transparent;border:2px solid var(--sp-olive);border-radius:50%;box-sizing:border-box;color:var(--sp-olive);display:flex;flex:0 0 auto;font-size:1.25rem;font-weight:700;height:var(--sp-d);justify-content:center;line-height:1;position:relative;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:var(--sp-d);z-index:1}.step-path__tab:not(.is-active):focus-visible .step-path__circle,.step-path__tab:not(.is-active):hover .step-path__circle{background:var(--sp-olive);border-color:var(--sp-olive);color:#fff}.step-path__tab.is-active .step-path__circle{background:var(--sp-teal);border-color:var(--sp-teal);color:#fff}.step-path__panel{display:none}.step-path__panel.is-active{animation:sp-fade .3s ease;display:block}@keyframes sp-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.step-path__panel-headline{margin:0 0 .75rem}.step-path__panel-copy>:first-child{margin-top:0}.step-path__panel-copy>:last-child{margin-bottom:0}@media (max-width:1026px){.step-path{--sp-d:52px;--sp-gap:20px}}@media (max-width:767px){.step-path{--sp-d:30px;--sp-gap:2px}.step-path__tabs{flex-wrap:wrap;row-gap:12px}.step-path__circle{font-size:.8rem}.step-path__headline{font-size:1.75rem}}