@font-face {
        font-family: "CustomTitleFont";
        src: url("https://vaya.invitado.nl/uploads/e401c6f748ce0161d5b3464612e73b2f76898541fe7627186ccefd464cba0c70.woff2") format("woff2");
    }


:root {
    --header-color: #ffffff;
    --header-text-color: #343434;

    --highlight-color: #aa418c;
    --highlight-text-color: #ffffff;

    --headline-spacing: var(--spacing);

    --button-color: #aa418c;
    --button-hover-color: color-mix(in hsl, var(--button-color), #000000 20%);
    --button-text-color: #ffffff;

    --link-text-color: #0070b9;
    --text-color: #343434;
    --title-color: #00526e;

    --offwhite-background-color: #f7f7f7;

            --font-family-title: "Twemoji Country Flags", "CustomTitleFont", "Roboto", "sans-serif";
        --font-title-weight: 600;
    
    }

    :root {
        --headline-spacing: var(--spacing);
    }

    .header {
        height: 15rem;
    }

    .header,
    .header--scrolled {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    }

    .header_logo_image {
        max-height: 3rem;
    }

    .header_kvk-gradientbar {
        background: linear-gradient(to right, #aa418c 0%, #ff9300 100%);
        height: 1rem;
    }

    .header_kvk-graybar {
        background: #efefef;
        height: 4rem;
    }

    .bottom_kvk-gradientbar {
        background: linear-gradient(to right, #aa418c 0%, #ff9300 100%);
        height: 1rem;
    }

    .bottom_kvk-graybar {
        background: #efefef;
        height: 7rem;
    }