.geiger-jobs-groups {
  --geiger-jobs-groups-font: var(--e-global-typography-primary-font-family, "Igepa Sans", sans-serif);
  --geiger-jobs-groups-tile: #2C4E4B;
  --geiger-jobs-groups-arrow: url("https://geiger.alexreiner.de/wp-content/uploads/2026/02/Gruppe-87.svg");
  --geiger-jobs-groups-image-height: 258px;
  --geiger-jobs-groups-content-min-height: 84px;
  display: grid;
  grid-template-columns: repeat(2, minmax(300px, 342px));
  justify-content: center;
  justify-items: stretch;
  gap: 14px;
  align-items: stretch;
  font-family: var(--geiger-jobs-groups-font);
}

.geiger-jobs-groups,
.geiger-jobs-groups * {
  font-family: var(--geiger-jobs-groups-font);
}

.geiger-jobs-groups__card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #fff;
  background: var(--geiger-jobs-groups-tile);
  width: 100%;
  min-height: 342px;
}

.geiger-jobs-groups__image-wrap {
  position: relative;
  height: var(--geiger-jobs-groups-image-height) !important;
  min-height: var(--geiger-jobs-groups-image-height) !important;
  max-height: var(--geiger-jobs-groups-image-height) !important;
  flex: 0 0 var(--geiger-jobs-groups-image-height) !important;
  overflow: hidden;
}

.geiger-jobs-groups__image,
.geiger-jobs-groups__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center;
  display: block;
}

.geiger-jobs-groups__content {
  background: var(--geiger-jobs-groups-tile);
  padding: 10px 14px 11px;
  min-height: var(--geiger-jobs-groups-content-min-height);
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: minmax(0, auto) auto;
  align-content: start;
  box-sizing: border-box;
}

.geiger-jobs-groups__title {
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 4px;
  min-height: 2.5em;
}

.geiger-jobs-groups__more {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.geiger-jobs-groups__more::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: var(--geiger-jobs-groups-arrow);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 760px) {
  .geiger-jobs-groups {
    grid-template-columns: 1fr;
  }
}