:root {

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

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

    /***Brand Colors***/
    --color-brand-primary: #000;
    --color-brand-primary-rgb: 0, 0, 0;
    --color-brand-secondary: #fff;
    --color-brand-tertiary: #F2931F;
    --color-brand-light: #fff;
    --color-brand-dark: #000;

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

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

.ui-dialog .ui-button.button--secondary,
.button--secondary {
    background-color: var(--color-brand-dark);
}

.layout-header-full-width .header_visual,
.layout-header-full-width .header_visual:before {
    height: unset;
    min-height: unset;
    aspect-ratio: 512/145;
    background-position: left top;
}

@media (max-width: 600px) {

    .layout-header-full-width .header_visual {
        height: unset;
        min-height: unset;
        aspect-ratio: 1;
    }
    .layout-header-full-width .header_visual:before {
        background-image: url(../images/Registratiepagina-Header-mobiel.jpg);
        height: unset;
        min-height: unset;
        aspect-ratio: 1;
        background-position: left top;
        background-size: cover;
    }
}