:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --blau: #3a80ba; --blau-dunkel: #214f75; --gruen: #5ca045; --gruen-dunkel: #12280d; --grau: #e7e7e7; --grau-dunkel: #73777f; --weiss: #ffffff; --schwarz: #000; --blau-l-1: #5b95c6; --blau-l-2: #7caad1; --blau-l-3: #9dc0dd; --blau-l-4: #bdd5e8; --blau-l-5: #deeaf4; --gruen-l-1: #77b064; --gruen-l-2: #92c083; --gruen-l-3: #aed0a2; --gruen-l-4: #c9dfc1; --gruen-l-5: #e4efe0; --gruen-t-1: hsla(105, 40%, 45%, 0.17); --gruen-t-2: hsla(105, 40%, 45%, 0.33); --gruen-t-3: hsla(105, 40%, 45%, 0.5); --gruen-t-4: hsla(105, 40%, 45%, 0.67); --gruen-t-5: hsla(105, 40%, 45%, 0.83); --blau-t-1: hsla(207, 52%, 48%, 0.17); --blau-t-2: hsla(207, 52%, 48%, 0.33); --blau-t-3: hsla(207, 52%, 48%, 0.5); --blau-t-4: hsla(207, 52%, 48%, 0.67); --blau-t-5: hsla(207, 52%, 48%, 0.83); --schwarz-t-1: hsla(0, 0%, 0%, 0.09); --schwarz-t-2: hsla(0, 0%, 0%, 0.18); --schwarz-t-3: hsla(0, 0%, 0%, 0.27); --schwarz-t-4: hsla(0, 0%, 0%, 0.36); --schwarz-t-5: hsla(0, 0%, 0%, 0.45); --schwarz-t-6: hsla(0, 0%, 0%, 0.55); --schwarz-t-7: hsla(0, 0%, 0%, 0.64); --schwarz-t-8: hsla(0, 0%, 0%, 0.73); --schwarz-t-9: hsla(0, 0%, 0%, 0.82); --schwarz-t-10: hsla(0, 0%, 0%, 0.91);}