:root{
  /* Hoogte van de gekleurde band */
  --oo-header-max: 3rem;
}

/* Zorg dat de header een positioneringscontext is */
.site-header { position: relative; }

/* De SVG-band als absolute achtergrondlaag */
.oo-header-curve {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: var(--oo-header-max);
  z-index: 0;              /* onder de content */
  pointer-events: none;    /* kliks gaan naar content erboven */
}

/* SVG vult de band */
.oo-header-curve__svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Header-content boven de achtergrondlaag */
.site-header__fixable,
#site-header__inner {
  position: relative;
  z-index: 1;
}

.oo-header-curve__fill {
  fill: var(--oo-hoofding);
} 

    .site-header__fixable.is-expanded .site-header__inner
 {
         box-shadow: none;

        /* box-shadow: -36px 1px 36px rgb(0, 0, 0, 0.08); */
    }

    /*
      --oo-hoofding:  #39085a;
    */