/******************************

    Teaser
    Hier befincen sich die CSS-Klassen zu den unterschiedlichen Teaser Typen.
    Bisher werden nicht alle Teaser mithilfe der Teaser-Funktionen aus parts/teaser.php
    genutzt. Soll aber nach und nach ersetzt werden.
    Template: parts/teaser.php

 ******************************/

.teaser-a3 img {
    width: 100%;
    height: unset;
}

.teaser-content-hub img {
    width: 100%;
    height: unset;
}

.teaser-content-hub .title,
.teaser-video .title,
.teaser-a3 .title {
    margin-top: 5px;
    color: #B50900;
    font-weight: bold;
}

.ch-col-6 .teaser-content-hub .title, .ch-col-7 .teaser-content-hub .title, .ch-col-8 .teaser-content-hub .title,
.ch-col-6 .teaser-content-hub .teaser1, .ch-col-7 .teaser-content-hub .teaser1, .ch-col-8 .teaser-content-hub .teaser1,
.ch-col-6 .teaser-content-hub .read-more, .ch-col-7 .teaser-content-hub .read-more, .ch-col-8 .teaser-content-hub .read-more,
.ch-col-6 .teaser-content-hub .excerpt, .ch-col-7 .teaser-content-hub .excerpt, .ch-col-8 .teaser-content-hub .excerpt,

.ch-col-6 .teaser-video .title, .ch-col-7 .teaser-video .title, .ch-col-8 .teaser-video .title,
.ch-col-6 .teaser-video .teaser1, .ch-col-7 .teaser-video .teaser1, .ch-col-8 .teaser-video .teaser1,
.ch-col-6 .teaser-video .read-more, .ch-col-7 .teaser-video .read-more, .ch-col-8 .teaser-video .read-more,
.ch-col-6 .teaser-video .excerpt, .ch-col-7 .teaser-video .excerpt, .ch-col-8 .teaser-video .excerpt {
    font-size: 20px;
    line-height: 29px;
}

.teaser-content-hub .read-more,
.teaser-video .read-more,
.teaser-a3 .read-more {

}

.video-iframe {
    width: 100%;
    /*padding-top: 56.25%;  16:9 Aspect Ratio */
    position: relative;
    margin-bottom: 1rem;
}

.video-iframe iframe {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.lyte-wrapper {
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .hub-block {
        margin-bottom: 10%;
    }

    .hub-block-content p{
        font-size: 20px;
        line-height: 29px;
    }

    .teaser-container {
        margin-bottom: 10%;
    }

    .teaser-container p {
        margin-left: 10px;
        margin-right: 10px;
    }
}