.iconlist svg {
    color: var(--icon-color);
}
.iconlist .item:before {
    background-color: var(--item-background);
}

.steps-list {
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .custom-animation-desktop .item,
    .custom-animation-desktop .item .content-wrapper,
    .custom-animation-desktop .item .headline,
    .custom-animation-desktop .item .headline:after {
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
    }

    .custom-animation-desktop .item .content-wrapper {
        opacity: 0;
    }

    .custom-animation-desktop .item .headline:after {
        content: "";
        position: absolute;
        height: 100%;
        /* puffer, gap, padding */
        width: calc(10px + 1.5rem + 1rem);
        top: 0;
        background-color: inherit;
        clip-path: polygon(
            0% 0%,
            calc(10px + 1.5rem) 0%,
            100% 50%,
            calc(10px + 1.5rem) 100%,
            0% 100%
        );
        left: 100%;
        right: auto;
        transform: translateX(-100%);
        z-index: -1;
    }

    /* reset delay for upcoming next active item */
    /* .custom-animation-desktop .item.active .content-wrapper, */
    .custom-animation-desktop .item.active + .item {
        transition-delay: 0s;
    }
    .custom-animation-desktop .item.active .headline:after {
        transition-delay: 0.1s;
    }

    /* actual changing values */
    .custom-animation-desktop .item.active {
        transform: translateY(-20px);
    }
    .custom-animation-desktop .item:nth-child(n + 2).active .headline {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .custom-animation-desktop .item.active .content-wrapper {
        opacity: 1;
    }
    .custom-animation-desktop .item.active-next .headline {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .custom-animation-desktop .item.active-next .headline:after {
        /* puffer */
        transform: translateX(-10px);
    }
}