.teaser-text {
    max-width: 35vw;
}

#headline {
    color: white;
}

#subline {
    color: white;
}

.swiper-container-2 {
    height: calc(100vw / 2.533) !important;
}

.swiper-slide-caption .container {
    vertical-align: bottom;
    bottom: 5%;
}

.swiper-slide-caption:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.2) 90%, transparent);
}

@media (max-width: 1770px) {
    #subline {
        margin: 0;
        font-size: 22px;
    }

    #headline {
        margin: 0;
        margin-top: 60px;
        color: white;
    }
}

@media (max-width: 1200px) {
    #headline {
        color: gray;
        font-size: 38px;
    }

    #subline {
        color: gray;
        font-size: 18px;
    }

    .swiper-container {
        height: calc(100vw / 2.533) !important;
        min-height: 0px !important;
    }

    section {
        margin-top: 30px !important;
    }

    .teaser-text {
        max-width: 65vw;
    }
}

@media(max-width: 1080px) {
    .teaser-text {
        max-width: 100vw;
    }

    #headline {
        font-size: 28px;
    }

    #subline {
        font-size: 16px;
    }

    html .page .offset-top-20 {
        margin: 0;
    }
}

@media (max-width: 780px) {
    .swiper-container {
        height: calc(100vw / 2.533) !important;
    }

    .btn-sm {
        margin-bottom: 10px !important;
    }

    section {
        margin-top: 40px !important;
    }

    #headline {
        margin-top: 14px;
        font-size: 16px;
        text-align: left;
    }

    #subline {
        font-size: 13px;
        text-align: left;
    }

    .teaser-text {
        text-align: left;
        font-size: 12px;
        max-width: 100vw;
    }

    html .page .offset-top-20 {
        text-align: left;
    }
}

@media(max-width: 480px) {
    .teaser-text {
        display: none;
    }
}

@media (max-width: 330px) {
    .swiper-container {
        margin-top: 40px !important;
    }

    section {
        margin-top: 60px !important;
    }

    #headline {
        margin-top: 10px;
        font-size: 18px;
    }

    #subline {
        font-size: 14px;
    }

    .btn-sm {
        padding: 1px;
    }

    .text-xs-left {
        text-align: left !important;
    }
}