.producer-container {
  display: flex;
  width: inherit;
  flex-direction: column;
  justify-content: start;
  flex-wrap: wrap;
}

.producer-container > .producer {
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  padding: .75em;
  margin: .5em;
  border: 0.125em solid;
  border-radius: 10px;
}

.producer > .producer-name {
  font-weight: bold;
}

.producer > .productgroup-container {
  margin-top: .5em;
}

.productgroup-container > .productgroup {
  display: flex;
  flex-direction: row;
  width: inherit;
  justify-content: start;
}