.nm-module-teaser-editorial {
    margin: 0 0 var(--space-xxxl) 0;
}

[page-type="widescreen"] .nm-module-teaser-editorial {
    margin: 0 var(--space-column) var(--space-xxxl) var(--space-column);
}

.nm-module-teaser-editorial__item {
    margin-top: var(--space-xl);
}

.nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item,
.nm-module-teaser-editorial__item:nth-of-type(1) {
    margin-top: 0;
}

.nm-module-teaser-editorial__item-image-asset-disclaimer {
    margin-bottom: var(--space-m);
    margin-top: var(--space-s);
    min-height: 18px; /* audi-copy-s line height */
}

.nm-module-teaser-editorial__item-image-asset-disclaimer--empty {
    display: none;
}

.nm-module-teaser-editorial__item-image,
.nm-module-teaser-editorial__textblock-copy {
    margin-bottom: var(--space-s);
}

.nm-module-teaser-editorial__textblock-headline {
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--space-xs);
}

@media all and (min-width: 480px) {
    .nm-module-teaser-editorial__list {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .nm-module-teaser-editorial__item {
        width: calc(50% - var(--space-xs) / 2);
    }

    .nm-module-teaser-editorial__item-image-asset-disclaimer--empty {
        display: block;
    }

    .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item,
    .nm-module-teaser-editorial--odd .nm-module-teaser-editorial__item:nth-of-type(1) {
        margin-top: 0;
        width: 100%;
    }

    .nm-module-teaser-editorial--even .nm-module-teaser-editorial__item:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .nm-module-teaser-editorial__item-textblock {
        padding-right: var(--space-m);
    }

    .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-textblock {
        padding-right: 0;
    }
}

@media all and (min-width: 768px) {
    .nm-module-teaser-editorial--odd .nm-module-teaser-editorial__item:nth-of-type(1), /* reset */
    .nm-module-teaser-editorial__item {
        width: calc((100% / 3) - var(--space-xs) * 2 / 3);
    }

    /* one teaser */
    .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item {
        display: flex;
        flex-wrap: nowrap;
        margin-left: 0;
    }

    /* %3 -1 = 2 / 5 / 8 / 11 / 14 /... */
    .nm-module-teaser-editorial--modulo-three-predecessor .nm-module-teaser-editorial__item:nth-of-type(-n+2) {
        margin-top: 0;
        width: calc(50% - var(--space-xs) / 2);
    }

    /* %3 = 3 / 6 / 9 / 12 / 15 /... */
    .nm-module-teaser-editorial--modulo-three .nm-module-teaser-editorial__item:nth-of-type(-n+3) {
        margin-top: 0;
    }

    /* %3 + 1 = 4 / 7 / 10 / 13 /... */
    .nm-module-teaser-editorial--modulo-three-follower .nm-module-teaser-editorial__item:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .nm-module-teaser-editorial--modulo-three-follower .nm-module-teaser-editorial__item:nth-of-type(-n+4) {
        width: calc(50% - var(--space-xs) / 2);
    }

    .nm-module-teaser-editorial__item-textblock {
        padding-right: var(--space-xl);
    }

    .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-textblock {
        padding-right: 0;
        width: calc(100% - var(--space-xl));
    }

    .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image {
        margin-bottom: 0;
        width: 50%;
    }

    .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image + .nm-module-teaser-editorial__item-textblock {
        padding-left: var(--space-xl);
        width: calc(50% - var(--space-xl));
    }
}

@media all and (min-width: 1100px) {
    /* 2 col */
    .nm-2col .nm-module-teaser-editorial__item {
        width: calc(50% - var(--space-xs) / 2);
    }

    .nm-2col .nm-module-teaser-editorial--odd .nm-module-teaser-editorial__item:nth-of-type(n+2),
    .nm-2col .nm-module-teaser-editorial--even .nm-module-teaser-editorial__item:nth-of-type(n+3) {
        margin-top: var(--space-xl) !important;
    }

    .nm-2col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item,
    .nm-2col .nm-module-teaser-editorial--odd .nm-module-teaser-editorial__item:nth-of-type(1) {
        margin-top: 0;
        width: 100%;
    }

    .nm-2col .nm-module-teaser-editorial__item-textblock {
        padding-right: var(--space-m);
    }

    .nm-2col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-textblock {
        padding-left: 0;
        padding-right: 0;
    }

    /* 1 col */
    .nm-1col .nm-module-teaser-editorial__list {
        display: block;
    }

    .nm-1col .nm-module-teaser-editorial__item {
        margin-top: var(--space-xl) !important;
        width: 100% !important;
    }

    .nm-1col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item,
    .nm-1col .nm-module-teaser-editorial__item:nth-of-type(1) {
        margin-top: 0 !important;
    }

    .nm-1col .nm-module-teaser-editorial__item-textblock {
        padding-left: 0;
        padding-right: 0;
    }

    /* one-teaser in 2-col and 1-col */
    .nm-2col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item,
    .nm-1col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item {
        display: block;
    }

    .nm-2col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-textblock,
    .nm-1col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-textblock,
    .nm-2col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image,
    .nm-1col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image {
        width: 100%;
    }

    .nm-2col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image,
    .nm-1col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image {
        margin-bottom: var(--space-s);
    }

    .nm-1col .nm-module-teaser-editorial--one-teaser .nm-module-teaser-editorial__item-image + .nm-module-teaser-editorial__item-textblock {
        padding-left: 0;
    }
}