/* Globaal lettertype voor de hele pagina */
body {
  font-family: Verdana, sans-serif;
}

/* Bedrijfsnaam in Verdana */
.company-name {
  font-family: Verdana, sans-serif;
}

/* Chatberichten in Verdana */
.message {
  font-family: Verdana, sans-serif;
}

/* Algemene styling voor de header */
#header {
  display: flex;
  flex-direction: column; /* Verticaal uitlijnen */
  align-items: center; /* Horizontaal centreren */
  background-color: #ffffff; /* Wit */
  padding: 20px;
  border-bottom: 2px solid #ddd; /* Onderlijn voor onderscheid */
  margin-bottom: 20px; /* Voeg ruimte onder de borderlijn toe */
}


/* Logo styling */
.logo-container {
  text-align: center;
}

.logo {
  width: 150px; /* Breedte van het logo */
  height: auto; /* Automatische hoogteverhouding */
  max-width: 100%; /* Zorg dat het logo niet uit de container breekt */
  margin-bottom: 10px; /* Ruimte onder het logo */
}

/* Bedrijfsnaam styling */
.company-name {
  font-size: 1.8rem; /* Lettergrootte voor de bedrijfsnaam */
  font-weight: bold;
  color: #333; /* Donkere tekstkleur */
  margin: 10;
}