/* Container-Styling */

.testimonial-slider {

    position: relative;

    max-width: 1200px;

    margin: 40px auto;

    padding: 60px 40px;

    background: #ffffff;

    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);

    text-align: center;

    overflow: hidden;

}
 
/* Slides Logik */

.testimonial-slides {

    position: relative;

    min-height: 200px; /* Verhindert das Springen der Seite */

}
 
.testimonial-slide {

    display: none;

    animation: fadeIn 0.5s ease-in-out;

}
 
.testimonial-slide.active {

    display: block;

}
 
/* Text-Styling */

.testimonial-slide p {

    font-size: 1.25rem;

    line-height: 1.6;

    color: #333;

    font-style: italic;

    margin-bottom: 20px;

}
 
.testimonial-slide span {

    display: block;

    font-weight: bold;

    color: #666;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 0.9rem;

}
 
/* Navigation Buttons */

.testimonial-slider button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: #f0f0f0;

    border: none;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    cursor: pointer;

    font-size: 18px;

    transition: background 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

}
 
.testimonial-slider button:hover {

    background: #e0e0e0;

}
 
.prev { left: 10px; }

.next { right: 10px; }
 
/* Animation */

@keyframes fadeIn {

    from { opacity: 0; transform: translateY(10px); }

    to { opacity: 1; transform: translateY(0); }

}
 
/* Mobile Optimierung */

@media (max-width: 600px) {

    .testimonial-slider {

        padding: 40px 20px;

    }

    .testimonial-slide p {

        font-size: 1.1rem;

    }

}