/* Basis reset voor margins en opvulling */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}



/* Zorgt dat scrollen naar een layer vloeiend (smooth) verloopt */
html {
    scroll-behavior: smooth;
}



body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}



/* BELANGRIJK: Alleen de achtergrondafbeelding vult het scherm */
.header-bg {
    width: 100vw;
    height: 100vh;
    object-fit: cover;  /* Zorgt dat de foto niet vervormt */
    display: block;
}