/*  COMPONENT: EVENTREADER
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    @media (max-width: 980px) {
        .mod_eventreader .event.layout_full .event__teaserimage {
            display: flex;
            justify-content: center;
        }
        .mod_eventreader .event.layout_full .event__teaserimage .image_container {
            width: 100% !important;
        }
        .mod_eventreader .event.layout_full > .right > * {
            padding-inline: var(--spacing-m);
        }
        .mod_eventreader .back {
            padding-inline: var(--spacing-m);
        }
    }
    @media (min-width: 980px) {
        .mod_eventreader .event.layout_full {
            display: grid;
            grid-template-columns: repeat(12, var(--size-column));
            column-gap: var(--size-gap);
        }
        .mod_eventreader .event.layout_full > .right {
            grid-column: 4 /10;
        }
        .mod_eventreader .event.layout_full > .left {
            grid-column: 1 /4;
            grid-row: 1 /-1;
        }
    }
}