/*
Version 1.00
2026-10-21
Franz Butzhammer
*/
@charset "UTF-8";

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

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

@font-face {
    font-family: 'kf-icon-font-24';
    src: url('../assets/fonts/kf-icon-font-24.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-primary-50: #e0edf6;
    --color-primary-100: #b3d1e8;
    --color-primary-200: #80b3d9;
    --color-primary-300: #4d94ca;
    --color-primary-400: #267dbe;
    --color-primary-500: var(--color-primary);
    --color-primary-600: #005eac;
    --color-primary-700: #005ba0;
    --color-primary-800: #00499a;
    --color-primary-900: #00388b;
    --color-primary-A100: #82b4d9;
    --color-primary-A200: #84abff;
    --color-primary-A400: #5188ff;
    --color-primary-A700: #3777ff;
    --color-primary-darker-2: #005698;
    --color-primary: #0066b3;
    --color-primary-lighter: #82b4d9;
    --color-primary-darker: #005ba0;
    --color-primary-text: var(--color-primary);
    --color-primary-contrast: white;
    --color-primary-lighter-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-darker-contrast: white;
    --color-primary-50-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-100-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-200-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-300-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-400-contrast: white;
    --color-primary-500-contrast: var(--color-primary-contrast);
    --color-primary-600-contrast: white;
    --color-primary-700-contrast: white;
    --color-primary-800-contrast: white;
    --color-primary-900-contrast: white;
    --color-primary-A100-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-A200-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-A400-contrast: rgba(0, 0, 0, 0.84);
    --color-primary-A700-contrast: white;
    --color-primary-darker-2-contrast: white;
    --color-primary-variant: #002d67;
    --color-accent-50: #fef2eb;
    --color-accent-100: #fbcfb3;
    --color-accent-200: #f9af80;
    --color-accent-300: #f78e4d;
    --color-accent-400: #f57627;
    --color-accent-500: var(--color-accent);
    --color-accent-600: #f15601;
    --color-accent-700: #db5501;
    --color-accent-800: #ed4201;
    --color-accent-900: #ea3100;
    --color-accent-A100: white;
    --color-accent-A200: #ffe3de;
    --color-accent-A400: #ffb7ab;
    --color-accent-A700: #ffa191;
    --color-accent-darker-2: #ce5001;
    --color-accent: #f35e01;
    --color-accent-lighter: #f9af80;
    --color-accent-darker: #db5501;
    --color-accent-text: var(--color-accent);
    --color-accent-contrast: white;
    --color-accent-lighter-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-darker-contrast: white;
    --color-accent-50-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-100-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-200-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-300-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-400-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-500-contrast: var(--color-accent-contrast);
    --color-accent-600-contrast: white;
    --color-accent-700-contrast: white;
    --color-accent-800-contrast: white;
    --color-accent-900-contrast: white;
    --color-accent-A100-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-A200-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-A400-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-A700-contrast: rgba(0, 0, 0, 0.86);
    --color-accent-darker-2-contrast: white;
    --color-warn-50: #fbebeb;
    --color-warn-100: #f2b3b3;
    --color-warn-200: #e98080;
    --color-warn-300: #e04d4d;
    --color-warn-400: #d92626;
    --color-warn-500: var(--color-warn);
    --color-warn-600: #cd0000;
    --color-warn-700: #bd0000;
    --color-warn-800: #c10000;
    --color-warn-900: #b60000;
    --color-warn-A100: #ffdfdf;
    --color-warn-A200: #ffacac;
    --color-warn-A400: #ff7979;
    --color-warn-A700: #ff5f5f;
    --color-warn-light: #fceded;
    --color-warn: #d20000;
    --color-warn-lighter: #e98080;
    --color-warn-darker: #bd0000;
    --color-warn-text: var(--color-warn);
    --color-warn-contrast: #ffffff;
    --color-warn-lighter-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-darker-contrast: #ffffff;
    --color-warn-50-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-100-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-200-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-300-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-400-contrast: #ffffff;
    --color-warn-500-contrast: var(--color-warn-contrast);
    --color-warn-600-contrast: #ffffff;
    --color-warn-700-contrast: #ffffff;
    --color-warn-800-contrast: #ffffff;
    --color-warn-900-contrast: #ffffff;
    --color-warn-A100-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-A200-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-A400-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-A700-contrast: rgba(0, 0, 0, 0.86);
    --color-warn-light-contrast: #ffffff;
    --color-grey-50: #f5f7f9;
    --color-grey-100: #edf0f4;
    --color-grey-200: #d9e0e8;
    --color-grey-300: #ccd5e1;
    --color-grey-400: #bfcad9;
    --color-grey-500: var(--color-foreground-disabled);
    --color-grey-600: var(--color-foreground-secondary-text);
    --color-grey-700: rgba(0, 0, 0, 0.65);
    --color-grey-800: var(--color-foreground-text);
    --color-grey-50-contrast: var(--color-foreground-text);
    --color-grey-100-contrast: var(--color-foreground-text);
    --color-grey-200-contrast: var(--color-foreground-text);
    --color-grey-300-contrast: var(--color-foreground-text);
    --color-grey-400-contrast: var(--color-foreground-text);
    --color-grey-500-contrast: rgba(255, 255, 255, 0.38);
    --color-grey-600-contrast: rgba(255, 255, 255, 0.62);
    --color-grey-700-contrast: rgba(255, 255, 255, 0.65);
    --color-grey-800-contrast: rgba(255, 255, 255, 0.86);
    --color-grey-fixed-50: var(--color-grey-50);
    --color-grey-fixed-100: var(--color-grey-100);
    --color-grey-fixed-200: var(--color-grey-200);
    --color-grey-fixed-300: var(--color-grey-300);
    --color-grey-fixed-400: var(--color-grey-400);
    --color-grey-fixed-500: var(--color-grey-500);
    --color-grey-fixed-600: var(--color-grey-600);
    --color-grey-fixed-700: #5a5a5a;
    --color-grey-fixed-800: var(--color-grey-800);
    --color-grey-fixed-50-contrast: var(--color-grey-800);
    --color-grey-fixed-100-contrast: #5a5a5a;
    --color-grey-fixed-200-contrast: var(--color-grey-600);
    --color-grey-fixed-300-contrast: var(--color-grey-500);
    --color-grey-fixed-400-contrast: var(--color-grey-400);
    --color-grey-fixed-500-contrast: var(--color-grey-300);
    --color-grey-fixed-600-contrast: var(--color-grey-200);
    --color-grey-fixed-700-contrast: var(--color-grey-100);
    --color-grey-fixed-800-contrast: var(--color-grey-50);
    --color-grey-blue-50: #f5f8fb;
    --color-grey-blue-100: #dae2e8;
    --color-grey-blue-200: #9bafc3;
    --color-grey-blue-contrast-50: #282828;
    --color-grey-blue-50-contrast: #282828;
    --color-grey-blue-contrast-100: #282828;
    --color-grey-blue-100-contrast: #282828;
    --color-grey-blue-contrast-200: #282828;
    --color-grey-blue-200-contrast: #282828;
    --color-foreground-text: rgba(0, 0, 0, 0.86);
    --color-foreground-secondary-text: rgba(0, 0, 0, 0.62);
    --color-foreground-divider: var(--color-grey-200);
    --color-background-background: #fff;
    --color-background-background-100: var(--color-grey-50);
    --color-background-background-100-contrast: var(--color-foreground-text);
    --color-background-card: #fff;
    --color-on-background-stage-text-secondary: rgba(255, 255, 255, 0.84);

    --typography-font-family: "GenosGFG", "Segoe UI", Segoe, "DejaVu Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
    --typography-display-font-size: 1rem; /* 16px */
    --typography-display-line-height: 1.25rem; /* 20px */
    --typography-display-font-weight: 400;
    --typography-display-font-family: var(--typography-font-family);
    --typography-display-letter-spacing: normal;
    --typography-headline-font-size: 2.375rem; /* 38px */
    --typography-headline-line-height: 2.75rem; /* 44px */
    --typography-headline-font-weight: 700;
    --typography-headline-font-family: var(--typography-font-family);
    --typography-headline-letter-spacing: normal;
    --typography-title-font-size: 1.375rem; /* 22px */
    --typography-title-line-height: 2rem; /* 32px */
    --typography-title-font-weight: 700;
    --typography-title-font-family: var(--typography-font-family);
    --typography-title-letter-spacing: normal;
    --typography-subheading-2-font-size: 1.375rem; /* 22px */
    --typography-subheading-2-line-height: 2rem; /* 32px */
    --typography-subheading-2-font-weight: 400;
    --typography-subheading-2-font-family: var(--typography-font-family);
    --typography-subheading-2-letter-spacing: normal;
    --typography-subheading-1-font-size: 1.1875rem; /* 19px */
    --typography-subheading-1-line-height: 1.5rem; /* 24px */
    --typography-subheading-1-font-weight: 400;
    --typography-subheading-1-font-family: var(--typography-font-family);
    --typography-subheading-1-letter-spacing: normal;
    --typography-body-font-size: 1rem; /* 16px */
    --typography-body-line-height: 1.5rem; /* 24px */
    --typography-body-font-weight: 400;
    --typography-body-font-family: var(--typography-font-family);
    --typography-body-letter-spacing: normal;
    --typography-body-2-font-size: 1rem;
    --typography-body-2-line-height: 1.5rem;
    --typography-body-2-font-weight: 700;
    --typography-body-2-font-family: var(--typography-font-family);
    --typography-body-2-letter-spacing: normal;
    --typography-caption-font-size: 0.8125rem; /* 13px */
    --typography-caption-line-height: 1.125rem; /* 18px */
    --typography-caption-font-weight: 400;
    --typography-caption-font-family: var(--typography-font-family);
    --typography-caption-letter-spacing: normal;
    --typography-button-font-size: 0.8125rem; /* 13px */
    --typography-button-line-height: 1rem; /* 16px */
    --typography-button-font-weight: 700;
    --typography-button-font-family: var(--typography-font-family);
    --typography-button-letter-spacing: 0.038rem;
    --typography-input-font-size: 1rem; /* 16px */
    --typography-input-line-height: 1.25;
    --typography-input-font-weight: 400;
    --typography-input-font-family: var(--typography-font-family);
    --typography-input-letter-spacing: normal;
    --typography-mobile-display-4-font-size: 1rem;
    --typography-mobile-display-4-line-height: 1.25rem;
    --typography-mobile-display-4-font-weight: 400;
    --typography-mobile-display-4-font-family: var(--typography-font-family);
    --typography-mobile-display-4-letter-spacing: normal;
    --typography-mobile-display-3-font-size: 1rem;
    --typography-mobile-display-3-line-height: 1.25rem;
    --typography-mobile-display-3-font-weight: 400;
    --typography-mobile-display-3-font-family: var(--typography-font-family);
    --typography-mobile-display-3-letter-spacing: normal;
    --typography-mobile-display-2-font-size: 1rem;
    --typography-mobile-display-2-line-height: 1.25rem;
    --typography-mobile-display-2-font-weight: 400;
    --typography-mobile-display-2-font-family: var(--typography-font-family);
    --typography-mobile-display-2-letter-spacing: normal;
    --typography-mobile-display-1-font-size: 1rem;
    --typography-mobile-display-1-line-height: 1.25rem;
    --typography-mobile-display-1-font-weight: 400;
    --typography-mobile-display-1-font-family: var(--typography-font-family);
    --typography-mobile-display-1-letter-spacing: normal;
    --typography-mobile-headline-font-size: 1.75rem;
    --typography-mobile-headline-line-height: 2rem;
    --typography-mobile-headline-font-weight: 700;
    --typography-mobile-headline-font-family: var(--typography-font-family);
    --typography-mobile-headline-letter-spacing: normal;
    --typography-mobile-title-font-size: 1.375rem;
    --typography-mobile-title-line-height: 1.5rem;
    --typography-mobile-title-font-weight: 700;
    --typography-mobile-title-font-family: var(--typography-font-family);
    --typography-mobile-title-letter-spacing: normal;
    --typography-mobile-subheading-2-font-size: 1rem;
    --typography-mobile-subheading-2-line-height: 1.5rem;
    --typography-mobile-subheading-2-font-weight: 400;
    --typography-mobile-subheading-2-font-family: var(--typography-font-family);
    --typography-mobile-subheading-2-letter-spacing: normal;
    --typography-mobile-subheading-1-font-size: 1rem;
    --typography-mobile-subheading-1-line-height: 1.5rem;
    --typography-mobile-subheading-1-font-weight: 400;
    --typography-mobile-subheading-1-font-family: var(--typography-font-family);
    --typography-mobile-subheading-1-letter-spacing: normal;
    --typography-mobile-body-2-font-size: 1rem;
    --typography-mobile-body-2-line-height: 1.5rem;
    --typography-mobile-body-2-font-weight: 700;
    --typography-mobile-body-2-font-family: var(--typography-font-family);
    --typography-mobile-body-2-letter-spacing: normal;
    --typography-mobile-body-1-font-size: 1rem;
    --typography-mobile-body-1-line-height: 1.5rem;
    --typography-mobile-body-1-font-weight: 400;
    --typography-mobile-body-1-font-family: var(--typography-font-family);
    --typography-mobile-body-1-letter-spacing: normal;
    --typography-mobile-caption-font-size: 0.8125rem;
    --typography-mobile-caption-line-height: 1.125rem;
    --typography-mobile-caption-font-weight: 400;
    --typography-mobile-caption-font-family: var(--typography-font-family);
    --typography-mobile-caption-letter-spacing: normal;
    --typography-mobile-button-font-size: 0.8125rem;
    --typography-mobile-button-line-height: 1;
    --typography-mobile-button-font-weight: 700;
    --typography-mobile-button-font-family: var(--typography-font-family);
    --typography-mobile-button-letter-spacing: normal;
    --typography-mobile-input-font-size: 1rem;
    --typography-mobile-input-line-height: 1.25rem;
    --typography-mobile-input-font-weight: 400;
    --typography-mobile-input-font-family: var(--typography-font-family);
    --typography-mobile-input-letter-spacing: normal;
    --typography-mobile-font-family: var(--typography-font-family);

    --error-text-color: var(--color-warn);
    --error-text-font-size: 1.25rem;
    --error-text-line-height: var(--typography-body-line-height);

    --options-focus-box-shadow-color: var(--color-primary-300);
    --options-focus-box-shadow-color-contrast: #fff;
    --options-focus-box-shadow: 0 0 0 0.125rem var(--options-focus-box-shadow-color-contrast), 0 0 0 0.25rem var(--options-focus-box-shadow-color);
    --options-effect-box: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1);
    --options-effect-box-on-box: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
    --options-container-border-radius: 0.5rem;
    --options-headline-color: var(--color-primary-variant);
    --options-selected-color: #fce4d5;
    --options-widget-border-radius: 0.25rem;

    --state-default-ripple: rgba(0, 102, 179, 0.1);
    --state-on-primary-ripple: rgba(255, 255, 255, 0.1);

    --default-background-color: var(--color-background-background-100);
    --default-font-family: var(--typography-font-family);
    --default-font-color: var(--color-foreground-text);
    --default-font-size: var(--typography-body-font-size);
    --default-font-weight: 400;
    --default-border: 1px solid #cccccc;

    --header-font-family: var(--typography-font-family);
    --header-1-color: var(--options-headline-color);
    --header-1-font-size: 2.0rem;
    --header-1-font-weight: 400;
    --header-1-line-height: 1.05rem;
    --header-2-color: #5a5a5a;
    --header-2-font-size: 1.5rem;
    --header-2-font-weight: 400;
    --header-2-line-height: 1.15rem;
    --header-3-color: var(--color-primary);
    --header-3-font-size: 1.2rem;
    --header-3-font-weight: 400;
    --header-3-line-height: 1.16666667rem;
    --header-6-font-size: 0.8rem;
    --header-6-font-weight: normal;
    --header-metanavigation-text-color: var(--color-on-background-stage-text-secondary);
    --header-metanavigation-text-color-active: var(--color-primary-contrast);
    --header-metanavigation-background-color-hover: #1a4276;
    --header-metanavigation-active-emphasis-color: var(--color-accent);

    --header-bank-background: var(--color-background-background);
    --header-bank-border-color: var(--color-grey-fixed-200);
    --header-metanavigation-background: var(--color-primary-variant);

    --button-filled-text-color: var(--color-primary-contrast);
    --button-filled-background-color: var(--color-primary);
    --button-filled-hover-background-color: var(--color-primary-darker);
    --button-filled-disabled-label-text-color: var(--button-filled-text-color);
    --button-filled-disabled-container-color: var(--button-filled-background-color);
    --button-filled-ripple-color: var(--state-on-primary-ripple);

    --button-outlined-border-width: 0.125rem;
    --button-outlined-background-color: transparent;
    --button-outlined-text-color: var(--color-primary);
    --button-outlined-border-color: var(--color-primary);
    --button-outlined-hover-background-color: #f2f7fb;
    --button-outlined-disabled-text-color: var(--button-outlined-text-color);
    --button-outlined-disabled-border-color: var(--button-outlined-border-color);
    --button-outlined-ripple-color: var(--state-default-ripple);

    --default-button-radius: 1.375rem;
    --default-button-padding: 0.0rem 1rem 0.0rem 1rem;
    --default-botton-height: 2.75rem;
    --default-button-color: var(--button-outlined-text-color);
    --default-button-background-color: var(--button-outlined-background-color);
    --default-button-border: var(--button-outlined-border-width) solid var(--button-outlined-border-color);
    --default-button-font-family: var(--typography-font-family);
    --default-button-font-size: var(--typography-button-font-size);
    --default-botton-hover-color: var(--button-outlined-text-color);
    --default-botton-hover-background-color: var(--button-outlined-hover-background-color);
    --default-botton-hover-border: var(--button-outlined-border-width) solid var(--button-outlined-border-color);
    --default-button-focus-border: var(--button-outlined-border-width) solid var(--button-outlined-border-color);

    --botton-active-color: var(--color-primary-contrast);;
    --botton-active-background-color: var(--button-filled-background-color);
    --botton-active-border: none;
    --botton-active-focus-color: var(--color-primary-contrast);;
    --botton-active-focus-background-color: var(--button-filled-background-color);
    --botton-active-focus-border: none;
    --botton-active-hover-color: var(--color-primary-contrast);;
    --botton-active-hover-background-color: var(--button-filled-hover-background-color);
    --botton-active-hover-border: none;

    --botton-disabled-color: #abacb0;
    --botton-disabled-background-color: #7b7b7b;
    --botton-disabled-border: 1px solid #e2e2e2;
    
    --navigation-button-forward-color: var(--color-primary-contrast);;
    --navigation-button-forward-background-color: var(--button-filled-background-color);
    --navigation-button-forward-border: none;
    --navigation-button-forward-focus-color: var(--color-primary-contrast);;
    --navigation-button-forward-focus-background-color: var(--button-filled-background-color);
    --navigation-button-forward-focus-border: none;
    --navigation-button-forward-hover-color: var(--color-primary-contrast);;
    --navigation-button-forward-hover-background-color: var(--button-filled-hover-background-color);
    --navigation-button-forward-hover-border: none;

    --navigation-button-backward-color: var(--button-outlined-text-color);
    --navigation-button-backward-background-color: var(--button-outlined-background-color);
    --navigation-button-backward-border: var(--button-outlined-border-width) solid var(--button-outlined-border-color);
    --navigation-button-backward-focus-color: var(--button-outlined-text-color);
    --navigation-button-backward-focus-background-color: var(--button-outlined-background-color);
    --navigation-button-backward-focus-border: var(--button-outlined-border-width) solid var(--button-outlined-border-color);
    --navigation-button-backward-hover-color: var(--button-outlined-text-color);
    --navigation-button-backward-hover-background-color: var(--button-outlined-hover-background-color);
    --navigation-button-backward-hover-border: var(--button-outlined-border-width) solid var(--button-outlined-border-color);

    --default-input-border: 1px solid #cccccc;
    --default-input-background-color: #ffffff;
    --default-input-font-size: 1em;
    --default-input-line-height:1.333em;
    --default-input-padding: 0.25em 0px 0.333em 0.583em;
    --default-input-select-padding: 0.25em 0px 0.333em 0.333em;
    --default-input-focus-border: 1px solid var(--color-primary);

    --default-link-color: var(--color-primary);
}