.customer-styles {
  /* START article: referenzen */
  /* END article: referenzen */
}

.customer-styles .template_referenzen {
  padding-top: 60px;
}

@media (min-width: 768px) {
  .customer-styles .template_referenzen {
    padding-top: 100px;
  }
}

.customer-styles .template_referenzen .content {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .template_referenzen .content {
    grid-column: 3/15;
  }
}

.customer-styles .template_referenzen .headlines-container {
  margin-bottom: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  .customer-styles .template_referenzen .headlines-container {
    margin-bottom: 60px;
  }
}

.customer-styles .template_referenzen .headlines-container:empty {
  display: none;
}

.customer-styles .template_referenzen .headline {
  margin-bottom: 5px;
}

.customer-styles .template_referenzen .stage {
  list-style-type: none;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .customer-styles .template_referenzen .stage {
    row-gap: 30px;
  }
}

.customer-styles .template_referenzen .stage .item {
  position: relative;
  min-width: 158px;
  min-height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .customer-styles .template_referenzen .stage .item {
    min-width: 150px;
  }
}

.customer-styles .template_referenzen .item-image {
  width: 100%;
  max-width: 110px;
}