:root {
    /* Hauptfarbe – Rot */
    --color-primary: #A00129;
    --color-primary-light: #dbbcc3;
    --color-primary-transparent: #a00129a8;
    --color-primary-dark: #7B001F;
    --color-primary-very-dark: #46121f;
    --color-primary-text: #ffffff;
    --color-primary-hover: #A00129;
    --color-primary-hover-dark: #93092c;
    /* Sekundärfarbe – Creme */
    --color-secondary: #F6F4E7;
    --color-secondary-hover: #EDEACE;
    --color-secondary-dark: #EDEACE;
    --color-secondary-border: #A00129;
    /* Hintergrundfarben */
    --color-background: #f9fafb;
    --color-surface: #ffffff;
    --color-surface-alt: #f1f5f9;
    /* Textfarben */
    --color-text: #3d3b3b;
    --color-text-muted: #828282;
    --color-text-inverse: #ffffff;
    /* Statusfarben */
    /* inspiration: https://designsystem.digital.gov/design-tokens/color/state-tokens/ */
    --color-info: #00bde3;
    --color-info-lighter: #e7f6f8;
    --color-info-light: #99deea;
    --color-info-dark: #009ec1;
    --color-info-darker: #2e6276;
    --color-danger: red; /* Rot */
    --color-error: #d54309;
    --color-error-lighter: #f4e3db;
    --color-error-light: #f39268;
    --color-error-dark: #b50909;
    --color-error-darker: #6f3331;
    --color-warning: #ffbe2e;
    --color-warning-lighter: #faf3d1;
    --color-warning-light: #fee685;
    --color-warning-dark: #e5a000;
    --color-warning-darker: #936f38;
    --color-success: #00a91c;
    --color-success-lighter: #ecf3ec;
    --color-success-light: #70e17b;
    --color-success-dark: #008817;
    --color-success-darker: #216e1f;
    --color-disabled: #757575;
    --color-disabled-lighter: #c9c9c9;
    --color-disabled-light: #919191;
    --color-disabled-dark: #454545;
    --color-disabled-darker: #1b1b1b;
    --color-emergency: #9c3d10;
    --color-emergency-dark: #332d29;
    /* Rahmen & Schatten */
    --color-border: #e2e8f0;
    --color-shadow: rgba(0, 0, 0, 0.05);
    --color-subtle-hover: rgba(0, 0, 0, 0.02);
    --font-size-base: 1rem;
    --font-size-lead: 1.25rem;
    --font-size-small: 0.875rem;
    --font-size-smaller: 0.75rem;
    --font-size-very-small: 0.625rem;
    --line-height-base: 1.6;
    --font-weight-bold: 600;
    --font-weight-normal: 400;
    --border-radius: 0.3rem;
    /*ICONS*/
    --color-icon-primary: #808080;
    --color-component-border: #d9d9d9;
    /* fonts */
    --title-font: 'LobsterTwo';
    --standard-font: 'Ubuntu';
    /* custom colors */
    --color-dark-grey: #686765;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f2f2f2;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    cursor: pointer;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--color-primary-hover);
    }