/* Algemene stijl */
html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Voorkomt horizontale scrollbars */
  font-family: "Poppins", sans-serif;
  width: 100%; /* Zorgt ervoor dat body altijd de volledige breedte gebruikt */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
textarea {
  font-family: "Poppins", sans-serif;
}
.wrapper {
  max-width: 1440px;
  padding: 0 10px;
  width: 1440px;
  margin: 0 auto;
  position: relative;
}

/* ✅ Zorgt ervoor dat de wrapper zich goed aanpast */
@media (min-width: 601px) and (max-width: 900px) {
  .wrapper {
    max-width: 700px;
    padding: 0 10px;
    width: 600px;
  }
}

@media (min-width: 300px) and (max-width: 600px) {
  .wrapper {
    width: 300px;
    padding: 0 10px;
    max-width: 330px;
  }
}