{% require_css %}
<style>
/* Zorg dat de hero container positionering heeft */
.eut-hero.eut-style-1 {
  position: relative;
}

/* De wrapper waar de background + overlay in zit */
.eut-bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none; /* Zorgt dat klikken niet worden geblokkeerd */
}

/* Overlay div met rgba-kleur */
.eut-bg-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Achtergrondafbeelding */
.eut-bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* De content (tekst + knoppen) moet boven overlay staan */
.eut-slogan {
  position: relative;
  z-index: 2;
}
</style>
{% end_require_css %}