:root {
    --white: #fff;
    --white70: rgba(255, 255, 255, .7);
    --white40: rgba(255, 255, 255, .4);
    --greyDarker: #3b3b3b;
    --greyDarker2: #303030;
    --greyDarker3: #464646;
    --greyMid: #545454;
    --greyMid1: #5c5c5c;
    --greyMid2: #787878;
    --greyMid3: #adadad;
    --greyLight: #cfcfcf;
    --greyLight1: #e6e6e6;
    --greyLight2: #f5f5f5;
    --greyLight3: #fafafa;
    --greyLight4: #ececec;
    --black: #000;
    --black90: rgba(0, 0, 0, .9);
    --black80: rgba(0, 0, 0, .8);
    --black70: rgba(0, 0, 0, .7);
    --black60: rgba(0, 0, 0, .6);
    --black50: rgba(0, 0, 0, .5);
    --black40: rgba(0, 0, 0, .4);
    --black30: rgba(0, 0, 0, .3);
    --black20: rgba(0, 0, 0, .2);
    --maincolordark: #a37e51;
    --maincolorDeepDark: #e97b00;
    --maincolor: #9dd1de;
    --secondary: #649db9;
    --redDarker: #980000;
    --redMid: #ce3535;
    --redLight: #f94f4f;
    --redWashed: #803008;
    --rose: #fbaea0;
    --greenDarker: #477e00;
    --greenMid: #94bc26;
    --greenLight: #d1f3a5;
    --goldMid: #cc9d65;
    --goldLight: #fcc58a;
    --invalid: #ffc5c5;
    --valid: #ecf9db;
    --gradient: radial-gradient(circle, rgba(255, 255, 255, 1) 46%, rgba(227, 227, 227, 1) 100%);
    --min: #fcd913;
    --empfohlen: #93c019;
    --max: #e2000a;
    --tBlau: blue;
    --tRot: red;
    --tGelb: yellow;
    --tGruen: green;
    --tHellblau: lightblue;
    --tSchwarz: black;
    --tWeiss: white;
}