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

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

  pointer-events: none;

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