:root {
    /* Hauptfarbe – Rot */
    --color-primary: #A00129;
    --color-primary-light: #FD3C6C;
    --color-primary-transparent: #a00129a8;
    --color-primary-dark: #7B001F;
    --color-primary-hover: #7B001F;
    --color-primary-hover-dark: #93092c;
    /* Sekundärfarbe – Creme */
    --color-secondary: #F6F4E7;
    --color-secondary-hover: #EDEACE;
    --color-secondary-dark: #EDEACE;
    /* Textfarben */
    --color-text: #555555;
    --color-text-muted: #685353;
    --color-text-inverse: #ffffff;
    /* Statusfarben */
    --color-success: #3cb371; /* mediumseagreen */
    --color-warning: #eab308; /* warmes Gelb */
    --color-danger: red; /* Rot */
    --color-info: #3b82f6; /* reines Informationsblau */
    /* Rahmen & Schatten */
    --color-border: #e2e8f0;
    --color-shadow: rgba(0, 0, 0, 0.05);
    --font-size-base: 1rem;
    --font-size-lead: 1.25rem;
    --font-size-title: 1.5rem;
    --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: 5px;
    /*ICONS*/
    --color-icon-primary: #808080;
    --color-component-border: #d9d9d9;
    /* fonts */
    --title-font: 'LobsterTwo';
    --standard-font: 'Ubuntu';
    /* Seiten spezifisch */
    /* homepage */
    --homepage-min-height: calc(100dvh - 4rem - 2rem - 9rem - 2rem - 2rem - 100px - 2rem);
    --navbar-height: 4rem;
}
/* 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);
    }