/*
 * EnumerationItem component styles
 *
 * Used on (as of 2026-05-29, CType mask_enumeration_item):
 *   - /factoring/den-richtigen-factoring-anbieter-finden
 *   - /forderungsmanagement
 *
 * Source: extracted from frontend/scss/includes/molecules/_enumeration-item.scss
 */

.enumeration-item {
    margin-bottom: 20px;

    p {
        margin-bottom: 5px;
    }

    .number {
        font-size: 4.375rem;
        line-height: 100%;
        margin-bottom: 20px;
        color: var(--abc-red);
    }

    &.layout-block {
        text-align: center;

        &.shift {
            @media (min-width: 992px) {
                position: relative;
                top: -30px;
                padding-bottom: 30px;
            }
        }
    }

    &.layout-inline {
        display: flex;
        flex-direction: row;

        &.shift {
            @media (min-width: 992px) {
                position: relative;
                left: -37px;
            }
        }

        .number {
            margin-right: 30px;
        }
    }
}