DIV.teaser5
{
    ALIGN-ITEMS: flex-start;
    BACKGROUND: var(--cms-background-alt2);
    BOX-SIZING: border-box;
    COLOR: var(--cms-color-alt2);
    DISPLAY: flex;
    FLEX-WRAP: wrap;
    GAP: var(--cms-hspacing);
    HEIGHT: 100%;
    PADDING: var(--cms-hspacing);
}

DIV.teaser5:not(.edit)
{
    BORDER-RADIUS: var(--cms-hspacing);
    OVERFLOW: clip;
}

SECTION.alternative DIV.teaser5:not(.edit)
{
    BOX-SHADOW: var(--cms-factor) var(--cms-factor) var(--cms-factor) rgba(24, 23, 22, 0.5);
}

DIV.teaser5-media
{
    FLEX: 1 1 calc((100% - 3 * var(--cms-hspacing)) / 3 * 2);
    MARGIN-TOP: var(-1 * var(--cms-hspacing));
    POSITION: sticky;
    TOP: var(--cms-hspacing);
}

DIV.teaser5-content
{
    ALIGN-SELF: flex-end;
    BACKGROUND: var(--cms-background-alt2);
    OUTLINE: var(--cms-hspacing) solid var(--cms-background-alt2);
    DISPLAY: flex;
    FLEX: 1 1 calc((100% - 3 * var(--cms-hspacing)) / 3);
    FLEX-DIRECTION: column;
    GAP: var(--cms-hpadding);
    MIN-WIDTH: min(100%, 250 * var(--cms-factor));
}

DIV.teaser5-title
{
    MARGIN: 0;
}

DIV.teaser5-title + DIV.teaser5-text
{
    MARGIN-TOP: calc(-1 * var(--cms-hpadding));
}

DIV.teaser5-link
{
    TEXT-ALIGN: center;
}

DIV.teaser5-link > A
{
    MARGIN: 0;
}