.quotes-slider {
margin-bottom: 10.2rem;
background-color: #ffe500;
text-align: center;
position: relative;
padding-bottom: 30px;
padding-top: 95px;
padding-left: 20px;
padding-right: 20px;
}
.quotes-slider__slide .zitat {
display: block;
width: 100%;
position: relative;
font-size: 27px;
line-height: 30px;
}
.quotes-slider__slide > div {
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.quotes-slider__slide {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 80px;
padding-left: 80px;
padding-right: 80px;
} .quotes-slider__slide .name {
display: block;
width: 100%;
font-weight: bold;
font-size: 20px;
line-height: 22px;
}
.quotes-slider__slide .firma {
display: block;
width: 100%;
font-size: 18px;
line-height: 20px;
}
.quotes-slider__slide .funktion {
display: block;
width: 100%;
font-size: 18px;
line-height: 20px;
}
.quotes-slider__nav-item.-prev {
left: 0px !important;
}
.quotes-slider__nav-item.-next {
right: 0px !important;
}
.quotes-slider__max-content {
padding-left: 0px !important;
padding-right: 0px !important;
max-width: 1200px;
margin: 0 auto;
}
.quotes-slider__max-content .-wrapper {
padding-left: 0 !important;
padding-right: 0px !important;
}
@media (min-width: 992px) {
.quotes-slider {
margin-bottom: 19.9rem;
}
}
.quotes-slider__max-content {
padding-bottom: 4.1rem;
overflow: hidden;
}
.quotes-slider__container.swiper-container {
overflow: visible;
}
@media (min-width: 992px) {
.quotes-slider__container.swiper-container {
overflow: hidden;
}
}
.quotes-slider__slide.swiper-slide {
height: auto;
margin-bottom: 2.1rem;
}
.quotes-slider__nav {
top: 0;
bottom: 0;
width: 100%;
}
.quotes-slider__nav-item {
padding: 0;
-webkit-transform: translateY(-0.9rem);
-o-transform: translateY(-0.9rem);
transform: translateY(-0.9rem);
}
.quotes-slider__nav-item:after {
display: none;
}
.quotes-slider__nav-item.-prev {
left: -6rem;
}
.quotes-slider__nav-item.-next {
right: -6rem;
}
.quotes-slider__nav-item svg {
width: auto;
height: 4rem;
}
.quotes-slider__pagination.swiper-pagination {
left: 50%;
padding: 2rem 0 0;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
.quotes-slider__slide .zitat {
font-size: 24px;
line-height: 27px;
}
.quotes-slider__slide {
padding-left: 50px;
padding-right: 50px;
}
}