.question-text font-size: 1.3em; color: #333; margin-bottom: 25px; line-height: 1.4;
@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> stuttgart,mpu testsimulation stuttgart
.btn-reset background: #f44336; color: white; .question-text font-size: 1.3em
.btn-secondary:hover background: #f57c00; transform: translateY(-2px); @media (max-width: 768px) .main-content padding: 20px
.progress-bar background: #e0e0e0; height: 30px; border-radius: 15px; overflow: hidden; margin-bottom: 10px;
@keyframes slideIn from opacity: 0; transform: translateY(-20px); to opacity: 1; transform: translateY(0);
.result-area margin-top: 30px; padding: 20px; background: #e3f2fd; border-radius: 10px; display: none;