/* generiert aus knx_kursfarben - nicht von Hand pflegen */
:root {
    --primary-color: #007BFF;
    --secondary-color: #6d826f;
    --third-color: #c12626;
    --fourth-color: #79bf65;
    --background-color: #c8c5c5;
    --text-color: #203e5a;
    --course_ADC: rgb(103,205,249);
    --course_text_ADC: rgb(0,0,0);
    --course_ADV: rgb(38,167,253);
    --course_text_ADV: rgb(255,242,214);
    --course_ARC: rgb(204,204,204);
    --course_text_ARC: rgb(0,0,0);
    --course_BAC: rgb(26,213,89);
    --course_text_BAC: rgb(191,120,120);
    --course_BAS: rgb(14,241,33);
    --course_text_BAS: rgb(0,0,0);
    --course_ENE: rgb(143,255,221);
    --course_text_ENE: rgb(35,22,212);
    --course_EVT: rgb(255,0,217);
    --course_text_EVT: rgb(11,41,162);
    --course_FAI: rgb(255,234,0);
    --course_text_FAI: rgb(10,10,10);
    --course_HAI: rgb(167,209,236);
    --course_text_HAI: rgb(236,50,50);
    --course_HAS: rgb(134,213,244);
    --course_text_HAS: rgb(40,40,40);
    --course_HVA: rgb(255,181,20);
    --course_text_HVA: rgb(13,15,18);
    --course_MET: rgb(157,251,223);
    --course_text_MET: rgb(10,116,255);
    --course_NRD: rgb(240,0,0);
    --course_text_NRD: rgb(0,0,0);
    --course_PRO: rgb(3,102,62);
    --course_text_PRO: rgb(255,255,255);
    --course_REC: rgb(185,112,45);
    --course_text_REC: rgb(73,70,70);
    --course_REF: rgb(236,224,91);
    --course_text_REF: rgb(6,6,20);
    --course_SEC: rgb(255,10,177);
    --course_text_SEC: rgb(236,224,91);
    --course_SUN: rgb(236,240,0);
    --course_text_SUN: rgb(174,143,143);
    --course_TUT: rgb(214,41,41);
    --course_text_TUT: rgb(0,0,0);
    --course_VIS: rgb(193,223,236);
    --course_text_VIS: rgb(0,0,0);
    --course_X2B: rgb(251,160,55);
    --course_text_X2B: rgb(0,50,50);
}

.course {
    background-color: #e9edf1;
    color: var(--text-color);
    border-color: #b9c4cd;
}

/* Pastell-Look: 70% Kursfarbe + 30% Weiss, Text/Rahmen voll deckend. */
.course.ADC { background-color: color-mix(in srgb, var(--course_ADC) 70%, white); color: var(--course_text_ADC); border-color: var(--course_text_ADC); }
.course.ADV { background-color: color-mix(in srgb, var(--course_ADV) 70%, white); color: var(--course_text_ADV); border-color: var(--course_text_ADV); }
.course.ARC { background-color: color-mix(in srgb, var(--course_ARC) 70%, white); color: var(--course_text_ARC); border-color: var(--course_text_ARC); }
.course.BAC { background-color: color-mix(in srgb, var(--course_BAC) 70%, white); color: var(--course_text_BAC); border-color: var(--course_text_BAC); }
.course.BAS { background-color: color-mix(in srgb, var(--course_BAS) 70%, white); color: var(--course_text_BAS); border-color: var(--course_text_BAS); }
.course.ENE { background-color: color-mix(in srgb, var(--course_ENE) 70%, white); color: var(--course_text_ENE); border-color: var(--course_text_ENE); }
.course.EVT { background-color: color-mix(in srgb, var(--course_EVT) 70%, white); color: var(--course_text_EVT); border-color: var(--course_text_EVT); }
.course.FAI { background-color: color-mix(in srgb, var(--course_FAI) 70%, white); color: var(--course_text_FAI); border-color: var(--course_text_FAI); }
.course.HAI { background-color: color-mix(in srgb, var(--course_HAI) 70%, white); color: var(--course_text_HAI); border-color: var(--course_text_HAI); }
.course.HAS { background-color: color-mix(in srgb, var(--course_HAS) 70%, white); color: var(--course_text_HAS); border-color: var(--course_text_HAS); }
.course.HVA { background-color: color-mix(in srgb, var(--course_HVA) 70%, white); color: var(--course_text_HVA); border-color: var(--course_text_HVA); }
.course.MET { background-color: color-mix(in srgb, var(--course_MET) 70%, white); color: var(--course_text_MET); border-color: var(--course_text_MET); }
.course.NRD { background-color: color-mix(in srgb, var(--course_NRD) 70%, white); color: var(--course_text_NRD); border-color: var(--course_text_NRD); }
.course.PRO { background-color: color-mix(in srgb, var(--course_PRO) 70%, white); color: var(--course_text_PRO); border-color: var(--course_text_PRO); }
.course.REC { background-color: color-mix(in srgb, var(--course_REC) 70%, white); color: var(--course_text_REC); border-color: var(--course_text_REC); }
.course.REF { background-color: color-mix(in srgb, var(--course_REF) 70%, white); color: var(--course_text_REF); border-color: var(--course_text_REF); }
.course.SEC { background-color: color-mix(in srgb, var(--course_SEC) 70%, white); color: var(--course_text_SEC); border-color: var(--course_text_SEC); }
.course.SUN { background-color: color-mix(in srgb, var(--course_SUN) 70%, white); color: var(--course_text_SUN); border-color: var(--course_text_SUN); }
.course.TUT { background-color: color-mix(in srgb, var(--course_TUT) 70%, white); color: var(--course_text_TUT); border-color: var(--course_text_TUT); }
.course.VIS { background-color: color-mix(in srgb, var(--course_VIS) 70%, white); color: var(--course_text_VIS); border-color: var(--course_text_VIS); }
.course.X2B { background-color: color-mix(in srgb, var(--course_X2B) 70%, white); color: var(--course_text_X2B); border-color: var(--course_text_X2B); }