.btn-primary background: #4CAF50; color: white;
.header h1 font-size: 2.5em; margin-bottom: 10px; stuttgart,mpu testsimulation stuttgart
button:disabled opacity: 0.5; cursor: not-allowed; .btn-primary background: #4CAF50
@media (max-width: 768px) .main-content padding: 20px; .question-text font-size: 1.1em; button padding: 10px 20px; </style> </head> <body> <div class="container"> <div class="header"> <h1>🚗 MPU Test Simulation</h1> <p>Medizinisch-Psychologische Untersuchung - Stuttgart Edition</p> <div class="stuttgart-badge"> 🏰 Stuttgart | Mercedesstraße | Cannstatter Wasen </div> </div> .header h1 font-size: 2.5em
.feedback margin-top: 20px; padding: 15px; background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 5px;
// DOM elements const questionTextEl = document.getElementById('questionText'); const optionsContainer = document.getElementById('optionsContainer'); const nextBtn = document.getElementById('nextBtn'); const resetBtn = document.getElementById('resetBtn'); const resultResetBtn = document.getElementById('resultResetBtn'); const progressFill = document.getElementById('progressFill'); const currentQuestionEl = document.getElementById('currentQuestion'); const correctCountEl = document.getElementById('correctCount'); const feedbackEl = document.getElementById('feedback'); const resultArea = document.getElementById('resultArea'); const scenarioImage = document.getElementById('scenarioImage');