:root {
    --impact-paars: #844c93;
    --impact-grijs: #dcdcdb;
    --impact-blauw: #243875;
    --impact-rood: #c40056;
    --helderblauw: #4183c4;
    --geel: #f5d30f;
    --grijs: #4b4b4a;
    --donkergrijs: #31383d;
}
#bbr-product {
  color: black;
  font-size:2em;
}
#bbr-product strong {
    color: var(--impact-paars);
}
.hamburger .svg-nav-toggle {
  fill: var(--impact-rood);
}
nav, nav ul {
    background-color: #4b4b4a;
}
nav ul li {
    border-bottom: solid 1px var(--impact-paars);
}

nav ul ul li {
    border-bottom: solid 1px var(--impact-paars);
}
nav ul ul li:hover {
    background-color: #c40056;
}
nav li a, nav li a:link, nav li a:visited, nav li a:hover {
    color: #f5d30f;
}
nav ul li:visited, nav ul li:hover {
    background-color: #c40056;
}

nav ul ul {
    background-color: var(--impact-paars);
}
nav ul ul li a, nav ul ul li a:link, nav ul ul li a:visited, nav ul li:hover a {
    color:#f5d30f;
}

@media screen and (max-width: 1050px) {
    #bbr-product {
      font-size:2.9vw;
    }
    nav ul li {
        border-bottom:none;
    }
}
@media screen and (max-width: 900px) {
    #bbr-product {
        font-size:3.5vw;
    }
}