body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}

nav {
  background-color: black;

  /* --- Oud logo (BREED) ---
  & img {
    width: 8rem;
    padding-left: 1rem;
    padding-top: 1rem;
  } 
  */

  /* --- Nieuw logo (VIERKANT) --- */
  & img {
    height: 7rem;   /* <-- AANGEPAST: Van 4.5rem naar 7rem gemaakt voor een groter logo */
    width: auto;    /* De breedte past zich automatisch aan */
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  & ul {
    padding-left: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
  }

  & li {
    list-style-type: none;

    & a {
      text-decoration: none;
      color: white;
      transition: color 0.3s ease, border 0.3s ease;

      &:hover {
        color: #dee73c;
        border: 2px solid #dee73c;
        border-radius: 5px;
      }
    }
  }
}

.active_page a {
  color: #dee73c;
}

@media (min-width: 715px) {
  nav {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Zorgt dat het grotere logo en de tekst verticaal mooi in het midden staan */
  }

  nav ul {
    display: flex;
    /* padding-top: 1rem;  <-- OUD LOGO STYLING */
    padding-top: 0; 
    margin: 0;
    padding-right: 1rem; /* Klein beetje ruimte rechts voor de zekerheid */
  }

  nav ul li a {
    padding: 1rem;
  }

  /* --- Oud logo (BREED) ---
  nav img {
    padding-bottom: 1rem;
  }
  */

  /* --- Nieuw logo (VIERKANT) --- */
  nav img {
    padding-bottom: 0; /* Padding is niet meer nodig door flexbox centrering */
  }
}