.booking-grid tbody tr.booking-grid__stunde>td{background-color:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.booking-grid tbody tr:not(.booking-grid__stunde)>td{background-color:color-mix(in srgb, var(--color-ink) 2%, var(--color-surface))}.booking-grid tbody tr.booking-grid__stunde>.booking-grid__zeit{background-color:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface))}.booking-grid tbody tr:not(.booking-grid__stunde)>.booking-grid__zeit{background-color:color-mix(in srgb, var(--color-ink) 3%, var(--color-surface))}.booking-grid tbody tr.raster-zeile--nacht.booking-grid__stunde>td{background-color:color-mix(in srgb, var(--color-ink) 10%, var(--color-brand) 4%, var(--color-surface))}.booking-grid tbody tr.raster-zeile--nacht:not(.booking-grid__stunde)>td{background-color:color-mix(in srgb, var(--color-ink) 13%, var(--color-surface))}.booking-grid tbody .booking-grid__slot--frei:hover,.booking-grid tbody .booking-grid__slot--markiert,.booking-grid tbody .booking-grid__slot--gewaehlt{background-color:var(--color-brand-tint)}.booking-grid tbody tr.booking-grid__stunde>.booking-grid__slot--vergangen{background-color:color-mix(in srgb, var(--color-ink) 7%, var(--color-brand) 5%, var(--color-surface))}.booking-grid tbody tr:not(.booking-grid__stunde)>.booking-grid__slot--vergangen{background-color:color-mix(in srgb, var(--color-ink) 8%, var(--color-surface))}.booking-grid tbody tr.raster-zeile--nacht.booking-grid__stunde>.booking-grid__slot--vergangen{background-color:color-mix(in srgb, var(--color-ink) 15%, var(--color-brand) 4%, var(--color-surface))}.booking-grid tbody tr.raster-zeile--nacht:not(.booking-grid__stunde)>.booking-grid__slot--vergangen{background-color:color-mix(in srgb, var(--color-ink) 18%, var(--color-surface))}
