body, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
  }
  
  .w3-bar-block .w3-bar-item {
    padding: 20px;
  }
  
  /* Stijlen voor de header */
  .w3-top {
    position: fixed;
    width: 100%;
    z-index: 1000; /
  }
  
  .w3-header-color {
    background-color: #FF6347; /* Achtergrondkleur van de header */
    color: white;
  }
  
  .w3-header-logo img {
    height: 50px; 
    margin-top: 0px; 
  }
  
  /* Stijl voor de items in de header */
  .w3-bar-item {
    padding: 10px 16px !important; 
  }
  .homepage {
    text-align: center; 
    margin-top: 50px; 
    font-family: "Roboto", sans-serif;
  }
  
  .centered-content {
    display: flex;
    justify-content: center;
    align-items: center; 
    margin-bottom: 10px; 
  }
  

/* Stijl voor de receptenblokken */
.w3-quarter {
  margin-bottom: 25px;
}


/* Aanpassingen voor de Leer koken sectie */
.leer-koken-section {
  max-width: 800px;
  margin: 0 auto; 
}

/* Stijlen voor de chef afbeelding */
.chef-container {
  text-align: center; 
}

.chef-image {
  max-width: 35%; 
  height: auto; 
}

/* Stijl voor de "Zie meer" knoppen */
.tomato-button {
  background-color: #FF6347; 
  color: white; 
  padding: 10px 20px; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block; 
  font-size: 16px; 
  margin: 4px 2px; 
  cursor: pointer; 
}

.reis-image {
  max-width: 35%
}