@charset "utf-8";
.hero-text {
 color:var(--wit);
	}
.hero-text h1, .hero-text h2, .hero-text h3  {
	color:var(--wit);
}

.kleur.lichtoranje {background-color:var(--lichtoranje);}
.hero-text.rechts.oranje {background-color:var(--oranje);}
.hero-text.rechts.oranje::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.oranje {background-color:var(--oranje);border-radius: 0px 40px 40px 0px; box-shadow: -6px 0 15px rgba(0,0,0,0.08);}
.hero-image.links.oranje::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;} /*foto links-tekst-rechts*/
.hero-grid.versie3 {grid-template-columns: minmax(200px, 1fr) 4fr;} /* small links-tekst-rechts*/

@media (max-width: 992px) {
    .hero-grid.versie2, .hero-grid.versie3 {
        grid-template-columns: 1fr;
    }
	.hero-image.links.oranje {
      border-radius: 40px 40px 0px 0px;
	min-height:10vh;height:auto;	
}
	.hero-text.rechts.oranje {
      border-radius: 0px 0px 40px 40px;
	
	}
	
	
	.hero-text.rechts.oranje::after {bottom:10px;right:10px;}
}