/* Rhythmusfeuer Melodietrainer – Ergänzungen zu werkzeuge.css des Themes (Grundaufbau wie der Rhythmustrainer) */

.rf-melodie .rfw__optionen--2 { grid-template-columns: repeat(2, 1fr); }

/* Tonraum: welche Töne vorkommen */
.rf-melodie__toene { font-family: var(--rf-font-head); font-size: .95rem !important; letter-spacing: .02em; color: var(--rfw-dunkel) !important; }
.rfw__option input:checked + span .rf-melodie__toene { color: #fff !important; }
.rf-melodie__stimmungen small, .rf-melodie__tonraeume small { line-height: 1.15; }

.rf-melodie .rf-rhythmus__erw-hinweis { margin-top: 8px; }

/* Notenbild: Beschriftung unter den Noten */
.rf-melodie__noten text { font-family: var(--rf-font-body); font-weight: 700; }
.rf-melodie__noten .rf-melodie__name { fill: var(--rfw-dunkel); font-weight: 600; }
.rf-melodie__noten .rf-melodie__z-ok, .rf-melodie__noten .rf-melodie__t-richtig { fill: var(--rfw-farbe); }
.rf-melodie__noten .rf-melodie__z-frueh, .rf-melodie__noten .rf-melodie__z-spaet { fill: #d97a00; }
.rf-melodie__noten .rf-melodie__z-fehlt, .rf-melodie__noten .rf-melodie__t-hoch, .rf-melodie__noten .rf-melodie__t-tief, .rf-melodie__noten .rf-melodie__t-oktave { fill: var(--rfw-akzent); }

/* Mitspiel-Check */
.rf-melodie__kopfhoerer { font-size: .92rem; background: #eaf2fb; border-left: 4px solid var(--rfw-dunkel); padding: .5em .8em; border-radius: 8px; }
.rf-melodie__tonpruefung { margin: 4px 0 12px; background: #fff; }
.rf-melodie__legende { line-height: 1.7; }
.rf-melodie__legende .rf-melodie__l-richtig { color: var(--rfw-farbe); font-size: 1rem; }
.rf-melodie__legende .rf-melodie__l-falsch { color: var(--rfw-akzent); font-size: 1rem; }

@media (max-width: 560px) {
	.rf-melodie .rfw__optionen--4 { gap: 6px; }
	.rf-melodie .rfw__optionen--4 .rfw__option > span { padding: 8px 2px; }
}