@charset "utf-8";
.hero-text {
 color:var(--zwart);
	}
.hero-text h1, .hero-text h2, .hero-text h3  {
	color:var(--wit);
}
.kleur.lichtgeel {background-color:var(--lichtgeel)}
.hero-text.rechts.lichtgeel {background-color:var(--lichtgeel);}
.hero-text.rechts.geel::after
	
	{
  content: '';
    position: absolute;
   bottom: -80px;
    top: inherit;
    right: 0;
    width: 16%;
    height: 75%;

  background-image: url("../images/beeldmerk_wit_rechts_heel.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;

  pointer-events: none;

}
.hero-image.links.blauw {background-color:var(--geel);border-radius: 0px 40px 40px 0px; box-shadow: -6px 0 15px rgba(0,0,0,0.08);}
.hero-image.links.blauw::after {
  content: '';
  position: absolute;

  top: 20px;           /* steekt boven het vlak uit */
  right: 20px;         /* steekt rechts uit */

  width: 120px;
  height: 120px;

  background-image: url(../images/4_strerretjes_wit.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;

  pointer-events: none;
}
.hero-grid.versie2 {grid-template-columns: 1fr 2fr;}
.hero-grid.versie3 {grid-template-columns: minmax(200px, 1fr) 4fr;}

@media (max-width: 992px) {
    .hero-grid.versie2, .hero-grid.versie3 {
        grid-template-columns: 1fr;
    }
}