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

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

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

    --button-color: #377f95;
    --button-hover-color: color-mix(in hsl, var(--button-color), #000000 20%);
    --button-text-color: #FFFFFF;

    --link-text-color: #0070b9;
    --text-color: #1C171A;
    --title-color: #1C171A;

    --offwhite-background-color: color-mix(in srgb, var(--highlight-color), var(--color-white) 95%);

    
    }

    :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;
    }