:root {
--color-0:  hsl(0, 0%, 0%);  			/* --- schwarz --- */
--color-0t: hsla(0, 0%, 0%, 0.5);		/* --- schwarz transp --- */
--color-01: hsl(0, 0%, 10%);			/* --- anthrazit --- */
--color-04: hsl(0, 0%, 20%);			/* --- grau dunkel --- */
--color-06: hsl(0, 0%, 50%);			/* --- grau --- */	
--color-08: hsl(0, 0%, 94%);			/* --- grau hell--- */	
--color-09: hsl(0, 0%, 100%);			/* --- weiss --- */	
--color-09t: hsla(0, 0%, 100%, 0.5);	/* --- weiss transp --- */	

--color-10: hsl(30, 97%, 27%);  		/* --- orange dunkel --- */
--color-15: #DB8F15;					/* --- orange wie Logo --- */
--color-17: hsl(30, 90%, 80%); 			/* --- orange hell --- */
--color-18: hsl(30, 99%, 50%);			/* --- orange leuchtend--- */

--color-20: hsl(168, 100%, 10%); 		/* --- gruen dunkel --- */
--color-25: hsl(168, 100%, 20%); 		/* --- gruen --- */

}


/* ---- Background Colors ------ */

 .bg-0 {background-color: var(--color-0);  color: var(--color-09);}
.bg-01 {background-color: var(--color-01); color: var(--color-09);}
.bg-04 {background-color: var(--color-04); }
.bg-06 {background-color: var(--color-06); }
.bg-08 {background-color: var(--color-08); }
.bg-09 {background-color: var(--color-09); }
.bg-09t {background-color: var(--color-09t); }

.bg-10 {background-color: var(--color-10); color: var(--color-09);}
.bg-15 {background-color: var(--color-15); color: var(--color-09);}
.bg-17 {background-color: var(--color-17); }

.bg-20 {background-color: var(--color-20); color: var(--color-09);}
.bg-25 {background-color: var(--color-25); color: var(--color-09);}


/* ---- Colors ------ */

 .c-0 {color: var(--color-0); }
.c-01 {color: var(--color-01); }
.c-04 {color: var(--color-04); }
.c-06 {color: var(--color-06); }
.c-08 {color: var(--color-08); }
.c-09 {color: var(--color-09); }

.c-10 {color: var(--color-10); }
.c-15 {color: var(--color-15); }
.c-17 {color: var(--color-17); }

.c-20 {color: var(--color-20); }
.c-25 {color: var(--color-25); }