JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tutorial_main">
	<input type="checkbox" id="tutorial_1_checkbox1">
	<input type="checkbox" id="tutorial_1_checkbox2">
	
	<div id="tutorial_1">
		<div id="tutorial_1_text">
			Hallo _Teamplayer_,
			<br>
			<br>Hier siehst du eine kleine Einführung des Forums. 
			Dabei lernst du alle Features kennen, da es Unterschiede zu anderen Foren gibt.
			<br>Du kannst das Tutorial jederzeit mit dem Button unten rechts abbrechen.
			<br><font color="red">Wir empfehlen dir den PC für das Tutorial zu benutzen!</font>
			<br>
			<br>Möchtest du das Tutorial jetzt starten?		
		</div>
		
		<div id="tutorial_1_platzhalter2"></div>
		
		<div id="tutorial_1_bottom">
			<label for="tutorial_1_checkbox1">
				<div for="tutorial_1_checkbox1" class="tutorial_1_button1">Tutorial starten</div>
			</label>
			<div id="tutorial_1_platzhalter1"></div>
			<label for="tutorial_1_checkbox2">
				<div for="tutorial_1_checkbox2" class="tutorial_1_button2">Tutorial überspringen</div>
			</label>
		</div>
		
		<div id="tutorialll"></div>
	</div>
</div>

CSS

#tutorialll{
    background: red;
    height: 10px;
}


input[type=checkbox]#tutorial_1_checkbox1:checked ~ #tutorialll {
    background:green;    
}