Style label when checkbox is checked

Hi guys,

I’m trying to style my checkbox when the user is interacting with the element.

The “normal” state of the checkbox looks like this:
image

And when the checkbox is checked it should look like this:
image

I tried out this tutorial: http://css-checkboxes.webflow.io/
But since the input-tag and the label-tag aren’t siblings when I’m using the checkbox-element of Webflow, the CSS isn’t working.

In my project the code looks like this:

As you can see, the input is a child of the label - and I don’t understand why.

Since I’m working on a client website, I can’t share the project link. Sorry!
I hope someone can help me anyway.