:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/re-logo-2025.png");
    --logo-alt: url("../../custom/theme/assets/images/re-logo-2025.png");

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

    /***Brand Colors***/
    --color-brand-primary: #0f314c;
    --color-brand-primary-rgb: 15, 49, 76;
    --color-brand-secondary: #f1cc00;
    --color-brand-tertiary: #161616;
    --color-brand-light: #E9F2F6;
    --color-brand-dark: #0f314c; 

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

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}

@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TitilliumWeb Black';
    src: url('../fonts/TitilliumWeb-Black.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-RegularItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

header .header_bar {
    background-color: var(--color-brand-dark);
}

body.layout-header-full-width main {
    padding-top: 0;
}

.layout-header-full-width .header_visual, .layout-header-full-width .header_visual:before {
    height: 50vh;
}