#buchungen { scroll-margin-top: 24px; }
.bp-task-family { margin: 36px 0; }
.bp-task-family-heading { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #cbdce7; color: #174d6e; font-size: 23px; }
.bp-task-family .bp-portal-booking-head h4 { margin: 0; font-size: 19px; }
.bp-task-family .bp-portal-unit-group { margin-bottom: 18px; }
.bp-task-origin, .bp-task-summary { margin: 5px 0 0; color: #536f80; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.bp-task-new-order { padding: 14px 18px; border: 1px solid #c4dfd0; border-radius: 12px; background: #f1f8f4; color: #254e3b; margin: 18px 0; }
.bp-task-new-label { display: inline-block; margin-top: 6px; padding: 3px 8px; border-radius: 6px; background: #e0f0e6; color: #28553e; font-size: 12px; }
.bp-task-family .bp-portal-unit.is-booked-order, .bp-portal-booking.is-booked-order { background: #f7fbf8; border-left: 3px solid #8aba9e; }
.bp-task-deadline { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 5px; padding: 8px 12px; margin: 12px 0 0; border-radius: 8px; background: #eef4f8; color: #294f66; font-size: 14px; line-height: 1.5; }
.bp-task-deadline.is-soon, .bp-task-deadline.is-overdue { background: #fff3d7; color: #745018; }
.bp-task-deadline span { font-size: 12px; }
@media (max-width: 600px) {
 .bp-task-family-heading { font-size: 21px; }
 .bp-task-family .bp-portal-unit { min-width: 0; }
 .bp-task-family .bp-portal-unit-name { min-width: 0; overflow-wrap: anywhere; }
 .bp-task-family .bp-portal-unit-action { max-width: 100%; }
}