.wp-block-acf-steps .headline-wrapper .main-title {
    font-family: "klarheit-bd", sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: normal;
}
@media screen and (max-width: 991px) {
    .wp-block-acf-steps .headline-wrapper .main-title {
        font-size: 28px;
        line-height: 36px;
    }
}

.wp-block-acf-steps .step-step,
.wp-block-acf-steps .step-slide-step, .wp-block-acf-steps .headline-wrapper .tagline {
    font-family: "klarheit-rg", sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: normal;
}
@media screen and (max-width: 991px) {
    .wp-block-acf-steps .step-step,
    .wp-block-acf-steps .step-slide-step, .wp-block-acf-steps .headline-wrapper .tagline {
        font-size: 28px;
        line-height: 36px;
    }
}

.wp-block-acf-steps .step-title,
.wp-block-acf-steps .step-slide-title {
    font-family: "klarheit-bd", sans-serif;
    font-size: 26px;
    line-height: 34px;
    font-weight: normal;
}
@media screen and (max-width: 991px) {
    .wp-block-acf-steps .step-title,
    .wp-block-acf-steps .step-slide-title {
        font-size: 24px;
        line-height: 32px;
    }
}

.wp-block-acf-steps .block-inner {
    padding: 80px clamp(20px, 3.5vw, 64px);
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .block-inner {
        padding-left: 0;
        padding-right: 0;
    }
}
.wp-block-acf-steps .headline-wrapper {
    max-width: 1088px;
    margin-bottom: 96px;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .headline-wrapper {
        margin-bottom: 64px;
        padding-left: clamp(20px, 3.5vw, 64px);
        padding-right: clamp(20px, 3.5vw, 64px);
    }
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .headline-wrapper .tagline {
        font-size: 24px;
        line-height: 32px;
    }
}
.wp-block-acf-steps .steps-inner {
    display: flex;
}
.wp-block-acf-steps .steps-swiper {
    display: none;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .steps-swiper {
        display: block;
    }
}
.wp-block-acf-steps .steps-swiper .swiper-slide {
    height: auto;
}
.wp-block-acf-steps .steps-container {
    display: block;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .steps-container {
        display: none;
    }
}
.wp-block-acf-steps .line {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 40px;
    margin-bottom: 40px;
    cursor: pointer;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .line {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
}
.wp-block-acf-steps .line::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #F9B196;
    position: absolute;
    bottom: 0px;
    left: 0px;
    translate: 0 50%;
    transition: all 1s ease;
}
.wp-block-acf-steps .line.active::after, .wp-block-acf-steps .line.swiper-slide-active::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #FF6223;
}
.wp-block-acf-steps .line.active .step-step,
.wp-block-acf-steps .line.active .step-slide-step, .wp-block-acf-steps .line.swiper-slide-active .step-step,
.wp-block-acf-steps .line.swiper-slide-active .step-slide-step {
    color: #FF6223;
}
.wp-block-acf-steps .line.active .step-title,
.wp-block-acf-steps .line.active .step-slide-title, .wp-block-acf-steps .line.swiper-slide-active .step-title,
.wp-block-acf-steps .line.swiper-slide-active .step-slide-title {
    color: #272C36;
}
.wp-block-acf-steps .step {
    width: auto;
    flex: 1;
    transition: all 1s ease;
    position: relative;
}
.wp-block-acf-steps .step .step-content {
    opacity: 0;
    transition: opacity 1s;
}
.wp-block-acf-steps .step.active {
    flex: 2;
}
.wp-block-acf-steps .step.active .step-content {
    opacity: 1;
}
.wp-block-acf-steps .step-content-container {
    display: grid;
    grid-template-columns: 1fr; /* Single column */
    grid-template-rows: 1fr; /* Single row */
    transition: all 1s ease;
}
.wp-block-acf-steps .step-content {
    grid-column: 1/2; /* Place in the first column */
    grid-row: 1/2; /* Place in the first row */
}
.wp-block-acf-steps .step-content.active .step-content-inner {
    opacity: 1;
    position: relative;
}
.wp-block-acf-steps .step-content-inner {
    opacity: 0;
    transition: opacity 1s;
    padding-right: 32px;
}
.wp-block-acf-steps .step-step,
.wp-block-acf-steps .step-slide-step {
    color: #F9B196;
    margin-bottom: 16px;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .step-step,
    .wp-block-acf-steps .step-slide-step {
        margin-bottom: 20px;
    }
}
.wp-block-acf-steps .step-title,
.wp-block-acf-steps .step-slide-title {
    color: #505968;
    padding-right: 32px;
    text-wrap: balance;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .step-title,
    .wp-block-acf-steps .step-slide-title {
        padding-right: 10px;
    }
}
.wp-block-acf-steps .step-slide-content {
    padding-right: 20px;
}
@media all and (max-width: 767px) {
    .wp-block-acf-steps .step-slide-content {
        margin-top: 20px;
    }
}
/*# sourceMappingURL=steps.css.map */