.option.correct border-color: #4CAF50; background: #d4edda;
.question-text font-size: 1.3em; color: #333; margin-bottom: 25px; line-height: 1.4; stuttgart,mpu testsimulation stuttgart
.options display: grid; gap: 15px;
.header background: linear-gradient(135deg, #2c3e50, #3498db); color: white; padding: 30px; text-align: center; .option.correct border-color: #4CAF50
<div class="main-content"> <div class="progress-section"> <div class="progress-bar"> <div class="progress-fill" id="progressFill">0%</div> </div> <div class="stats"> <div class="stat-card"> <div class="stat-label">Frage</div> <div class="stat-value" id="currentQuestion">1</div> </div> <div class="stat-card"> <div class="stat-label">Richtige Antworten</div> <div class="stat-value" id="correctCount">0</div> </div> <div class="stat-card"> <div class="stat-label">Insgesamt</div> <div class="stat-value" id="totalQuestions">20</div> </div> </div> </div> .question-text font-size: 1.3em
.container max-width: 1200px; margin: 0 auto; background: white; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden;
.btn-secondary background: #ff9800; color: white;