.themeart-stars {
    display: inline-block;
    border: none;
    /* WICHTIG: Umkehren der Reihenfolge für den Hover-Effekt */
    direction: rtl; 
    unicode-bidi: bidi-override;
}

/* Die Radio-Buttons verstecken */
.themeart-stars input[type="radio"] {
    display: none;
}

/* Der leere Stern (Standardzustand) */
.themeart-stars label {
    position: relative !important;
    transform: none !important;
    font-size: 1.5em !important; 
    color: #ddd !important;  
    cursor: pointer !important;
    padding: 0 .125rem !important;
    float: right !important; 
    left: 0 !important; 
    pointer-events: all !important;
    transition: color 0.2s !important;
}

.themeart-stars label .fa-star::before {
    color: #ddd !important; 
}

/* Hover-Effekt & Selected-State */
/* Wenn man über einen Stern fährt ODER er angeklickt ist... */
/* ...färben wir ihn und alle folgenden (im DOM eigentlich vorangehenden) Geschwister */
.themeart-stars label:hover,
.themeart-stars label:hover ~ label,
.themeart-stars input:checked ~ label,
.themeart-stars label:hover .fa-star::before,
.themeart-stars label:hover ~ label .fa-star::before,
.themeart-stars input:checked ~ label .fa-star::before  {
    color: #fca311 !important; 
}

/* Kleiner Hover-Effekt für den aktiven Stern selbst */
.themeart-stars label:hover,
.themeart-stars label:hover .fa-star::before {
    color: #e08e0b !important;
}