.border {
  width: 80%;
  margin: var(--space-2) auto var(--space-2);
  border-bottom: 1px solid var(--color-primary-400);
}

#moderatoren {
  background-color: black;
  /* padding-bottom: var(--space-12); */
}

#moderatoren img {
  width: 100%;
  object-fit: cover;
}

.moderator-item {
  border-radius: var(--border-radius-medium);
  text-align: center;
  background-color: black;
  overflow: hidden;
  padding-bottom: var(--space-6);
  /* position: relative;  */
}

.moderator-item-content {
  padding-bottom: var(--space-4);
  margin-top: 1rem;
}

.moderator-item-content p {
  margin-bottom: var(--space-6);
}

/* .last-moderator-item {
  padding-bottom: var(--space-12);
} */

.moderator-item-actions p {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.moderator-description {
  color: var(--color-primary-400);
  margin: 2rem 1rem 0 !important;
  /* font-weight: bold !important; */
}

@media (min-width: 48rem) {
  #moderatoren {
    margin: var(--space-8) auto;
    /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: var(--space-2) var(--space-10); */
    text-align: center;
    display: flex;
    justify-content: center;
  }

  /* .moderator-item {
    width: 20rem;
  } */

  .moderator-item-actions p {
    margin-bottom: 0;
  }

  #moderatoren {
    padding-bottom: var(--space-2);
  }
}

@media (min-width: 100rem) {
  #moderatoren {
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
  }
}