<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>by Lunar Design</title>
	<link type="text/css" rel="stylesheet" href="assets/css/style.css">
	<link type="text/css" rel="stylesheet" href="assets/css/fonts.css">
</head>
<body>
	<div class="form" style="display: none;">
		<div class="container questions">
			<img class="logo" src="assets/images/logo.png"/>
			
			<div class="question-box">
				<span id="question_text">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
					Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
				</span>
					
				<div class="radio-box">
					<input type="radio" id="answ1" name="answer">
					<label for="answ1" id="answ1_text">Lorem ipsum dolor</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="answ2" name="answer">
					<label for="answ2" id="answ2_text">Lorem ipsum dolor</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="answ3" name="answer">
					<label for="answ3" id="answ3_text">Lorem ipsum dolor</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="answ4" name="answer">
					<label for="answ4" id="answ4_text">Lorem ipsum dolor</label>
				</div>
			</div>

			<div class="button" onClick="submitAnswer();">Weiter</div>
		</div>

		<div class="container success" style="display: none;">
			<div class="main-box">
				<img class="tick" src="assets/images/tick.png"/>
				<span id="success_text">Du hast den Test bestanden!</span>
			</div>
			<div class="button" onClick="closeUI();">Schließen</div>
		</div>
	</div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script src="assets/js/script.js"></script>
</body>
</html>