.mainlogo {
    background-image: url(/img/WeightWorks_Blauw.svg);
    height: 70px;
    width: 240px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    left: -25px;
    margin-bottom: 1rem;
}
.frontpage .mainlogo {
	margin-left: -10px;
}

:root {
    --primary: #4d507f;
    --secondary: #c4006e;
    --background-light: #fdfdfd;
    --background-dark: #f7f7fd;
    --background-darker: #e0e2f7;
    --menu-background: var(--primary);
    --link: var(--secondary);
    --highlight: var(--secondary);
    --highlight-background: var(--link);
    --menu-font-color: #ffffff;
    --background: #ffffff;
    --footer-background: #464b60;

    --page-primary-color: var(--primary);
}

input[type="submit"].btn:not(.old).btn-primary, input[type="reset"].btn:not(.old).btn-primary, input[type="button"].btn:not(.old).btn-primary, button.btn:not(.old).btn-primary, .btn:not(.old).btn-primary, .btn-small:not(.old).btn-primary, .btn-med:not(.old).btn-primary, .btn-large:not(.old).btn-primary {
    background-color: var(--secondary);
}

[class^="hvc-icon-"]:before, [class*=" hvc-icon-"]:before, [class^="object-icon-"]:before, [class*=" object-icon-"]:before,
section div.cnspanel div.item div.header div.type::before {
    color: var(--secondary) !important;
}