.grid {
    display: grid;
    gap: 4rem;

    @media (min-width: 979px) {
        gap: 6rem;
    }

    @media (min-width: 1440px) {
        gap: 8rem;
    }
}

.grid--three-columns {
    grid-template-columns: auto;

    @media (min-width: 979px) {
        grid-template-columns: repeat(3, 1fr);
    }
}

.grid--two-columns {
    grid-template-columns: auto;

    @media (min-width: 979px) {
        grid-template-columns: repeat(2, 1fr);
    }
}

.grid__col {
    width: 100%;
}


.grid__col--bright {
    background-color: white;
    padding: 1.5rem;
}

.grid__col--transparent {
    background-color: transparent;
}

.grid__col--price-teaser {
    @media (min-width: 979px) {
        max-width: 32rem;
    }
}

.grid__col--left {
    grid-column: 1/3;

    @media (min-width: 979px) {
        grid-column: 1/2;
    }
}

.grid__col--right {
    grid-column: 1/3;

    @media (min-width: 979px) {
        grid-column: 2/3;
    }
}