:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/header.jpg");
    --logo-sponsor: url("../../assets/images/sponsor-header.png");
    --logo-sponsor-evaluatie: url("../../assets/images/sponsor-evaluatie-header.png");
    --logo-alt: url("../../custom/theme/assets/images/logo.png");

    /***Header Image (Van toepassing op visual.twig)***/
    /* --header-image: url("../../custom/theme/assets/images/header_background.jpg"); */

    /***Brand Colors***/
    --color-brand-primary: #eb203e;
    --color-brand-primary-rgb: 235, 32, 62;
    --color-brand-secondary: #8a9bbd;
    /* --color-brand-tertiary: #008A0B;
    --color-brand-light: #fff0f7;
    --color-brand-dark: #5e1c33; */

    /***Font***/
    /* --font-family: 'Roboto', sans-serif; */
    /* --font-family-title: 'Roboto', sans-serif; */
    /* --font-size: 1.6rem; */

    --menu-height: 12rem;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}
.sponsor .logo {
    background-image: var(--logo-sponsor);   
}

body.page-evaluatie:has( .sponsor-evaluatie) .logo,
body.page-evaluatie_success:has( .sponsor-evaluatie) .logo {
    background-image: var(--logo-sponsor-evaluatie);   
}

.header_bar .logo {
    height: 120px;
}

.header_bar .menu {
    padding-left: 0;
}

header .header_bar {
    background: #8a9bbd;
}

strong {
    color: var(--color-brand-primary);
}