/* 1. Achtergrondkleur van alle invulvelden (input, select, textarea) */
.dynamicform .form-control {
    background-color: var(--main-color5);
}

/* Optioneel: zorg dat de achtergrondkleur behouden blijft tijdens de focus/actieve staat */
.dynamicform .form-control:focus {
    background-color: var(--main-color5);
}

/* 2. Labels kleiner maken en extra ruimte onder het label toevoegen */
.dynamicform .form-group label {
    font-size: 0.875rem; /* Past de grootte aan (kleiner dan de standaard 1rem) */
    margin-bottom: 0.3rem; /* Extra marge onder het label */
    display: inline-block; /* Nodig zodat margin-bottom correct werkt */
}

/* 3. Meer verticale ruimte (marge) tussen de rijen/velden */
.dynamicform .form-group {
    margin-bottom: 1.5rem; /* Past de ruimte tussen de rijen/velden aan */
}

.dynamicform .text-danger {
    font-size: .7em;
}

.buttonsend {
--bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}