:root { --vdk-blau: #005A9B; --vdk-hell: #f0f4f8; }
body { font-family: Arial, sans-serif; background: #e9ecef; margin: 0; padding-bottom: 50px; }
header { background: var(--vdk-blau); color: white; padding: 20px; text-align: center; border-bottom: 4px solid #FFD700; }
.container { max-width: 700px; margin: 20px auto; background: white; padding: 25px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
h2, h3 { color: var(--vdk-blau); border-bottom: 1px solid #ccc; padding-bottom: 5px; }
input, select, textarea { width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
.btn { background: var(--vdk-blau); color: white; border: none; padding: 12px 20px; cursor: pointer; width: 100%; border-radius: 4px; font-weight: bold; margin-top: 10px; font-size: 1.5rem; }
.btn:hover { background: #004a80; }
.optional-box { background: var(--vdk-hell); padding: 15px; border-left: 4px solid var(--vdk-blau); margin: 15px 0; border-radius: 4px; }
.hidden { display: none; }
footer { text-align: center; padding: 15px; color: #666; font-size: 0.8rem; }
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
table th, table td { border: 1px solid #ddd; padding: 8px; text-align: left; font-size: 0.9rem; }

/* Spezifische Korrektur für die Checkbox-Zeile */
.checkbox-container {
    display: flex;       /* Bringt Box und Label in eine Zeile */
    flex-direction: row-reverse; /* Tauscht die Optik: Label links, Box rechts (optional) */
    justify-content: flex-end;   /* Schiebt beides zusammen */
    align-items: center;  /* Vertikale Zentrierung */
    gap: 10px;           /* Abstand zwischen Box und Text */
    margin: 15px 0;      /* Abstand nach oben und unten */
}

.checkbox-container input[type="checkbox"] {
    width: auto;         /* HEBT DIE 100% BREITE AUF! */
    margin: 0;           /* Entfernt die Standardabstände */
    cursor: pointer;
    transform: scale(1.2); /* Macht die Box etwas größer und klickbarer */
}

.checkbox-container label {
    cursor: pointer;
    font-weight: bold;
    color: var(--vdk-blau);
    font-size: 15px; 
}