.m-promotion_teaser {
    padding: 0;
}
.m-promotion_teaser .bg_gradient {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 45px;
    position: relative;
    top: 0;
}
@media (min-width: 48em) {
.m-promotion_teaser .bg_gradient {
    align-items: center;
    background-size: contain;
    display: flex;
    height: 300px;
}
}
.m-promotion_teaser .bg_gradient::before {
    background: hsla(0, 0%, 0%, 0) linear-gradient(90deg, hsl(204, 100%, 28%), hsla(199, 100%, 41%, 0.75)) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.m-promotion_teaser .hl1 {
    color: hsl(0, 0%, 100%);
    margin-bottom: 22px;
    margin-top: 0;
}
.m-promotion_teaser .hl4 {
    color: hsl(0, 0%, 100%);
    margin-bottom: 10px;
    margin-top: 0;
}