.achtergrond {
    position: relative;
    text-align: center;
    bottom: 5px;
    color: white;
    height: 110vh; /* zet de achtergrond afbeelding goed zonder dat die groot is */
    background-position: center;
   /* background-color: rgba(12, 46, 113);  transparante kleur */
  }

  form {
    display: flex; /* Gebruik flexbox voor de layout */
    flex-direction: row; /* Plaats de elementen in een rij */
    gap: 50px; /* Ruimte tussen de invoervelden */
    justify-content: center; /* Centreer het formulier horizontaal */
    align-items: center; /* Centreer het formulier verticaal */
    margin-top: 20%; /* zet het naar beneden */

}

.input-group {
    display: flex; /* Gebruik flexbox binnen de groep */
    flex-direction: column; /* Zorg ervoor dat label en input onder elkaar staan */
    margin-bottom: 20px; /* Ruimte tussen de invoergroepen */
}

label {
    margin-bottom: 5px; /* Ruimte tussen label en invoerveld */
}

input {
    padding: 10px; /* Padding voor het invoerveld */
    border: 1px solid #ccc; /* Border voor het invoerveld */
    border-radius: 4px; /* Hoekradius voor het invoerveld */
}

.search {
  width: 100px;
    height: 50px;
    font-size: medium; 
    padding: 10px; 
    background-color: rgb(240, 46, 46); /* transparante kleur */
    position: absolute;
    top: 5%; 
    left: 75%;
    transform: translate(-15%, -50%);
    z-index: 1;
    border-radius: 15px;
}