/* Frontend */
.day_wrapper { margin: -1%; }
.day_wrapper .day_el { float: left; border-bottom: 1px solid var(--highlight); padding: 0 0 1% 0; margin: 1%; width: 18%; }
.day_wrapper .day_el .date { font-size: 150%; margin-bottom: 10px; }
.timeslots .timeslot { display: block; width: 100%; text-decoration: none; position: relative; line-height: 30px; margin: 1% 0; }
.timeslots .timeslot.bookedOut { color: var(--warning); opacity: 0.5; }
.timeslots .timeslot:last-child { margin-bottom: 0; }
.timeslots .timeslot .time, .timeslots .timeslot .freeSlots, .timeslots .timeslot .buchen_btn { float: left; width: 30%; position: relative; z-index: 2; }
.timeslots .timeslot .time { float: left; width: 40%; }
.timeslots .timeslot.noBtn .freeSlots { width: 60%; }
.timeslots .timeslot .progressBar { position: absolute; z-index: 1; height: 100%; opacity: 0.5; }