.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
:root {
    --white: #fff;
    --maincolor: #8091AF;
    --blue: #314060;
    --red: rgb(192, 3, 24);
    --text-blue: rgb(50, 65, 96);
    --sliderbutton: rgba(214, 227, 249, 0.7);
    --sliderbutton_1: rgba(214, 227, 249, 0.2);
}

#Impressionen .content-swiper {
width: 100%;
 max-width: 1080px;
 margin: 1em auto;
}


.content-swiper-inner .swiper .swiper-wrapper .swiper-slide .content-image figure img {
    width: 100%;
    height: auto;
   
}

.swiper-slide .content-image {
       width: 80%;
    height: auto;
     margin: 0 auto;
}


.swiper-button-prev, .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: .75em;
      transition: .3s;
          background-color: var(--sliderbutton_1);

}
.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: var(--sliderbutton);

}

@media (max-width: 480px) {

    .swiper-button-prev, .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: .5em;
}

}

@media only screen and (min-width: 310px) and (max-width: 341px) and (orientation: portrait) {
 
   .swiper-slide .content-image {
       width: 100%;
    height: auto;
     margin: 0 auto;
}


}