#headerSlider .swiper-slide img
{
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#headerSlider .swiper-button-next, .swiper-button-prev {
    color: #fff !important;
}


#headerSlider .swiperContent {
    max-width: 768px;
    margin: 0 auto;
    color: #94620c;
    bottom: 15px;
    padding: 0 25px 0 25px;
    font-family: 'Cardo', serif;
    font-style: italic;
    font-size: 19px;
}

#headerSlider .swiperContent p:last-child {
    padding: 0;
}

#headerSlider .swiperContent h1,
#headerSlider .swiperContent h2,
#headerSlider .swiperContent h3,
#headerSlider .swiperContent h4 {
    font-family: 'Cardo', serif;
    font-style: italic;
    color: #94620c;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

#headerSlider .swiperContent h1 {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 15px;
}

#headerSlider .swiperContent h2 {

}

#headerSlider .swiperContent a,
#headerSlider .swiperContent a:visited {
    text-decoration: underline;
}



/* mit Text-Hintergrund */
#headerSlider .swiperContent {

}

@media screen and (max-width: 1023.9px) {

    #headerSlider .swiper-slide img {

    }


    #headerSlider .swiperContent h1 {

    }

    #headerSlider .swiperContent h2 {

    }
}

@media screen and (max-width: 767.9px) {


}

@media screen and (max-width: 600px) {

    #headerSlider .swiperContent h1 {
        font-size: 15px;
        line-height: 1.2;
        margin-bottom: 5px;
        font-weight: 600;
    }

    #headerSlider .swiperContent {
        font-size: 13px;
    }

    #headerSlider .swiperContent br {
        display: none;
    }
}




@media screen and (max-width: 300px) {

    #headerSlider .swiperContent h1 {
        font-size: 13px;
        margin-bottom: 3px;
    }

    #headerSlider .swiperContent {
        font-size: 11px;
    }

}