.swiper {
    width: calc(100% - 40px);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left:20px;
    padding-right:20px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 978px;
    /*height: 500px;*/
    box-shadow: 0px 0px 10px #033C71;
    -moz-box-shadow: 0px 0px 10px #033C71;
    -webkit-box-shadow: 0px 0px 10px #033C71;
    -khtml-box-shadow: 0px 0px 10px #033C71;
    /* antialiasing */
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    -webkit-perspective: 1000;
}

    .swiper-slide.swiper-slide-active {
        border: 2px solid #ffffff;
    }

.swiper-slide img {
    display: block;
    width: 100%;
    /* antialiasing */
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    -webkit-perspective: 1000;
}

.swiper-button-next, .swiper-button-prev {
    color:#eeeeee;
    padding:20px;
}

    .swiper-slide .inhalt {
        position:absolute;
        z-index:100;
        bottom:10%;
        left:10%;
        max-width:70%;
    }

        .swiper-slide h2 {
            color:#ffffff;
            font-size:3vmin;
            text-shadow: 0px 0px 6px #033C71;
            font-weight:700;
        }

        .swiper-slide h3 {
            color:#ffffff;
            font-size:2vmin;
            text-shadow: 0px 0px 6px #033C71;
            font-weight:600;
        }

        .swiper-slide .mh-slider-button {
            color: var(--wp--preset--color--white);
        }

@media screen and (min-width: 800px) {
    .swiper-slide h2 {
        font-size: 30px;
        margin:0 0 10px 0;
    }
    .swiper-slide h3 {
        font-size: 20px;
        margin:10px 0 0 0;
    }
}

@media screen and (max-width: 1200px) {
    .swiper-slide {
        border: 2px solid #ffffff;
    }
}