.testimonial-accordion {
    display: flex;
    flex-direction: column; /* Vertikale Anordnung */
    row-gap: 20px; /* Abstand zwischen den Testimonials */
}


.testimonial-item {
    background-color: rgba(247, 244, 242, 0.60);
    border: 1px solid #ddd;

    padding: 40px;
}

.testimonial-header {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 20px;
    padding-bottom: 10px;
}

.testimonial-header img {
    width: 100px;
    height: 100px !important;
    object-fit: cover;
    object-position: center center;
}

.testimonial-header h3 {
    margin: 0;
}

.testimonial-content {
    display: none;
    padding-top: 20px;
    border-top: solid 1px;
    border-color: var(--e-global-color-text);
    transition: max-height 0.3s ease;
}

.testimonial-item.active .testimonial-content {
    display: block;
}

.toggle-content{
    border: none !important;
    background-color: transparent !important;
}

.toggle-content span.icon{
    display: none;
}

.icon{
    width: 20px;
    fill: var(--e-global-color-text);
}

button[aria-expanded="true"] .icon {
    transform: rotate(-180deg);
}

@media only screen and (max-width: 1024px) and (min-width: 768px){

    .testimonial-item {
        background-color: rgba(247, 244, 242, 0.60);
        border: 1px solid #ddd;
    
        padding: 20px;
    }
    
    .testimonial-header img {
        width: 100px;
        height: 100px !important;
        object-fit: cover;
        object-position: center center;
    }

}


@media only screen and (max-width: 767px){

    .testimonial-item {
        background-color: rgba(247, 244, 242, 0.60);
        border: 1px solid #ddd;
    
        padding: 20px;
    }
    
    .testimonial-header img {
        width: 80px;
        height: 80px !important;
        object-fit: cover;
        object-position: center center;
    }
}