:root {
    /*background*/
    --main-background: #fafafa; /* background */
    --background-1: rgba(0,0,0,.025);
    --background-2: rgba(0,0,0,.05);
    --background-3: rgba(0,0,0,.35);
    --background-4: rgba(0,0,0,0.5);
    /*white*/
    --white-transparent: rgba(255,255,255,0);
    --white-1: #fff;
    /*gray*/
    --gray-1: #e9ecef;
    --gray-2: #dadcde;
    --gray-3: #C6CCD2; /* Hintergrund Menuebaum */ /*--mainmenu*/
    --gray-4: gray;
    --gray-5: #495057;
    /*blue*/
    --blue-1: #e2ecf6; /* Hellere Variante des FORMAT-Blauton 1 */
    --blue-2: #80B4D9; /* Akzentfarbe 2 */
    --blue-3: #507A99; /* Akzentfarbe 1 */
    --blue-4: #355166; /* Hintergrund Headerleiste */
    --blue-5: #085689; /* primary button hover */
    /*green*/
    --valid-active: #00cc00; /* valid active node */
    --valid: #006600; /* valid */
    /*yellow, orange, brown*/
    --yellow-1: lightyellow;
    --info: var(--blue-5);
    --warning-active: #fcab53; /* warning active node*/
    --warning: #fe9b00; /* warning */
    --warning-text: #A86800; /* warning */
    --attention: #7D4A17; /* attention */
    /*red*/
    --grey: grey;
    --red-1: #fb5660;
    --error: var(--f-color-4);
    --error-active: var(--f-color-4); /* error active node */
    /*Formatfarben*/
    --f-color-1: #6F9ED4; /* Formatfarbe 1 */
    --f-color-2: #2581C4; /* Formatfarbe 2 */
    --f-color-3: #0069b4; /* Formatfarbe 3 */
    --f-color-4: #E30613; /* Formatfarbe 4 */
    /*textcolors*/
    --textcolor-1: black;
    --textcolor-2: white;
    --textcolor-3: var(--gray-5);
    /*border*/
    --border-1: rgba(0,0,0,.2);
    /*AgGrid*/
    --row-hover: var(--blue-1);
    --row-select: #9CC5E2;
    --shadow-1: rgba(0, 0, 0, 0.5);
    /*colors*/
    --success-border: #7BB77B;
    --success-background: #BDDBBD;
    --success-text: #003300;
    --failure-border: #D59096;
    --failure-background: #E4CDCF;
    --failure-text: #630308;
    --information-border: #8BACC0;
    --information-background: #CDDBE4;
    --information-text: #213340;
    --warning2-border: #D2AF79;
    --warning2-background: #ECDDC6;
    --warning2-text: #4E2E0E;
    /* Limitierte Funktion: warm-sandig statt neutralgrau. Grau ist zwar korrekt
       zurückhaltend, wird aber als "deaktiviert" gelesen und übersehen - der
       Zustand ist jedoch ein Angebot und soll auffallen. Bewusst KEIN Rot und
       kein sattes Warngelb: es ist nichts kaputt. Verwendet die bereits
       vorhandene gedämpfte Warmpalette (--warning2-*), damit keine weitere
       Buntfamilie ins CI kommt. */
    --licence-border: var(--warning2-border);
    --licence-background: var(--warning2-background);
    --licence-text: var(--warning2-text);
}

.none-color {
    color: var(--gray-5);
}

.error-color {
    color: var(--error);
}

.warning-color {
    color: var(--warning);
}

.valid-color {
    color: var(--valid);
}

.info-color {
    color: var(--info);
}