:root {
    /* Schriftgröße (responsiv) */
    --fs-min: 1rem;
    --fs-max: 1.25rem;
    font-size: clamp(var(--fs-min), 0.875rem + 0.5vw, var(--fs-max));

    /* Schrift */
    --body-font-family: 'Montserrat';
    --body-font-weight: 400;
    --body-font-line-height: 1.65;
    --body-font-lead-line-height: 1.45;
    --body-font-lead-size: 1.25rem;
    --font-font-size: 1rem;
    --font-font-small: 0.875rem;

    /* Farben */
    --color-primary-full: #e10a14;
    --color-secondary-full: #f08200;
    --color-neutral: #dadada;
    --color-text: #333333;

    --color-dark: #2c2c2c;
    --color-dark-contrast: #faf4ee;
    --color-light: #faf4ee;
    --color-light-contrast: #2c2c2c;

    /* Navigation */
    --color-nav-main-link: #e10a14;
    --color-nav-main-link-hover: #f08200;

    /* Headlines */
    --headline-font-weight: 700;
    --headline-font-line-height: 1.15;
    --headline-h1-color: #e10a14;
    --headline-h1-size: 2.75rem;
    --headline-h2-color: #333333;
    --headline-h2-size: 2rem;
    --headline-h3-color: #333333;
    --headline-h3-size: 1.5rem;
    --headline-h4-color: #333333;
    --headline-h4-size: 1.25rem;

    /* Content */
    --content-max-width: 1244px;
    --margin-top-paragraph: 1em;
    --margin-bottom-paragraph: 1em;
    --max-width-paragraph: 784px;

    /* Footer */
    --footer-background-color: var(--color-light);
    --footer-text-color: var(--color-light-contrast);
    --footer-link-color: var(--color-primary-full);
    --footer-link-text-decoration: none;
    --footer-link-hover-text-decoration: underline;
    --footer-vertical-padding: 2.5em;

    /* Viewports */
    --viewport-small: 768px;
    --viewport-medium: 992px;
    --viewport-large: 1280px;
}