:root {
    --color-black: #000;
    --color-white: #fff;

    --color-font: #786d68;
    --color-bg-header: #f4f2f0;
    --color-font-header: #8b7e79;
    --color-bg-footer: #ebe8e4;

    --color-bg-product: #f7f7f7;

    --font-serif: "FSSiena";
    --font-sans-serif: "Montserrat";

    --button-border-color: black;

    /* seiler */
    --color-seiler-beige: #F4F2F0;
    --color-seiler-braun: #786D68;
    --color-seiler-braun-50: #BBB5B3;
    --color-seiler-braun-35: #CFCBC9;

    /* panerai */
    --color-panerai-schwarz: #000000;
    --color-panerai-weiss: #ffffff;
    --color-panerai-grau: #f2f2f2;

    /* oris */
    --color-oris-schwarz: #000000;
    --color-oris-weiss: #ffffff;
    --color-oris-grau: #b5b5b5;


    /* fonts */
    /* seiler-desktop */


    /* seiler-mobile */
    --seiler-mobile-fontsize-h1: 27px;
    --seiler-mobile-lineheight-h1: 31px;

        --seiler-mobile-fontsize-h2: 19px;
        --seiler-mobile-lineheight-h2: 26px;

    --seiler-mobile-fontsize-h3: 19px;
    --seiler-mobile-lineheight-h3: 26px;

        --seiler-mobile-fontsize-leadtext: 16px;
        --seiler-mobile-lineheight-leadtext: 23px;

    --seiler-mobile-fontsize-copytext: 16px;
    --seiler-mobile-lineheight-copytext: 23px;

    --seiler-mobile-fontsize-akkordeon: 15px;
    --seiler-mobile-lineheight-akkordeon: 23px;

    --seiler-mobile-fontsize-footer-filter: 15px;
    --seiler-mobile-lineheight-footer-filter: 23px;

    --seiler-mobile-fontsize-links: 12px;
    --seiler-mobile-lineheight-links-filter: 16px;

    /* oris-desktop */
    --oris-desktop-fontsize-h1: 34px;
    --oris-desktop-lineheight-h1: 38px;

    --oris-desktop-fontsize-copytext: 17px;
    --oris-desktop-lineheight-copytext: 26px;


}

.seilerSwiss {

    --font-size-h1: 27px;
    --lineheight-h1: 31px;
    --font-size-h2: 27px;
    --lineheight-h2: 31px;
    --font-size-h3: 19px;
    --lineheight-h3: 26px;
    --font-size-lead: 16px;
    --lineheight-lead: 23px;
    --font-size-copy: 16px;
    --lineheight-copy: 23px;

    --font-size-akkordeon: 15px;
    --lineheight-akkordeon: 23px;
    --font-size-footerfilter: 15px;
    --lineheight-footerfilter: 23px;
    --font-size-links: 12px;
    --lineheight-links: 16px;

    @media (min-width: 1024px) {
        --font-size-h1: 44px;
        --lineheight-h1: 50px;
        --font-size-h2: 34px;
        --lineheight-h2: 42px;
        --font-size-h3: 23px;
        --lineheight-h3: 28px;
        --font-size-lead: 20px;
        --lineheight-lead: 29px;
        --font-size-copy: 18px;
        --lineheight-copy: 24px;

        --font-size-akkordeon: 21px;
        --lineheight-akkordeon: 27px;
        --font-size-footerfilter: 14px;
        --lineheight-footerfilter: 23px;
        --font-size-links: 13px;
        --lineheight-links: 27px;
    }
}

.panerai {

    --color-font: var(--color-panerai-schwarz);
    --font-serif: "Helvetica";
    --font-sans-serif: "Helvetica";

    --font-size-h1: 32px;
    --lineheight-h1: 38px;
    --font-size-h2: 24px;
    --lineheight-h2: 38px;
    --font-size-h3: 20px;
    --lineheight-h3: 28px;

    --font-size-lead: 20px;
    --lineheight-lead: 29px;
    --font-size-copy: 17px;
    --lineheight-copy: 25px;

    --font-size-akkordeon: 21px;
    --lineheight-akkordeon: 27px;
    --font-size-footerfilter: 13px;
    --lineheight-footerfilter: 25px;
    --font-size-links: 14px;
    --lineheight-links: 25px;

}

.oris {

    --color-font: var(--color-oris-schwarz);
    --font-serif: "BrownRegular";
    --font-sans-serif: "BrownRegular";

    --font-size-h1: 34px;
    --lineheight-h1: 38px;
    --font-size-h2: 24px;
    --lineheight-h2: 38px;
    --font-size-h3: 20px;
    --lineheight-h3: 28px;

    --font-size-lead: 20px;
    --lineheight-lead: 29px;
    --font-size-copy: 17px;
    --lineheight-copy: 26px;

    --font-size-akkordeon: 21px;
    --lineheight-akkordeon: 27px;
    --font-size-footerfilter: 13px;
    --lineheight-footerfilter: 25px;
    --font-size-links: 14px;
    --lineheight-links: 25px;

}
/*
color: #6d635f;
*/