/*  COMPONENT: NEWSREADER
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .mod_newsreader {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-l);
    }

    @media (max-width: 980px) {
        .mod_newsreader .layout_full .teaserimage {
            display: flex;
            justify-content: center;
        }
        .mod_newsreader .layout_full > .right > * {
            padding-inline: var(--spacing-m);
        }
        .mod_newsreader .back {
            padding-inline: var(--spacing-m);
        }
    }
    @media (min-width: 980px) {
        .mod_newsreader .layout_full {
            display: grid;
            grid-template-columns: repeat(12, var(--size-column));
            column-gap: var(--size-gap);
        }
        .mod_newsreader .layout_full > .right {
            grid-column: 4 /10;
        }
        .mod_newsreader .layout_full > .left {
            grid-column: 1 /4;
            grid-row: 1 /-1;
        }
    }
}