:root {
    --scale: 1;
    --background-color: #E4E4E4;
    --frame-background-bg-grau: #F2EFEE;
    --maincolor: #60B609;
    --button: #00498D;
    --Lindgrn: #60B609;
    --Graubraun: #26211C;
    --Terrabraun: #423731;
    --Rostrot: #BD3D22;
    --Goldgelb: #FABB00;
    --Gelbgruen: #D4D700;
    --Hellgruen: #8AB546;
    --Grasgruen: #007D40;
    --Tuerkisblau: #333399;
    --Lichtblau: #1F81BB;
    --colorH1: #60B609;
    --colorH2: #60B609;
    --colorH3: #60B609;
    --colorH4: #60B609;
    --colorH5: #26211C;
    --color-link: #60B609;
    --font-color: #26211C;
    --h1: normal normal normal 30px/34px "Futura Round Bold";
    --h2: normal normal normal 26px/36px "Futura Round Bold";
    --h3: normal normal normal 24px/28px "Futura Round Bold";
    --h4: normal normal normal 20px/26px "Futura Round Bold";
    --h5: normal normal normal 18px/22px "Futura Round Bold";
    --caption: normal normal normal 12px/16px "Futura Round";
    --kleintext: normal normal normal 14px/20px "Futura Round";
    --fliesstext: normal normal normal 16px/24px "Utopia Std";
    --extra: normal normal normal 18px/26px "Futura Round";
    --introtext: normal normal normal 22px/28px "Futura Round";
    --introtext-klein: normal normal normal 20px/26px "Futura Round";
    --label: normal normal normal 12px/18px "Utopia Std";
    --fett: "Futura Round Bold";
    --font: "Futura Round";
    /*//////////////////Bootestrap-Variablen ;berschreiben//////////////////////////*/
    --contentcontainer-gap: 15px !important;
    /*//////////////////TABLET//////////////////////////*/
    @media (min-width: 980px) {
        --h1: normal normal normal 46px/54px "Futura Round Bold";
        --h2: normal normal normal 36px/42px "Futura Round Bold";
        --h3: normal normal normal 28px/34px "Futura Round Bold";
        --h4: normal normal normal 22px/32px "Futura Round Bold";
        --h5: normal normal normal 20px/24px "Futura Round Bold";
        --caption: normal normal normal 14px/18px "Futura Round";
        --kleintext: normal normal normal 16px/22px "Futura Round";
        --fliesstext: normal normal normal 18px/28px "Utopia Std";
        --extra: normal normal normal 20px/28px "Futura Round";
        --introtext: normal normal normal 26px/32px "Futura Round";
        --introtext-klein: normal normal normal 22px/28px "Futura Round";
        --label: normal normal normal 14px/21px "Utopia Std";
    }
    /*//////////////////DESKTOP//////////////////////////*/
    @media (min-width: 1200px) {
        --h1: normal normal normal 56px/64px "Futura Round Bold";
        --h2: normal normal normal 42px/50px "Futura Round Bold";
        --h3: normal normal normal 32px/40px "Futura Round Bold";
        --caption: normal normal normal 16px/20px "Futura Round";
        --introtext: normal normal normal 30px/40px "Futura Round";
        --introtext-klein: normal normal normal 26px/34px "Futura Round";
        --label: normal normal normal 16px/20px "Utopia Std";
    }
}