/* Automatisch erzeugt aus tokens.json (Muster Garten- und Landschaftsbau (Demo)). Nicht von Hand ändern. */

@font-face {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/outfit-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/outfit-latin-500-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --c-primary: #245C3A;
    --c-dark: #24352C;
    --c-background: #F7F6F0;
    --c-surface: #FFFFFF;
    --c-sage: #DCE5D8;
    --c-sage-soft: #F2F5EF;
    --c-stone: #D8C7A4;
    --c-text: #2F3437;
    --c-muted: #565C60;
    --c-line: #E4E2D8;
    --c-field: #C9CEC6;
    --c-dark-line: #3E5146;
    --c-accent: #245C3A;

    --font-heading: "Outfit", Arial, sans-serif;
    --font-body: "Inter", Arial, sans-serif;

    --fs-0: 1rem;
    --fs--1: 0.7692rem;
    --fs-1: 1.3rem;
    --fs-2: 1.69rem;
    --fs-3: 2.197rem;
    --fs-4: 2.8561rem;
    --fs-5: 3.7129rem;
    --fs-6: 4.8268rem;
    --lh-body: 1.6;
    --lh-heading: 1.2;

    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 8rem;

    --max-width: 1240px;
    --gutter: 32px;
    --radius: 8px;
}

@media (max-width: 720px) {
    :root {
        --fs-1: 1.18rem;
        --fs-2: 1.3924rem;
        --fs-3: 1.643rem;
        --fs-4: 1.9388rem;
        --fs-5: 2.2878rem;
        --fs-6: 2.6996rem;
    }
}

/* Menü klappt ab 1000px Breite ein */
@media (max-width: 1000px) {
    .nav-toggle { display: inline-block; }
    .site-nav { display: none; width: 100%; }
    .site-nav.is-open { display: block; }
}