.block.steps.steps-3 .step:nth-child(1) .step-num{background:var(--us-secondary-color);}
.block.steps.steps-3 .step:nth-child(2) .step-num{background:color-mix(in srgb,var(--us-secondary-color) 50%,#439929);}
.block.steps.steps-3 .step:nth-child(3) .step-num{background:#439929;}

.block.steps.steps-4 .step:nth-child(1) .step-num{background:var(--us-secondary-color);}
.block.steps.steps-4 .step:nth-child(2) .step-num{background:color-mix(in srgb,var(--us-secondary-color) 66.666%,#439929);}
.block.steps.steps-4 .step:nth-child(3) .step-num{background:color-mix(in srgb,var(--us-secondary-color) 33.333%,#439929);}
.block.steps.steps-4 .step:nth-child(4) .step-num{background:#439929;}

.block.steps.steps-5 .step:nth-child(1) .step-num{background:var(--us-secondary-color);}
.block.steps.steps-5 .step:nth-child(2) .step-num{background:color-mix(in srgb,var(--us-secondary-color) 75%,#439929);}
.block.steps.steps-5 .step:nth-child(3) .step-num{background:color-mix(in srgb,var(--us-secondary-color) 50%,#439929);}
.block.steps.steps-5 .step:nth-child(4) .step-num{background:color-mix(in srgb,var(--us-secondary-color) 25%,#439929);}
.block.steps.steps-5 .step:nth-child(5) .step-num{background:#439929;}

.block.steps .step-num{display:flex;align-items:center;justify-content:center;height:44px;width:44px;border-radius:var(--us-radius);color:#fff;font-size:1em;font-weight:700;line-height:1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 10px rgba(255,255,255,.75);text-shadow:0 1px 0 rgba(0,0,0,.12);}
.block.steps .step .teaser-text{color:var(--us-text-weak);}

.block.steps .steps-grid{position:relative;display:grid;gap:0;}
.block.steps .step{display:flex;align-items:flex-start;gap:var(--us-gap);position:relative;padding-bottom:var(--us-gap);}
.block.steps .step::before{position:absolute;top:22px;bottom:0;left:21px;content:"";width:2px;z-index:1;}
.block.steps .step-num{flex:0 0 44px;z-index:2;position:relative;}
.block.steps .teaser{padding-top:11px;max-width:600px;z-index:2;position:relative;}

.block.steps.steps-3 .step:nth-child(1)::before{background:linear-gradient(180deg,var(--us-secondary-color) 0%,color-mix(in srgb,var(--us-secondary-color) 50%,#439929) 100%);}
.block.steps.steps-3 .step:nth-child(2)::before{background:linear-gradient(180deg,color-mix(in srgb,var(--us-secondary-color) 50%,#439929) 0%,#439929 100%);}
.block.steps.steps-3 .step:nth-child(3)::before{background:linear-gradient(180deg,#439929 0%,rgba(67,153,41,0) 100%);}

.block.steps.steps-4 .step:nth-child(1)::before{background:linear-gradient(180deg,var(--us-secondary-color) 0%,color-mix(in srgb,var(--us-secondary-color) 66.666%,#439929) 100%);}
.block.steps.steps-4 .step:nth-child(2)::before{background:linear-gradient(180deg,color-mix(in srgb,var(--us-secondary-color) 66.666%,#439929) 0%,color-mix(in srgb,var(--us-secondary-color) 33.333%,#439929) 100%);}
.block.steps.steps-4 .step:nth-child(3)::before{background:linear-gradient(180deg,color-mix(in srgb,var(--us-secondary-color) 33.333%,#439929) 0%,#439929 100%);}
.block.steps.steps-4 .step:nth-child(4)::before{background:linear-gradient(180deg,#439929 0%,rgba(67,153,41,0) 100%);}

.block.steps.steps-5 .step:nth-child(1)::before{background:linear-gradient(180deg,var(--us-secondary-color) 0%,color-mix(in srgb,var(--us-secondary-color) 75%,#439929) 100%);}
.block.steps.steps-5 .step:nth-child(2)::before{background:linear-gradient(180deg,color-mix(in srgb,var(--us-secondary-color) 75%,#439929) 0%,color-mix(in srgb,var(--us-secondary-color) 50%,#439929) 100%);}
.block.steps.steps-5 .step:nth-child(3)::before{background:linear-gradient(180deg,color-mix(in srgb,var(--us-secondary-color) 50%,#439929) 0%,color-mix(in srgb,var(--us-secondary-color) 25%,#439929) 100%);}
.block.steps.steps-5 .step:nth-child(4)::before{background:linear-gradient(180deg,color-mix(in srgb,var(--us-secondary-color) 25%,#439929) 0%,#439929 100%);}
.block.steps.steps-5 .step:nth-child(5)::before{background:linear-gradient(180deg,#439929 0%,rgba(67,153,41,0) 100%);}

@media (min-width:990px){
.block.steps.steps-horizontal .steps-grid{position:relative;display:grid;gap:var(--us-gap);}
.block.steps.steps-horizontal .block-header + .steps-grid,
.block.steps.steps-horizontal .block-header-text + .steps-grid{margin-top:calc( var(--us-gap) + 8px);}
.block.steps.steps-horizontal .steps-grid::before{content:"";position:absolute;left:22px;right:22px;top:22px;height:2px;}
.block.steps.steps-horizontal .step{display:block;position:relative;padding-top:calc(44px + var(--us-gap,16px));padding-bottom:0;text-align:left;}
.block.steps.steps-horizontal .step::before{display:none;}
.block.steps.steps-horizontal .step-num{position:absolute;top:0;left:0;flex:none;}
.block.steps.steps-horizontal .teaser{padding-top:0;max-width:none;}

.block.steps.steps-horizontal.steps-3 .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.block.steps.steps-horizontal.steps-4 .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.block.steps.steps-horizontal.steps-5 .steps-grid{grid-template-columns:repeat(5,minmax(0,1fr));}

.block.steps.steps-horizontal.steps-3 .steps-grid::before{background:linear-gradient(90deg,var(--us-secondary-color) 0%,color-mix(in srgb,var(--us-secondary-color) 50%,#439929) 50%,#439929 90%,transparent 100%);}
.block.steps.steps-horizontal.steps-4 .steps-grid::before{background:linear-gradient(90deg,var(--us-secondary-color) 0%,color-mix(in srgb,var(--us-secondary-color) 66.666%,#439929) 33.333%,color-mix(in srgb,var(--us-secondary-color) 33.333%,#439929) 66.666%,#439929 90%,transparent 100%);}
.block.steps.steps-horizontal.steps-5 .steps-grid::before{background:linear-gradient(90deg,var(--us-secondary-color) 0%,color-mix(in srgb,var(--us-secondary-color) 75%,#439929) 25%,color-mix(in srgb,var(--us-secondary-color) 50%,#439929) 50%,color-mix(in srgb,var(--us-secondary-color) 25%,#439929) 66%,#439929 90%,transparent 100%);}
}