.solidara-rating {
    max-width: 600px;
    padding: 2px;
    border-radius: 12px;
    background: #f8f8f8;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    margin: 3px auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Container, der mehrere Rating-Boxen nebeneinander anordnet */
.solidara-rating-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

/* Jede einzelne Box – flexible Breite */
.solidara-rating-box {
    flex: 1 1 300px; /* mind. 300px, wächst nach Bedarf */
    max-width: 350px;
}


/* Sterne-Container */
.sr-stars {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    justify-content: left;
}

/* einzelne Sterne */
.sr-star {
    font-size: 26px;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0px;
    line-height: 1;
}

/* Farben für -5 bis +5 */
.sr-star[data-value="-5"] { color:#8b0000; }
.sr-star[data-value="-4"] { color:#b22222; }
.sr-star[data-value="-3"] { color:#dc143c; }
.sr-star[data-value="-2"] { color:#ff4500; }
.sr-star[data-value="-1"] { color:#ff8c00; }
.sr-star[data-value="0"]  { color:#daa520; }
.sr-star[data-value="1"]  { color:#9acd32; }
.sr-star[data-value="2"]  { color:#6ab04c; }
.sr-star[data-value="3"]  { color:#2ecc71; }
.sr-star[data-value="4"]  { color:#27ae60; }
.sr-star[data-value="5"]  { color:#006400; }

/* ausgewählter Stern */
.sr-star.active {
    transform: scale(1.5);
}

/* responsive */
@media (min-width: 180px) {
    .solidara-rating {
        max-width: 300px;
    }
    .sr-stars {
        gap: 1px;
    }
}