:root {
     --schwarz: rgba(51, 51, 51,1);
     --weiss: rgba(255,255,255,1);
     --hellgraugelb: rgba(234,233,233,1);
     --dunklhellgraugelb: rgba(224,222,222,1);
     --hellestaubenblau: rgba(199,211,214,1);
     --taubenblau: rgba(144, 168, 173, 1);
     --rosarot: rgba(185, 103, 94, 1);
     --ganzhellesoliv: rgba(244,242,229,1);
     --hellesoliv: rgba(88, 80, 19, .5);
     --oliv: rgba(88, 80, 19, 1);
     --hellgrau: rgba(196, 196, 196, 1);
     --dunkelgrau: rgba(116,116,116,1);
     --transparent: rgba(255,255,255,0);
}
.schwarz_font {
     color: var(--schwarz);
}
.schwarz_back {
     background-color: var(--schwarz);
}
.weiss_font {
     color: var(--weiss);
}
.weiss_back {
     background-color: var(--weiss);
}
.hellgraugelb_font {
     color: var(--hellgraugelb);
}
.hellgraugelb_back {
     background-color: var(--hellgraugelb);
}
.dunklhellgraugelb_font {
     color: var(--dunklhellgraugelb);
}
.dunklhellgraugelb_back {
     background-color: var(--dunklhellgraugelb);
}
.hellestaubenblau_font {
     color: var(--hellestaubenblau);
}
.hellestaubenblau_back {
     background-color: var(--hellestaubenblau);
}
.taubenblau_font {
     color: var(--taubenblau);
}
.taubenblau_back {
     background-color: var(--taubenblau);
}
.rosarot_font {
     color: var(--rosarot);
}
.rosarot_back {
     background-color: var(--rosarot);
}
.ganzhellesoliv_font {
     color: var(--ganzhellesoliv);
}
.ganzhellesoliv_back {
     background-color: var(--ganzhellesoliv);
}
.hellesoliv_font {
     color: var(--hellesoliv);
}
.hellesoliv_back {
     background-color: var(--hellesoliv);
}
.oliv_font {
     color: var(--oliv);
}
.oliv_back {
     background-color: var(--oliv);
}
.hellgrau_font {
     color: var(--hellgrau);
}
.hellgrau_back {
     background-color: var(--hellgrau);
}
.dunkelgrau_font {
     color: var(--dunkelgrau);
}
.dunkelgrau_back {
     background-color: var(--dunkelgrau);
}
.transparent_back {
     background-color: var(--transparent);
}