/* A stable color for each course, shared by month, week and the legend. */
.calendar-section [data-course]{--course-color:#9f2130;--course-tint:#fff0f1;--course-hover:#fce0e3}
.calendar-section [data-course="stapler"]{--course-color:#166534;--course-tint:#edf8ef;--course-hover:#daefdf}
.calendar-section [data-course="bagger"]{--course-color:#9a3412;--course-tint:#fff1e5;--course-hover:#ffe2cd}
.calendar-section [data-course="kran"]{--course-color:#1e40af;--course-tint:#eef2ff;--course-hover:#dfe7ff}
.calendar-section [data-course="teleskop"]{--course-color:#6b21a8;--course-tint:#f7efff;--course-hover:#ecdfff}
.calendar-section [data-course="buehnen"]{--course-color:#0e6670;--course-tint:#e8f6f7;--course-hover:#d1ecef}
.calendar-section [data-course="lasten"]{--course-color:#9d174d;--course-tint:#fdf0f5;--course-hover:#f9dce9}
.calendar-section [data-course="ladung"]{--course-color:#854d0e;--course-tint:#fff8dd;--course-hover:#f9edbc}
.calendar-section .calendar-event[data-course],.calendar-section .agenda-event[data-course]{background:var(--course-tint);color:var(--course-color);border-left:4px solid var(--course-color);box-shadow:none}
.calendar-section .calendar-event[data-course]:hover,.calendar-section .agenda-event[data-course]:hover{background:var(--course-hover)}
.calendar-event[data-course] strong,.agenda-event[data-course] strong{color:var(--course-color)}
.agenda-event[data-course] span{color:var(--course-color)}
.calendar-event[data-course]:focus-visible,.agenda-event[data-course]:focus-visible{outline:3px solid var(--course-color);outline-offset:3px}
.calendar-legend{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:0 0 22px;font-size:14px;line-height:1.4}
.calendar-legend li{margin:0;max-width:100%}
.calendar-legend a{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.calendar-legend a:hover,.calendar-legend a[aria-current=true]{border-bottom-color:var(--course-color);color:var(--course-color)}
.course-swatch{display:inline-block;width:11px;height:11px;border-radius:2px;background:var(--course-color);flex-shrink:0}
@media(max-width:600px){.calendar-legend{font-size:12px;gap:5px 14px;margin-bottom:18px}.calendar-legend a{min-height:30px}.calendar-event[data-course]{border-left-width:3px}}