:root {
  --wewers-team-gap-desktop: 32px;
  --wewers-team-gap-mobile: 24px;
  --wewers-team-space-content: 24px;
  --wewers-team-image-fallback: #F4F5F1;
  --wewers-team-accent-text: #B7CE1C;
}

.wewers-team-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: var(--wewers-team-gap-desktop);
  margin-right: 0;
  margin-left: 0;
}

.wewers-team-grid::before,
.wewers-team-grid::after {
  display: none;
}

.wewers-team-grid > p:empty {
  display: none;
}

.wewers-team-grid > .vc_column_container {
  display: flex;
  float: none;
  width: auto !important;
}

.wewers-team-grid > .vc_column_container > .vc_column-inner {
  display: flex;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.wewers-team-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.wewers-team-grid > .wewers-team-card--text-only > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wewers-team-grid .wewers-team-card__name,
.wewers-team-grid .wewers-team-card__photo {
  margin-bottom: var(--wewers-team-space-content) !important; /* ui-lint: allow free-spacing, Token löst auf 24 px auf. */
}

.wewers-team-grid .wewers-team-card__name {
  color: var(--wewers-team-accent-text);
}

.wewers-team-grid .wewers-team-card__copy {
  margin-bottom: 0;
}

.wewers-team-grid .wewers-team-card__copy p:last-child {
  margin-bottom: 0;
}

.wewers-team-grid .wewers-team-card__copy q {
  display: block;
  margin-bottom: var(--wewers-team-space-content); /* ui-lint: allow free-spacing, Token löst auf 24 px auf. */
  font-weight: 700;
}

.wewers-team-grid .wewers-team-card__photo .vc_single_image-wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: var(--wewers-team-image-fallback);
}

.wewers-team-grid .wewers-team-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .wewers-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .wewers-team-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    gap: var(--wewers-team-gap-mobile);
  }
}