:root {
    --color-bg: #ffffff;
    --color-base: #f9f9f9;
    --color-text: #1f1f1f;
    --color-schwarz: #000000;
    --color-muted: #6b6b6b;
    --color-accent: #1f1f1f;
    --color-logo: #25c5da;
    --color-logo-text: #07353c;
    --color-gold: #daa725;
    --color-fehler: #b3261e;
    --color-dark: #1f1f1f;
    --color-dark-2: #2a2a2a;
    --color-mint: #25daa4;
    --color-logo-blass: color-mix(in srgb, #25c5da 14%, #ffffff);
    --color-blue: #257ada;
    --color-violet: #6725da;
    --color-showcase-bg: #f9f9f9;
    --color-linkedin: #0077b5;
    --color-whatsapp: #25d366;
    --color-google-blau: #4285f4;
    --color-google-gruen: #34a853;
    --color-google-gelb: #fbbc05;
    --color-google-rot: #ea4335;
    --color-stern: #fbbc04;
    --color-telefon: #1f1f1f;
    --color-email: #07353c;

    --color-magenta: #b325da;
    --color-indigo: #252eda;
    --color-green: #25da58;
    --color-lime: #3dda25;
    --color-yellow-green: #89da25;

    --color-petrol-1: #137987;
    --color-petrol-2: #0d616c;

    --hero-video-opacity: 0.08;
    --showcase-bg-opacity: 0.08;
    --hero-video-pos: 50% 50%;
    --footer-video-opacity: 0.08;

    --font-base: "Figtree", system-ui, sans-serif;
    --font-logo: "Montserrat", system-ui, sans-serif;

    --label-tracking: 0.14em;

    --eyebrow-tracking: 0.28em;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;

    --h1-size: 6.8rem;
    --h1-leading: 1;
    --h1-tracking: -0.026em;

    --h2-size: 5rem;
    --h2-tracking: -0.022em;

    --card-title-size: 2.2rem;
    --panel-title-size: 2.6rem;
    --panel-title-lg-size: 3.2rem;
    --card-title-tracking: -0.014em;

    --body-size: 1.9rem;
    --body-leading: 1.5;

    --ease-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-nav: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-sine: cubic-bezier(0.39, 0.575, 0.565, 1);

    --gutter: 6rem;
    --content-width: 65%;

    --color-nav: #8a8a8a;
    --color-nav-faded: #c9c9c9;

    --header-height: 4.5rem;
    --header-logo-size: 2.07rem;
    --header-sub-size: calc(var(--header-logo-size) * 0.381);
    --header-link-size: 1.3rem;

    --showcase-box-size: 32rem;
    --showcase-logo-size: calc(var(--showcase-box-size) * 0.086);
    --showcase-sub-size: calc(var(--showcase-logo-size) * 0.381);

    --logo-fade-delay: 0.3s;
    --logo-fade-dur: 0.5s;
    --nav-fade-delay: 0.5s;
    --nav-fade-dur: 0.5s;

    --nav-fly-delay: 0.5s;
    --nav-fly-dur: 0.8s;
    --nav-fly-step: 0.12s;
    --nav-fly-dist: 2rem;
    --hl-fly-delay: 0.8s;
    --hl-fly-step: 0.03s;
    --hl-fly-dur: 0.5s;
    --hl-fly-dur-slow: 0.8s;
    --hl-slow-gap: 0.5s;
    --hl-fly-dist: 0.4rem;
    --hl-pause-short: 0.25s;
    --hl-pause-long: 0.7s;

    --mw-dur: 0.5s;
    --mw-interval: 0.9s;
    --mw-ul-delay: 3.2s;

    --wipe-dur: 0.8s;
    --bg-fade-dur: 1.6s;
    --bg-fade-delay: 0.8s;
}

@media (max-width: 767px) {
    :root {
        --h1-size: 3rem;
        --h1-leading: 1.1;
        --h1-tracking: -0.034em;
        --h2-size: 3.2rem;
        --body-size: 1.6rem;

        --gutter: 3rem;

        --header-height: 6.4rem;
        --header-logo-size: 2rem;
        --header-link-size: 1.8rem;

        --showcase-logo-size: 2.85rem;

        --content-width: 85%;

        --hero-video-pos: 80% 50%;

    }
}