/* global Styling für Ce-Teaser */

/* Teaser one column */

.ce-teaser__wrapper {
    .ce-teaser-columns--1 hr {
        @media screen and (min-width: 576px) { width: 156px; }
        @media screen and (min-width: 768px) { width: calc(100% / 3); }
        @media screen and (min-width: 1720px) { width: calc(100% / 4); }
    }

    .ce-teaser-columns--1 .ce-teaser-item__content {
        @media screen and (min-width: 992px) {
            .overline,
            .item-header,
            .bodytext {
                width: 780px;
            }
        }
        @media screen and (min-width: 1200px) {
            .overline,
            .item-header,
            .bodytext {
                width: 910px;
            }
        }
        @media screen and (min-width: 1720px) {
            .overline,
            .item-header,
            .bodytext {
                width: 1350px;
            }
        }
    }

    /* Teaser three column */
    .ce-teaser-columns--3 {
        @media screen and (min-width: 768px) {
            display: grid;
            width: 100%;
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 24px;
        }
    }
}

/* shorten Teaser text */
/* place text in a div-container in template*/
/*.bodytext {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/