Change Slider Arrow (Cursor) according slide

Hi,

after a short intro, you see a fullpage-slider on the first screen of this site. Here you can navigate via invisible arrow-buttons which are laying over the images. The cursor changes when he is over into black arrows.

Now I would like to add that the cursor-color changes depending on the slides which are shown.
It is no problem to change the color via another css-class. But is there a way that I can trigger which css class is chosen depending on the slide which is visible?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Visit https://namename2019-0-7.webflow.io/ to see the changed cursor.

Does anyone have an idea?