.grp-steps-module{display:flex;flex-direction:column;align-items:stretch}
.grp-steps-module .grp-steps-module-wrapper{display:flex;align-items:stretch;justify-content:space-between}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper{display:flex}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator{position:absolute;width:1px;background-color:var(--color-separator-black)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator.left{left:19px;top:12px;height:calc(100% - 24px)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator.right{left:-102px;height:100%}
@media(max-width:1279.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator.right{left:-68px}
}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator.right{display:none}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator.mobile{left:16px;top:12px;height:100%}
@media(min-width:768px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__separator.mobile{display:none}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list{flex-grow:0;flex-shrink:0;--g:24px;flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 4 - -1 * var(--g) * 4 - -96px * 0);position:sticky;top:100px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;column-gap:20px;row-gap:44px;counter-reset:panelcounter;border-right:1px solid var(--color-separator-black)}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list{--g:16px}
}
@media(min-width:768px) and (max-width:1279.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 4 - -1 * var(--g) * 4 - -48px * 0)}
}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 4 - -1 * var(--g) * 4 - -24px * 0)}
}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list{display:none}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list .grp-wizard__step{margin-right:102px}
@media(max-width:1279.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-list .grp-wizard__step{margin-right:68px}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step{color:var(--color-text-primary);font-family:"BMWGroupTNProTT-Regular",Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;font-weight:bold;text-align:left;position:relative;flex:0 0 auto;cursor:pointer;display:flex;align-items:center;padding:8px 24px 8px 48px;min-height:40px}
@media(min-width:768px) and (max-width:1279.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step{font-size:10px}
}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step{font-size:10px}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step::before{color:var(--color-text-black-static);position:absolute;left:0;width:40px;height:40px;content:counter(panelcounter);counter-increment:panelcounter;text-align:center;line-height:40px;border-radius:100%;box-shadow:0 6px 9px -3px rgba(0,0,0,0.25);background:var(--color-btn-bg-defaultsolid);transition:transform 500ms ease-in-out}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step:hover{color:var(--color-text-highlighted)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step:hover::before{color:var(--color-text-highlighted-on-light);transform:translateY(-10px);transition:transform 500ms ease-in-out}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step:hover::after{background-color:var(--color-text-highlighted-on-light)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step.active{cursor:default;color:var(--color-text-primary)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step.active::before{color:var(--color-text-white-static);background:radial-gradient(372.84% 141.42% at 0 0,var(--color-btn-bg-highlight-gradient-light-blue) 0,var(--color-btn-bg-highlight-gradient-dark-blue) 100%),var(--color-btn-bg-defaultsolid)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step.active::after{background-color:var(--color-text-white-static)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step.active:hover::before{transform:unset}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step.active:hover::after{background-color:var(--color-text-highlighted-on-dark)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-details{flex:1;display:flex;gap:24px;flex-direction:row}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__step-details{flex-direction:column}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper{display:flex;gap:24px;overflow:hidden;flex:1 1 auto}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content{position:relative;display:flex;padding:0;flex-direction:column;align-items:stretch;flex:1 0 0;counter-reset:panelcounter}
@media(max-width:1279.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content{gap:32px}
}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content{gap:24px}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content .text .cmp-text{max-width:unset}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer{align-items:center;display:none;flex:1 0 auto;margin-left:24px}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer.active{display:flex}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content .grp-steps-module__step{display:none}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content .grp-steps-module__step{display:flex}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper .grp-steps-module__content .grp-steps-module__step.mobile::before{width:32px;height:32px;line-height:32px}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper{flex:0 1 auto}
}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle{width:200px;overflow:hidden;align-self:center;flex:0 0 auto}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut{width:400px;height:400px;position:relative}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut .grp-steps-module__donut-svg{width:100%;height:100%;transform:rotate(-150deg)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut .grp-steps-module__indicator{color:var(--color-text-primary);font-family:"BMWGroupTNProTT-Bold","Arial Black",Gadget,sans-serif;font-size:38px;line-height:1.2;letter-spacing:0;text-transform:none;position:absolute;top:50%;left:0;transform:translateY(-50%);width:25%;color:var(--color-text-primary);text-align:center;opacity:1;transition:opacity 500ms ease-in-out}
@media(min-width:768px) and (max-width:1279.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut .grp-steps-module__indicator{font-size:34px}
}
@media(max-width:767.99px){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut .grp-steps-module__indicator{font-size:28px}
}
@media((max-width:767.99px)){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle{aspect-ratio:2;height:111px;width:auto}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut{width:222px;height:222px}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut .grp-steps-module__donut-svg{transform:rotate(-60deg)}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut .grp-steps-module__indicator{top:15%;width:100%}
}
@media((min-width:768px) and (max-width:1023.99px)){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle{width:135px}
.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__circle .grp-steps-module__donut{width:270px;height:270px}
}
@media((max-width:1023.99px)){.grp-steps-module .grp-steps-module-wrapper .grp-steps-module__content-wrapper{gap:16px}
}
.grp-steps-module .grp-steps-module-slider__footer{display:none;margin-top:20px;width:100%;justify-content:space-between;column-gap:20px}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__pagination{flex-grow:1;display:flex;flex-wrap:nowrap;align-items:center;column-gap:6px}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__pagination .grp-steps-module-slider__pagination-bar{height:4px;flex-grow:1;background-color:var(--color-paging-default)}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__pagination .grp-steps-module-slider__pagination-bar.active{background-color:var(--color-paging-selected)}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__left::after,.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__right::after{content:"";mask-repeat:no-repeat;mask-size:24px;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:24px;-webkit-mask-position:center;background-color:var(--icon-color-dark);width:24px;height:24px;left:0;display:block;position:relative}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__left::after{mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-chevron-left_rg.svg");-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-left_rg.svg")}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__left:hover::after,.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__right:hover::after{background-color:var(--color-text-highlighted)}
.grp-steps-module .grp-steps-module-slider__footer .grp-steps-module-slider__right::after{mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-chevron-right_rg.svg");-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-right_rg.svg")}
.stepsmodule.circular-mode .grp-steps-module-wrapper{color:var(--color-text-primary);background:radial-gradient(372.84% 141.42% at 0 0,var(--color-teaser-bg-gradient-grey-100) 0,var(--color-teaser-bg-gradient-grey-200) 100%);padding:40px 0 40px 40px}
@media(min-width:768px) and (max-width:1279.99px){.stepsmodule.circular-mode .grp-steps-module-wrapper{padding:32px 0 32px 32px}
}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module-wrapper{padding:24px 16px 0 16px}
}
.stepsmodule.circular-mode .grp-steps-module-wrapper .grp-steps-module__step-list{--g:24px;flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 5 - -1 * var(--g) * 4 - -96px * 0)}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module-wrapper .grp-steps-module__step-list{--g:16px}
}
@media(min-width:768px) and (max-width:1279.99px){.stepsmodule.circular-mode .grp-steps-module-wrapper .grp-steps-module__step-list{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 5 - -1 * var(--g) * 4 - -48px * 0)}
}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module-wrapper .grp-steps-module__step-list{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 5 - -1 * var(--g) * 4 - -24px * 0)}
}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module-slider__footer{display:flex}
}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-forward .grp-steps-module__donut-svg,.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-backward .grp-steps-module__donut-svg{transition:transform 750ms cubic-bezier(0.75,-0.2,0.25,1.2) 300ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-forward .grp-steps-module__indicator,.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-backward .grp-steps-module__indicator{opacity:0}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-forward .grp-steps-module__donut-svg{transform:rotate(210deg);transition-delay:300ms}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-forward .grp-steps-module__donut-svg{transform:rotate(300deg)}
}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-backward .grp-steps-module__donut-svg{transform:rotate(-510deg);transition-delay:300ms}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__donut.progress-backward .grp-steps-module__donut-svg{transform:rotate(-420deg)}
}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .grp-steps-module__separator.mobile,.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .grp-steps-module__step.mobile{display:none}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-forward{transform:translateY(-300%);transition:transform 1400ms cubic-bezier(0.55,-0.2,0.2,1.2)}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-forward .stepcontainer{opacity:0;transition:opacity 750ms ease-in-out 120ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-forward .stepcontainer.progress-forward{opacity:0;display:flex;transition:opacity 750ms ease-in-out 120ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-forward .stepcontainer.active{display:flex;opacity:1;transition:opacity 750ms ease-in-out 800ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-backward{transform:translateY(0);transition:transform 1400ms cubic-bezier(0.55,-0.2,0.2,1.2)}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-backward .stepcontainer{opacity:0;transition:opacity 750ms ease-in-out 120ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-backward .stepcontainer.progress-backward{opacity:0;display:flex;transition:opacity 750ms ease-in-out 150ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-backward .stepcontainer.active{display:flex;opacity:1;transition:opacity 750ms ease-in-out 800ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-backward-init{transform:translateY(-300%);transition:unset}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-backward-init .stepcontainer.active{opacity:0;transition:opacity 750ms ease-in-out 600ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content.progress-forward-init .stepcontainer.active{opacity:0;transition:opacity 750ms ease-in-out 600ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .stepcontainer.active.progress-forward,.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .stepcontainer.active.progress-backward{transition:opacity 400ms linear 800ms}
.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .stepcontainer.progress-forward,.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .stepcontainer.progress-backward{transition:opacity 400ms linear 200ms}
@media(max-width:767.99px){.stepsmodule.circular-mode .grp-steps-module .grp-steps-module__content .stepcontainer{margin-left:0}
}
.stepsmodule.sequence-mode .grp-steps-module__circle{display:none}
.stepsmodule.sequence-mode .grp-steps-module__step-details{padding:24px 16px}
@media(max-width:767.99px){.stepsmodule.sequence-mode .grp-steps-module__step-details{padding:8px 16px 16px 16px}
}
@media((max-width:767.99px)){.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper{padding:10px 24px 6px 8px}
}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content{transform:translateY(0);row-gap:0}
@media(max-width:767.99px){.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content{row-gap:24px}
}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content.progress-forward{transform:translateY(-100%);transition:transform 750ms cubic-bezier(0.55,-0.2,0.2,1.2)}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content.progress-backward{transform:translateY(0);transition:transform 750ms cubic-bezier(0.55,-0.2,0.2,1.2)}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content.progress-backward-init{transform:translateY(-100%);transition:unset}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer.active{display:flex}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer.progress-forward,.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer.progress-backward{display:flex}
@media(max-width:767.99px){.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:all 500ms ease-in-out;margin-top:-24px}
.stepsmodule.sequence-mode .grp-steps-module__step-details .grp-steps-module__content-wrapper .grp-steps-module__content .stepcontainer.active{opacity:1;margin-top:0;grid-template-rows:1fr;visibility:visible}
}