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

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

  pointer-events: none;

}
.hero-image.links.donkergroen {background-color:var(--donkergroen);border-radius: 0px 40px 40px 0px; box-shadow: -6px 0 15px rgba(0,0,0,0.08);}
.hero-image.links.donkergroen::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;
    }
	.hero-image.links.donkergroen {
      border-radius: 40px 40px 0px 0px;
	min-height:10vh;height:auto;	
}
	.hero-text.rechts.donkergroen {
      border-radius: 0px 0px 40px 40px;
	}
	.hero-text.rechts.lichtdonkergroen {
     overflow: inherit;
		padding:15px;
	
	}
	.hero-text.rechts.lichtdonkergroen::after {bottom:10px;right:10px;}
}