.paragraph--type--testimonials {
  padding: 40px 0;
}

.paragraph--type--testimonials > div {
  display: flex;
}

.testimonials-innerwrap {
  box-sizing: border-box;
}

.testimonials-innerwrap > div {
  display: flex;
  gap: 50px;
}

.testimonials-innerwrap > div > div {
  width: 25%;
}

.testimonials-innerwrap > div > div.swiper-button-prev,
.testimonials-innerwrap > div > div.swiper-button-next {
  width: 95px;
  background: white;
  height: 95px;
  border-radius: 1000px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  color: var(--darkblue);
}

.testimonials-swiper .testimonial-item .text {
  padding: 25px 25px 75px 25px;
  border-radius: 15px;
  background: var(--purple);
  color: white;
  font-size: 20px;
}

.testimonials-swiper .swiper-slide:nth-child(even) .testimonial-item .text {
  background: var(--green);
  color: var(--darkblue);
}

.testimonials-swiper .testimonial-item .portrait {
  width: 160px;
  height: 160px;
  margin: -80px auto 25px auto;
}

.testimonials-swiper .testimonial-item .portrait img {
  width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 1000px;
}

.testimonials-swiper .testimonial-item .portrait + .copyright {
  margin:  -20px 0 20px 0;
}

.testimonials-swiper .testimonial-item .name {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}

.testimonials-swiper .testimonial-item .name > div {
  margin: 0 auto;
  position: relative;
  display: inline-block;
  width: auto;
}

.copyright {
  font-size: 14px;
  color: #999;
}

.testimonials-swiper .copyright {
  text-align: center;
}

/* .testimonials-swiper .testimonial-item .name > div:before {
  content: "-";
  margin-right: 5px;
} */

.testimonials-swiper .testimonial-item .subline {
  text-align: center;
  font-size: 20px;
}

.testimonials-swiper .swiper-slide {
  width: auto;          /* Slides sollen flexibel sein */
  flex-shrink: 0;       /* Kein Einquetschen */
  display: flex;
  /* flex-direction: column;
  justify-content: center; */
}

.swiper-button-disabled {
  display: none !important;
}

@media (max-width: 1100px) { 
  .testimonials-innerwrap > div > div.swiper-button-prev,
  .testimonials-innerwrap > div > div.swiper-button-next {
    width: 45px;
    height: 45px;
  }
  .testimonials-innerwrap > div > div.swiper-button-prev::after,
  .testimonials-innerwrap > div > div.swiper-button-next::after {
    font-size: 25px;
  }
}