.step-list:after{display:table;clear:both;content:""}.step-list__step{position:relative;padding:18px 0 18px 60px;font-size:18px;line-height:1.33;text-align:left}._skin-dark .step-list__step{color:#fff}.step-list__step:before{display:block;position:absolute;top:0;left:16px;background:#e60000;width:1px;height:100%;content:""}.step-list__step:after{position:absolute;top:13px;left:0;border-radius:50%;background:#e60000;width:32px;height:32px;content:attr(data-step-index);color:#fff;line-height:32px;text-align:center}.step-list__step:first-child:before{top:18px}.step-list__step:last-child:before{top:0;width:1px;height:18px}.step-list__step-headline,.step-list__step p{margin:0;padding:0;font-size:18px;line-height:1.33}.step-list.-length-1 .step-list__step:first-child:before{display:none}.step-list.-color-vodafone-red .step-list__step:after{background:#e60000}.step-list.-line-color-vodafone-red .step-list__step:before{background:#e60000}.step-list.-color-vodafone-white .step-list__step:after{background:#fff;color:#000}.step-list.-line-color-vodafone-white .step-list__step:before{background:#fff}.step-list.-color-vodafone-grey .step-list__step:after{background:#4a4d4e}.step-list.-line-color-vodafone-grey .step-list__step:before{background:#4a4d4e}.step-list.-color-vodafone-black .step-list__step:after{background:#000}.step-list.-line-color-vodafone-black .step-list__step:before{background:#000}.step-list.-color-mid-grey .step-list__step:after{background:#6e6e6e}.step-list.-line-color-mid-grey .step-list__step:before{background:#6e6e6e}.step-list.-color-silver .step-list__step:after{background:#ccc}.step-list.-line-color-silver .step-list__step:before{background:#ccc}.step-list.-color-maroon .step-list__step:after{background:#900}.step-list.-line-color-maroon .step-list__step:before{background:#900}.step-list.-color-red-violet .step-list__step:after{background:#9c2aa0}.step-list.-line-color-red-violet .step-list__step:before{background:#9c2aa0}.step-list.-color-aubergine .step-list__step:after{background:#5e2750}.step-list.-line-color-aubergine .step-list__step:before{background:#5e2750}.step-list.-color-aqua-blue .step-list__step:after{background:#00b0ca}.step-list.-line-color-aqua-blue .step-list__step:before{background:#00b0ca}.step-list.-color-turquoise .step-list__step:after{background:#00798f}.step-list.-line-color-turquoise .step-list__step:before{background:#00798f}.step-list.-color-spring-green .step-list__step:after{background:#a8b400}.step-list.-line-color-spring-green .step-list__step:before{background:#a8b400}.step-list.-color-ui-green .step-list__step:after{background:green}.step-list.-line-color-ui-green .step-list__step:before{background:green}.step-list.-color-lemon-yellow .step-list__step:after{background:#fecb00}.step-list.-line-color-lemon-yellow .step-list__step:before{background:#fecb00}.step-list.-color-fresh-orange .step-list__step:after{background:#eb9700}.step-list.-line-color-fresh-orange .step-list__step:before{background:#eb9700}@media only screen and (min-width: 767px){.step-list__step{float:left;padding:60px 18px 0;width:20%;text-align:center}.step-list__step:before{top:16px;left:0;width:100%;height:1px}.step-list__step:after{top:0;left:50%;margin-left:-16px}.step-list__step:first-child:before{top:16px;right:0;left:auto;width:50%}.step-list__step:last-child:before{display:block;top:16px;width:50%;height:1px}.step-list.-length-4 .step-list__step{width:25%}.step-list.-length-3 .step-list__step{width:33%}.step-list.-length-2 .step-list__step{width:50%}.step-list.-length-1 .step-list__step{width:100%}.step-list.-vertical .step-list__step{float:none;padding:18px 0 18px 60px;width:auto;text-align:left}.step-list.-vertical .step-list__step:before{top:0;left:16px;width:1px;height:100%}.step-list.-vertical .step-list__step:after{top:13px;left:0;margin-left:0}.step-list.-vertical .step-list__step:first-child:before{top:18px;right:auto;left:16px;width:1px}.step-list.-vertical .step-list__step:last-child:before{top:0;width:1px;height:18px}.step-list.-vertical.-length-4 .step-list__step,.step-list.-vertical.-length-3 .step-list__step,.step-list.-vertical.-length-2 .step-list__step,.step-list.-vertical.-length-1 .step-list__step{width:auto}}