/* Erzeugt aus den Einstellungen des Dashboards. */
:root { --heute: #ff3b30; --termin: #34c759; --aufgabe: #ff9500; --tag: #ffcc00; --tag-ink: #3d2f00; --nacht: #1f4fd1; --tonne-rest: #8e8e93; --tonne-bio: #34c759; --tonne-papier: #007aff; --tonne-gelb: #ff9500; --tonne-schadstoff: #ff3b30; --tonne-altkleider: #af52de; --p-gelb: #ffcc00; --p-orange: #ff9500; --p-rot: #ff3b30; --p-pink: #ff2d55; --p-lila: #af52de; --p-indigo: #5856d6; --p-blau: #007aff; --p-dunkelblau: #1f4fd1; --p-tuerkis: #32ade6; --p-mint: #00c7be; --p-gruen: #34c759; --p-braun: #a2845e; --p-grau: #8e8e93; --k-J1T: #ffcc00; --k-J1N: #1f4fd1; --k-J2T: #ffcc00; --k-J2N: #1f4fd1; --k-K1T: #ffcc00; --k-K1N: #1f4fd1; --k-I1T: #ffcc00; --k-I1N: #1f4fd1; --k-O1T: #ffcc00; --k-O1N: #1f4fd1; --k-UR: #af52de; --k-SF: #8e8e93; --k-SP: #ff9500; --k-KR: #ff3b30; --k-KA: #ff3b30; --k-FAS: #af52de; --k-QZP: #34c759; --k-P8: #8e8e93; }
:root[data-theme="dunkel"] { --heute: #ff453a; --termin: #30d158; --aufgabe: #ff9f0a; --tag: #ffd60a; --tag-ink: #3d2f00; --nacht: #2f5fe8; --tonne-rest: #98989d; --tonne-bio: #30d158; --tonne-papier: #0a84ff; --tonne-gelb: #ff9f0a; --tonne-schadstoff: #ff453a; --tonne-altkleider: #bf5af2; --p-gelb: #ffd60a; --p-orange: #ff9f0a; --p-rot: #ff453a; --p-pink: #ff375f; --p-lila: #bf5af2; --p-indigo: #5e5ce6; --p-blau: #0a84ff; --p-dunkelblau: #2f5fe8; --p-tuerkis: #64d2ff; --p-mint: #63e6e2; --p-gruen: #30d158; --p-braun: #ac8e68; --p-grau: #98989d; --k-J1T: #ffd60a; --k-J1N: #2f5fe8; --k-J2T: #ffd60a; --k-J2N: #2f5fe8; --k-K1T: #ffd60a; --k-K1N: #2f5fe8; --k-I1T: #ffd60a; --k-I1N: #2f5fe8; --k-O1T: #ffd60a; --k-O1N: #2f5fe8; --k-UR: #bf5af2; --k-SF: #98989d; --k-SP: #ff9f0a; --k-KR: #ff453a; --k-KA: #ff453a; --k-FAS: #bf5af2; --k-QZP: #30d158; --k-P8: #98989d; }
.f-gelb > span { background: var(--p-gelb); }
.f-orange > span { background: var(--p-orange); }
.f-rot > span { background: var(--p-rot); }
.f-pink > span { background: var(--p-pink); }
.f-lila > span { background: var(--p-lila); }
.f-indigo > span { background: var(--p-indigo); }
.f-blau > span { background: var(--p-blau); }
.f-dunkelblau > span { background: var(--p-dunkelblau); }
.f-tuerkis > span { background: var(--p-tuerkis); }
.f-mint > span { background: var(--p-mint); }
.f-gruen > span { background: var(--p-gruen); }
.f-braun > span { background: var(--p-braun); }
.f-grau > span { background: var(--p-grau); }
.chip.k-J1T { background: var(--k-J1T); color: #3d2f00; }
.bar.k-J1T, .punkt.k-J1T { background: var(--k-J1T); }
.shift-picker button.sel.k-J1T { background: var(--k-J1T); color: #3d2f00; }
.next.k-J1T { color: #3d2f00; background: linear-gradient(145deg, color-mix(in srgb, var(--k-J1T) 65%, #fff), var(--k-J1T) 60%); }
.chip.k-J1N { background: var(--k-J1N); color: #fff; }
.bar.k-J1N, .punkt.k-J1N { background: var(--k-J1N); }
.shift-picker button.sel.k-J1N { background: var(--k-J1N); color: #fff; }
.next.k-J1N { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-J1N) 65%, #fff), var(--k-J1N) 60%); }
.chip.k-J2T { background: var(--k-J2T); color: #3d2f00; }
.bar.k-J2T, .punkt.k-J2T { background: var(--k-J2T); }
.shift-picker button.sel.k-J2T { background: var(--k-J2T); color: #3d2f00; }
.next.k-J2T { color: #3d2f00; background: linear-gradient(145deg, color-mix(in srgb, var(--k-J2T) 65%, #fff), var(--k-J2T) 60%); }
.chip.k-J2N { background: var(--k-J2N); color: #fff; }
.bar.k-J2N, .punkt.k-J2N { background: var(--k-J2N); }
.shift-picker button.sel.k-J2N { background: var(--k-J2N); color: #fff; }
.next.k-J2N { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-J2N) 65%, #fff), var(--k-J2N) 60%); }
.chip.k-K1T { background: var(--k-K1T); color: #3d2f00; }
.bar.k-K1T, .punkt.k-K1T { background: var(--k-K1T); }
.shift-picker button.sel.k-K1T { background: var(--k-K1T); color: #3d2f00; }
.next.k-K1T { color: #3d2f00; background: linear-gradient(145deg, color-mix(in srgb, var(--k-K1T) 65%, #fff), var(--k-K1T) 60%); }
.chip.k-K1N { background: var(--k-K1N); color: #fff; }
.bar.k-K1N, .punkt.k-K1N { background: var(--k-K1N); }
.shift-picker button.sel.k-K1N { background: var(--k-K1N); color: #fff; }
.next.k-K1N { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-K1N) 65%, #fff), var(--k-K1N) 60%); }
.chip.k-I1T { background: var(--k-I1T); color: #3d2f00; }
.bar.k-I1T, .punkt.k-I1T { background: var(--k-I1T); }
.shift-picker button.sel.k-I1T { background: var(--k-I1T); color: #3d2f00; }
.next.k-I1T { color: #3d2f00; background: linear-gradient(145deg, color-mix(in srgb, var(--k-I1T) 65%, #fff), var(--k-I1T) 60%); }
.chip.k-I1N { background: var(--k-I1N); color: #fff; }
.bar.k-I1N, .punkt.k-I1N { background: var(--k-I1N); }
.shift-picker button.sel.k-I1N { background: var(--k-I1N); color: #fff; }
.next.k-I1N { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-I1N) 65%, #fff), var(--k-I1N) 60%); }
.chip.k-O1T { background: var(--k-O1T); color: #3d2f00; }
.bar.k-O1T, .punkt.k-O1T { background: var(--k-O1T); }
.shift-picker button.sel.k-O1T { background: var(--k-O1T); color: #3d2f00; }
.next.k-O1T { color: #3d2f00; background: linear-gradient(145deg, color-mix(in srgb, var(--k-O1T) 65%, #fff), var(--k-O1T) 60%); }
.chip.k-O1N { background: var(--k-O1N); color: #fff; }
.bar.k-O1N, .punkt.k-O1N { background: var(--k-O1N); }
.shift-picker button.sel.k-O1N { background: var(--k-O1N); color: #fff; }
.next.k-O1N { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-O1N) 65%, #fff), var(--k-O1N) 60%); }
.chip.k-UR { background: color-mix(in srgb, var(--k-UR) 20%, transparent); color: var(--k-UR); }
.bar.k-UR, .punkt.k-UR { background: var(--k-UR); }
.shift-picker button.sel.k-UR { background: var(--k-UR); color: #fff; }
.next.k-UR { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-UR) 65%, #fff), var(--k-UR) 60%); }
.chip.k-SF { background: color-mix(in srgb, var(--k-SF) 20%, transparent); color: var(--k-SF); }
.bar.k-SF, .punkt.k-SF { background: var(--k-SF); }
.shift-picker button.sel.k-SF { background: var(--k-SF); color: #fff; }
.next.k-SF { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-SF) 65%, #fff), var(--k-SF) 60%); }
.chip.k-SP { background: color-mix(in srgb, var(--k-SP) 20%, transparent); color: var(--k-SP); }
.bar.k-SP, .punkt.k-SP { background: var(--k-SP); }
.shift-picker button.sel.k-SP { background: var(--k-SP); color: #fff; }
.next.k-SP { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-SP) 65%, #fff), var(--k-SP) 60%); }
.chip.k-KR { background: color-mix(in srgb, var(--k-KR) 20%, transparent); color: var(--k-KR); }
.bar.k-KR, .punkt.k-KR { background: var(--k-KR); }
.shift-picker button.sel.k-KR { background: var(--k-KR); color: #fff; }
.next.k-KR { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-KR) 65%, #fff), var(--k-KR) 60%); }
.chip.k-KA { background: color-mix(in srgb, var(--k-KA) 20%, transparent); color: var(--k-KA); }
.bar.k-KA, .punkt.k-KA { background: var(--k-KA); }
.shift-picker button.sel.k-KA { background: var(--k-KA); color: #fff; }
.next.k-KA { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-KA) 65%, #fff), var(--k-KA) 60%); }
.chip.k-FAS { background: var(--k-FAS); color: #fff; }
.bar.k-FAS, .punkt.k-FAS { background: var(--k-FAS); }
.shift-picker button.sel.k-FAS { background: var(--k-FAS); color: #fff; }
.next.k-FAS { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-FAS) 65%, #fff), var(--k-FAS) 60%); }
.chip.k-QZP { background: var(--k-QZP); color: #fff; }
.bar.k-QZP, .punkt.k-QZP { background: var(--k-QZP); }
.shift-picker button.sel.k-QZP { background: var(--k-QZP); color: #fff; }
.next.k-QZP { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-QZP) 65%, #fff), var(--k-QZP) 60%); }
.chip.k-P8 { background: color-mix(in srgb, var(--k-P8) 20%, transparent); color: var(--k-P8); }
.bar.k-P8, .punkt.k-P8 { background: var(--k-P8); }
.shift-picker button.sel.k-P8 { background: var(--k-P8); color: #fff; }
.next.k-P8 { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--k-P8) 65%, #fff), var(--k-P8) 60%); }