:root {
    --groen: #41ad49;
    --dgroen: #45a047;
    --wit: #ffffff;
}

.bg-groen {
    background-color: var(--groen);
    color: var(--wit);
}

.txt-groen {
    color: var(--groen);
}

.btn-groen {
    background-color: var(--groen);
    color: var(--wit);
}

.btn-groen:hover {
    background-color: var(--dgroen);
    color: var(--wit);
}

a {
    color: var(--groen);
}

a:hover {
    color: var(--dgroen);
}

/* anchor */

a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}


/* navbar */

.logo {
    width: 3rem;
    height: 3rem;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: underline;
}


/* FAQs */
.accordion-button:not(.collapsed) {
    color: var(--groen);
    background-color: transparent;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.faq-title {
    font-weight: 300;
}


/* footer */

.logo-footer {
    width: 2rem;
    height: 2rem;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}