:root {
    /* Verschiedene Radius groessen */
    --radius-big: 12px;
    --radius-medium: 10px;
    --radius-small: 8px;
    --button-radius: 8px;
    /* standard hoehe fuer bloecke */
    --block-height: 45px;
    /* Standard border breite */
    --border-width: 2px;
    /* Farbschema */
    --main-dark-color: #3f3f3f;
    --second-dark-color: #303030;
    --third-dark-color: #e6e6e6;
    --main-light-color: #ffffff;
    --second-light-color: #eeeeee;
    --hover-light-color: #cfcfcf;
    --green-color: #AFCA00;
    --red-color: #A6244A;
    /* Navigationsbereite */
    --nav-width: 60px;
    /* Standard gap */
    --gap-width: 75px;
    /* Button standard Einstellungen */
    --big-button-width: 333px; 
    --small-button-width: 150px;
    --button-height: 35px;
    /* Status Farben */
    --status-yellow: #E3C4B4;
    --status-green: #B8C658;
    --status-red: #A6244A;
    --status-grey: #808080;
    /* aside */
    --verlauf-height: 35px;
    --datum-size: 80px;
    --total-width: 290px;
    --step-width: 40px;
    --verlauf-padding: 5px;
    --verlauf-font-size: 14px;
    /* Das weiss ich grad selbst nicht */
    --main-background: #737373;
    /* Hoehe des Feldes in dem Logo und Willkommen eingebaut sind */
    --bodyHead-height: 120px;
    /* Farbe des headers der Hauptbloecke */
    --header-color: #3f3f3f;
}