/**
 * theme-variables.css
*/

:root {
    --scrollbar-width: 0px;
    /* nötig wenn Overlay Menü ist offen */

    --primary-font: 'Gotham';
    --secondary-font: 'Gotham';

    --body-text-color: #242A36;
    --heading-text-color: #242A36;
    --subheading-text-color: #95C428;

    --color-white: #fff;
    --color-dark: #242A36;
    --color-liga: #95C428;
    --color-grey: #7C7C7C;
    --color-input: #696665;
    /* --color-border: #EDEDED; */
    --color-border: #DDDDDD;

    --background-white: #fff;
    --background-dark: #242A36;
    --background-liga: #95C428;
    --background-liga-light: rgba(149, 196, 40, 0.25);
    --background-liga-extra-light: rgba(149, 196, 40, 0.15);
    --background-grey: #F0F0F0;
    --background-dark-grey: #D9D9D9;

    --section-padding-top-bottom: 7rem 0;
    --section-padding-top: 7rem 0 0;
    --section-padding-bottom: 0 0 7rem;

    --border-radius-half: .5rem;
    --border-radius-one: 1rem;
    --border-radius-one-quarter: 1.25rem;
    --border-radius-one-half: 1.5rem;
}


@media all and (max-width: 1700px) {

    :root {

        --section-padding-top-bottom: 6.5rem 0;
        --section-padding-top: 6.5rem 0 0;
        --section-padding-bottom: 0 0 6.5rem;
    }

}


@media all and (max-width: 1600px) {

    :root {

        --section-padding-top-bottom: 6rem 0;
        --section-padding-top: 6rem 0 0;
        --section-padding-bottom: 0 0 6rem;
    }

}


@media all and (max-width: 1500px) {

    :root {

        --section-padding-top-bottom: 5rem 0;
        --section-padding-top: 5rem 0 0;
        --section-padding-bottom: 0 0 5rem;
    }

}


@media all and (max-width: 1100px) {

    :root {

        --section-padding-top-bottom: 4rem 0;
        --section-padding-top: 4rem 0 0;
        --section-padding-bottom: 0 0 4rem;
    }

}



@media all and (max-width: 600px) {

    :root {

        --border-radius-half: .3rem;
        --border-radius-one: .75rem;
        --border-radius-one-quarter: 1rem;
        --border-radius-one-half: 1.25rem;
    }

}