:root{--step-before-size:32px;--step-color-1:#ff505c;--step-color-2:#efc118;--step-color-3:#009cde}.akafoe-steps{position:relative}.akafoe-steps::before{content:"";position:absolute;left:calc(32px / 2);left:calc(var(--step-before-size)/ 2);width:1px;height:calc(100% - 32px);height:calc(100% - var(--step-before-size));background-color:#000;transition:all ease-out 230ms}.akafoe-steps header.akafoe-step__header{margin-bottom:0}.akafoe-steps ul.akafoe-steps__list{padding-left:0}.akafoe-steps li.akafoe-step{list-style:none}.akafoe-step__header{height:auto;position:relative;padding-left:calc(32px * 1.5);padding-left:calc(var(--step-before-size) * 1.5)}.akafoe-step__header::before{content:attr(data-cycle);position:absolute;left:0;width:32px;width:var(--step-before-size);height:32px;height:var(--step-before-size);line-height:32px;line-height:var(--step-before-size);text-align:center;font-weight:700;color:#fff}.akafoe-step__body{max-height:0;overflow:hidden}.btn.akafoe-step__button--next{color:#000}.akafoe-step__button+.akafoe-step__button{margin-left:1rem}.akafoe-step__button.akafoe-step__button--cancel{background:#000;padding:10px 15px}.akafoe-step__active .akafoe-step__header{--step-before-size:64px;padding:1rem 2rem 1rem 32px;padding:1rem 2rem 1rem var(--step-before-size)}.akafoe-step__active .akafoe-step__header::before{font-size:3.5rem;top:50%;transform:translateY(-50%)}.akafoe-step__active .akafoe-step__body{max-height:2000px;transition:max-height 720ms;padding:2rem 0 2rem calc(32px * 1.5);padding:2rem 0 2rem calc(var(--step-before-size) * 1.5)}.akafoe-steps__color-1 .akafoe-step__header::before{background-color:#ff505c;background-color:var(--step-color-1)}.akafoe-steps__color-1 .akafoe-step__active header{background-color:#ff505c;background-color:var(--step-color-1)}.akafoe-steps__color-1 .akafoe-step__button.akafoe-step__button--next{background:url(/fileadmin/template/assets/img/icons/arrow_button.svg) calc(100% - 10px) center no-repeat,linear-gradient(270deg,#000 0,#000 36px,#ff505c 36px,#ff505c 100%);background:url(/fileadmin/template/assets/img/icons/arrow_button.svg) calc(100% - 10px) center no-repeat,linear-gradient(270deg,#000 0,#000 36px,var(--step-color-1) 36px,var(--step-color-1) 100%)}.akafoe-steps__color-2 .akafoe-step__header::before{background-color:#efc118;background-color:var(--step-color-2)}.akafoe-steps__color-2 .akafoe-step__active header{background-color:#efc118;background-color:var(--step-color-2)}.akafoe-steps__color-2 .akafoe-step__button.akafoe-step__button--next{background:url(/fileadmin/template/assets/img/icons/arrow_button.svg) calc(100% - 10px) center no-repeat,linear-gradient(270deg,#000 0,#000 36px,#efc118 36px,#efc118 100%);background:url(/fileadmin/template/assets/img/icons/arrow_button.svg) calc(100% - 10px) center no-repeat,linear-gradient(270deg,#000 0,#000 36px,var(--step-color-2) 36px,var(--step-color-2) 100%)}.akafoe-steps__color-3 .akafoe-step__header::before{background-color:#009cde;background-color:var(--step-color-3)}.akafoe-steps__color-3 .akafoe-step__active header{background-color:#009cde;background-color:var(--step-color-3)}.akafoe-steps__color-3 .akafoe-step__button.akafoe-step__button--next{background:url(/fileadmin/template/assets/img/icons/arrow_button.svg) calc(100% - 10px) center no-repeat,linear-gradient(270deg,#000 0,#000 36px,#009cde 36px,#009cde 100%);background:url(/fileadmin/template/assets/img/icons/arrow_button.svg) calc(100% - 10px) center no-repeat,linear-gradient(270deg,#000 0,#000 36px,var(--step-color-3) 36px,var(--step-color-3) 100%)}