html.techniekwerkt:root {
    --PRIMARY: #ef7625;
    --PRIMARY-HOVER: var(--PRIMARY);
    --SECONDARY: #2fb69e;
}

html.vacatures:root {
    --PRIMARY: #2fb69e;
    --PRIMARY-HOVER: var(--PRIMARY);
    --SECONDARY: #ef7625;
}

html.itwerkt:root {
    --PRIMARY: #483675;
    --SECONDARY: #efc011;
}

.logo-header {
    display: inline-flex;
    align-self: center;
    transition: color 150ms;
}

.logo-header:hover {
    text-decoration: none;
}

.logo-header img {
    height: 4.5rem;
}