@charset "utf-8";
/************************************
 *   Styling des Video-Abschnitts   *
 ***********************************/

article#teaser {
    display: grid;
    padding-bottom: 10em;
    background: url("../assets/img/landscape.png") no-repeat center bottom;
    background-size: contain;
}
/*
article#teaser div.video{
    display: flex;
}
*/
article#teaser video {
    margin: auto;
    width: 90%;
    height: auto;
}

/* M (Laptops und kleine Desktops) */
@media (min-width: 50.01em) {
    article#teaser video {
        width: 70%;
        height: auto;
    }
}
/* L und größer (Laptops und kleine Desktops) */
@media (min-width: 64em) {
    article#teaser video {
        width: 50%;
        height: auto;
    }
}