:root {
    /* fvb new styling colors, might be replaced by proper color-groups */
    --fvb-grey: #efeeef;
    --fvb-blue: var(--brand-color-1);
    --fvb-green: var(--brand-color-10);

    --progress-info-percentage-line-height: 28px;
    --progress-info-percentage-padding-top-mobile: 4px;
    --progress-info-burger-menu-margin-top: 0;
    --progress-info-background-mix-blend-mode: normal;

    --option-switch-border: 1px solid var(--color-group-220);
    --option-switch-border-radius: 0;

    --contradictory-number-container-position: relative;

    --investor-type-gradient-line-color: var(--color-group-83);

    --non-transparent-overlay-background-color: var(--color-group-68);

    --investment-strategy-border: 2px solid transparent;
    --investment-strategy-border-hover: 2px solid var(--fvb-blue);
    --investment-strategy-border-active: 2px solid var(--fvb-blue);
    --investment-strategy-backround-color-active-hover: var(--fvb-grey);

    --background-image: transparent;

    --progress-info-burger-menu-color: white;

    /* header variables */
    --question-header-inner-container-justify-content: center;
    --question-header-inner-container-justify-content-mobile: space-between;
    --header-bottom-margin: 25px;

    --height-logo: 65px;
    --alternative-logo-url: url('/resources/img/logo-negative.svg');

    --header-height: 160px;
    --header-height-mobile: 80px;
    --header-background-color: var(--fvb-blue);
    --header-outline: 12px solid var(--fvb-green);
    --header-transform: skewY(-1.5deg);
    --header-inner-container-transform: skewy(1.5deg);
    --header-position: relative;
    --header-top: -55px;
    --header-inner-top: 30px;
    --hybrid-header-logo-position: absolute;
    --hybrid-header-cancel-button-color: white;
    --header-new-text-color: var(--hybrid-header-cancel-button-color);
}

/* individual change to future-button-1 for fvb */
.future-button-1 {
    border-radius: 25px;
    justify-content: center;
    padding: 5px 30px 2px 30px;
}

.future-button-1:before {
    content: '' !important;
}

.font-style-1 {
    font-weight: var(--vh-font-weight-1);
}

/* specific cancel-button stylings for custom hybrid header */
.cancel-button > .vh-button-3,
.cancel-button > .vh-button-3:before {
    color: var(--hybrid-header-cancel-button-color);
}