.progressbar{background-color:#fff}@media(min-width:768px){.progressbar{margin:1rem 1rem 0}}.progressbar .top-content{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:2rem}@media(min-width:768px)and (max-width:1023px){.progressbar .top-content{padding:2rem 2rem 1rem}}@media(max-width:767px){.progressbar .top-content{padding:1.5rem 1rem 1rem 1.5rem}}.progressbar .top-content .title{font-family:AktionMenschW05-Bold,sans-serif;font-size:1.25rem}@media(max-width:767px){.progressbar .top-content .title{font-size:1rem}}.progressbar .top-content .cancel-button{background:none;border:none;cursor:pointer;padding:0}.progressbar .top-content .cancel-button:focus{outline:none}.progressbar .top-content .close-icon{border:1px solid #565656;border-radius:50%;font-size:1.2rem;position:relative;top:2px}.progressbar .steps{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding-bottom:2rem}@media(max-width:767px){.progressbar .steps{padding-bottom:1.5rem}}.progressbar .steps .step{-webkit-box-flex:1;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex:1 1 0px;flex:1 1 0;justify-content:center;position:relative;text-align:center;word-break:break-word}.progressbar .steps .step:before{left:0}.progressbar .steps .step:after{right:0}.progressbar .steps .step:after,.progressbar .steps .step:before{content:"";height:.125rem;position:absolute;top:1.5rem;width:calc(50% - 1.5625rem);z-index:1}@media(max-width:767px){.progressbar .steps .step:before{left:0}.progressbar .steps .step:after{right:0}.progressbar .steps .step:after,.progressbar .steps .step:before{content:"";height:.125rem;position:absolute;top:1rem;width:calc(50% - 1.0625rem);z-index:1}}.progressbar .steps .step .icon{border:.125rem solid transparent;border-radius:50%;display:inline-block;font-size:3rem;position:relative;z-index:2}@media(max-width:767px){.progressbar .steps .step .icon{font-size:2rem}}.progressbar .steps .step .stepname{display:block;font-family:AktionMenschW05-Bold,sans-serif;padding-top:12px}@media(max-width:767px){.progressbar .steps .step .stepname{display:none}}.progressbar .top-content,.progressbar .top-content button{color:#565656}.progressbar .top-content button .close-icon{border-color:#565656}.progressbar .steps{color:#565656}.progressbar .steps .step.active:before,.progressbar .steps .step.done:after,.progressbar .steps .step.done:before,.progressbar .steps .step:after,.progressbar .steps .step:before{background-color:#565656}.progressbar .steps .step:first-child:before,.progressbar .steps .step:last-child:after{background-color:transparent}.progressbar .steps .step.done .icon{background-color:transparent;border-color:#565656;color:#565656}.progressbar .steps .step.done .stepname{color:#565656}.progressbar .steps .step .icon{border-color:#565656;color:#565656}.progressbar .steps .step.active .icon{background-color:#e31519;border-color:#e31519;color:#fff}.progressbar .steps .step.active .stepname{color:#e31519}.progressbar.blue{background-color:#13537b}.progressbar.blue .top-content,.progressbar.blue .top-content button{color:#fff}.progressbar.blue .top-content button .close-icon{border-color:#fff}.progressbar.blue .steps{color:#fff}.progressbar.blue .steps .step.active:before,.progressbar.blue .steps .step.done:after,.progressbar.blue .steps .step.done:before,.progressbar.blue .steps .step:after,.progressbar.blue .steps .step:before{background-color:#fff}.progressbar.blue .steps .step:first-child:before,.progressbar.blue .steps .step:last-child:after{background-color:transparent}.progressbar.blue .steps .step.done .icon{background-color:transparent;border-color:#fff;color:#fff}.progressbar.blue .steps .step.done .stepname{color:#fff}.progressbar.blue .steps .step .icon{border-color:#fff;color:#fff}.progressbar.blue .steps .step.active .icon{background-color:#fff;border-color:#fff;color:#565656}.progressbar.blue .steps .step.active .stepname{color:#fff}.progressbar.pink{background-color:#fff}.progressbar.pink .top-content,.progressbar.pink .top-content button{color:#565656}.progressbar.pink .top-content button .close-icon{border-color:#565656}.progressbar.pink .steps{color:#565656}.progressbar.pink .steps .step:after,.progressbar.pink .steps .step:before{background-color:#565656}.progressbar.pink .steps .step.active:before,.progressbar.pink .steps .step.done:after,.progressbar.pink .steps .step.done:before{background-color:#ff1493}.progressbar.pink .steps .step:first-child:before,.progressbar.pink .steps .step:last-child:after{background-color:transparent}.progressbar.pink .steps .step.done .icon{background-color:transparent;border-color:#ff1493;color:#ff1493}.progressbar.pink .steps .step.done .stepname{color:#d3d3d3}.progressbar.pink .steps .step .icon{border-color:#565656;color:#565656}.progressbar.pink .steps .step.active .icon{background-color:#ff1493;border-color:#fff;color:#fff}.progressbar.pink .steps .step.active .stepname{color:#ff1493}.progressbar.green{background-color:#fff}.progressbar.green .top-content,.progressbar.green .top-content button{color:#565656}.progressbar.green .top-content button .close-icon{border-color:#565656}.progressbar.green .steps{color:#565656}.progressbar.green .steps .step:after,.progressbar.green .steps .step:before{background-color:#565656}.progressbar.green .steps .step.active:before,.progressbar.green .steps .step.done:after,.progressbar.green .steps .step.done:before{background-color:green}.progressbar.green .steps .step:first-child:before,.progressbar.green .steps .step:last-child:after{background-color:transparent}.progressbar.green .steps .step.done .icon{background-color:transparent;border-color:green;color:green}.progressbar.green .steps .step.done .stepname{color:#d3d3d3}.progressbar.green .steps .step .icon{border-color:#565656;color:#565656}.progressbar.green .steps .step.active .icon{background-color:green;border-color:#fff;color:#fff}.progressbar.green .steps .step.active .stepname{color:green}.progressbar__modal-bg{background-color:rgba(0,0,0,.5)}.progressbar-static .top-content .cancel-button.focus-visible,.progressbar-static .top-content .cancel-button:focus{border:2px solid #0060cc;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;outline:none}.progressbar-static .top-content .cancel-button:focus,.progressbar-static .top-content .cancel-button:focus-visible{border:2px solid #0060cc;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;outline:none}.progressbar-static .top-content .close-icon{border:1px solid #565656;border-radius:50%;font-size:1.2rem;position:relative;top:2px}