CSS-Selector for multiple elements

Question

I am not at all getting how to use more advanced css-selectors like + or > But as I am now needing it to prevent too much JS, maybe someone can help me out with this particu

Answer 1

Just add the selector for the button, separated with a comma:

.rf_re1-suche_container input:focus,
.rf_re1-suche_container input:focus ~ button {
    background: orange;
}

The tilde (~) is the general sibling selector. It selects the element ONLY if it is preceded by the element before the sibling.

This is by the way quite similar to the adjacent sibling selector, but with the latter the two elements need to be right behind eachother. In your case it doesn't really matter, as these two elements are the only one in the parent.