body {
    font-family: Arial, sans-serif;
    max-width: 900px;
    margin: 2rem auto;
    background: #f9f9f9;
    padding: 1rem;
    font-size: 14px; /* Schriftgröße verkleinert */
}

h1, h2 {
    color: #333;
}

input[type=text],
input[type=number],
input[type=file],
textarea {
    width: 100%;
    padding: 8px;
    margin: 6px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px; /* Schriftgröße angepasst */
}

/* Zusätzliche Regel für Radios, die in user_quiz.php verwendet werden */
input[type="radio"] {
    margin-right: 5px;
}

button {
    padding: 10px 20px;
    background: #007BFF;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px; /* Schriftgröße angepasst */
}

button:hover {
    background: #0056b3;
}

.frage-box, .question-box {
    border: 1px solid #ccc;
    background: white;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 14px; /* Schriftgröße angepasst */
}

.actions a {
    margin-right: 10px;
    text-decoration: none;
    color: #007BFF;
    font-size: 14px; /* Schriftgröße angepasst */
}

.actions a:hover {
    text-decoration: underline;
}

img.fragebild, img.question-image {
    max-width: 300px;
    max-height: 150px; /* Maximale Höhe auf 150 Pixel begrenzt */
    display: block;
    margin-top: 10px;
}

/* Neuer Style für QR-Code Bild */
.qr-code-img {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Dezenter Schatten */
}

/* Navbar-styles (ausgelagert aus navbar.inc.php) */
.navbar {
    padding: 25px 30px; /* Erhöht die Polsterung */
    font-size: 1rem; /* Schriftgröße 1rem entspricht in der Regel ca. 16px */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Fügt einen Schatten hinzu */
    margin-bottom: 15px; /* Abstand nach unten */
}
.navbar-nav .nav-link {
    margin: 0 15px; /* Abstand zwischen den Links */
    color: #68b100; /* Linkfarbe */
    font-weight: bold; /* Fett gedruckte Schrift */
}
.navbar-nav .nav-link:hover {
    color: #4b8f00; /* Farbe beim Hover */
    text-decoration: underline; /* Unterstreichung */
}
.navbar-toggler {
    border: 2px solid #68b100; /* Hervorhebung des Togglers */
}
.navbar-toggler-icon {
    background-color: #68b100; /* Icon-Farbe */
}

/* Quiz-spezifische Stile (aus user_quiz.php) */
.quiz-welcome {
    background-color: green;
    color: white;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px; /* Abstand von 20px unter dem Willkommen-Container */
}

.quiz-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}

.quiz-hr {
    width: 100%;
    border: 0.5px solid #ccc;
    margin: 5px 0;
}

.quiz-label {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

/* Neuer Container für die Antwortoptionen */
.quiz-options {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Fehlermeldungen im Quiz */
.error-message {
    color: red;
    margin-top: 10px;
}

/* xxx*/