/* Einheitliche Aktionsleisten für die Personenverzeichnisse. */
.page-head:has(#add-lead-button),
.page-head:has(#add-guest-button),
.page-head:has(#add-active-member-button) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.page-head:has(#add-lead-button) .actions,
.page-head:has(#add-guest-button) .actions,
.page-head:has(#add-active-member-button) .actions {
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-end;
}

.page-head:has(#add-lead-button) .actions .button,
.page-head:has(#add-guest-button) .actions .button,
.page-head:has(#add-active-member-button) .actions .button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .page-head:has(#add-lead-button),
  .page-head:has(#add-guest-button),
  .page-head:has(#add-active-member-button) {
    grid-template-columns: 1fr;
  }

  .page-head:has(#add-lead-button) .actions,
  .page-head:has(#add-guest-button) .actions,
  .page-head:has(#add-active-member-button) .actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .page-head:has(#add-lead-button) .actions,
  .page-head:has(#add-guest-button) .actions,
  .page-head:has(#add-active-member-button) .actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .page-head:has(#add-lead-button) .actions .button,
  .page-head:has(#add-guest-button) .actions .button,
  .page-head:has(#add-active-member-button) .actions .button {
    width: 100%;
  }
}