:root {
    /* Hintergrundfarben */
    --headerbg: #383838;
    --sliderbg: #787878;
    --pagebg: #f8f5f5;
    --headeractbg: #3a9ac8;

    /* Textfarben */
    --headertxt: #ffffff;
    --headeracttxt: #c8e1fa;
    --color-text: #ffffff;
    --color-text-dark: #7a7a7a;

    /* Schriftarten */
    
    --font-sans: 'Poppins', Arial, Helvetica, sans-serif;

    --font-heading: 'Helvetica Neue', sans-serif;

    /* Schriftgrößen */
    --font-xs: 12px;
    --font-sm: 14px;
    --font-md: 16px;
    --font-lg: 20px;
    --font-xl: 24px;
    --font-xxl: 32px;

    /* Schriftgewichte */
    --fw-light: 300;
    --fw-normal: 400;
    --fw-bold: 700;

    /* Zeilenhöhe */
    --line-height-sm: 1.2;
    --line-height-md: 1.4;
    --line-height-lg: 1.6;

    /* Buttons */
    --btn-radius: 8px;
}