.teaser-strip
{
    padding: 10px 0;
    background: rgba(40, 85, 128, 0.9);
    max-height: 140px;
    overflow: hidden;
}

.teaser-strip .teaser-strip__content
{
    display: table;
}

.teaser-strip .teaser-strip__icon,
.teaser-strip .teaser-strip__text,
.teaser-strip .teaser-strip__btns
{
    display: table-cell;
    vertical-align: middle;
}

.teaser-strip .teaser-strip__image
{
    margin-right: 23px;
}

.teaser-strip .teaser-strip__text
{
    width: 100%;
    font-weight: 300;
    font-size: 17px;
    color: #fff;
}

.teaser-strip .teaser-strip__text a
{
    color: #fff;
    text-decoration: none;
}

.teaser-strip .teaser-strip__text a:hover
{
    text-decoration: underline;
}

.teaser-strip .teaser-strip__btn
{
    width: 135px;
    margin-left: 20px;
}

@media (max-width: 520px)
{
    .teaser-strip .teaser-strip__content
    {
        display: block;
        position: relative;
        text-align: center;
    }

    .teaser-strip .teaser-strip__icon
    {
        display: block;
        position: absolute;
        bottom: 0;
    }

    .teaser-strip .teaser-strip__image
    {
        margin-right: 10px;
    }

    .teaser-strip .teaser-strip__text
    {
        display: block;
        top: 0;
        left: 10px;
        right: 10px;
        margin-bottom: 45px;
    }

    .teaser-strip .teaser-strip__btns
    {
        display: block;
        position: absolute;
        bottom: 0;
        right: 10px;
    }
}

@media (max-width: 500px)
{
    .teaser-strip
    {
        max-height: 180px;
    }
}