/*-----------------*\
|                   |
|       GRID        |
|                   |
\*-----------------*/

.grid_wrapper > h1 {
  grid-column: span var(--nr_columns);
}

#crop_class_list {
  grid-column: span var(--nr_columns_one_third);
  padding: 0;
}

#crop_list {
  padding: 0;
}

#crop_list > li {
  margin-top: 1.5rem;
}

.illustration {
  grid-column: span var(--nr_columns_two_third);
  padding: 50px 100px 0px 100px;
}



/*-----------------*\
|                   |
|     PLANTLIST     |
|                   |
\*-----------------*/

h4.crop_class {
  margin-top: 3rem;
}

h4.crop_class:first-of-type {
  margin-top: 2rem;
}

#crop_list > li {
  width: 100%;
  list-style: none;
}

#crop_list > li a {
  display: flex;
  flex-wrap: nowrap;
  text-decoration: none;
}

#crop_list > li img,
#crop_list > li figcaption {
  vertical-align: middle;
}

#crop_list > li img {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 1rem;
  border-radius: 1.875rem;
  object-fit: cover;
}

#crop_list > li figcaption {
  place-self: center stretch;
  font-size: 1rem;
  font-family: var(--font_sans);
  font-weight: 600;
  color: rgb(0, 0, 0);
  /*text-decoration: underline;*/
}
#crop_list > li:hover figcaption {
  color: rgb(var(--color_cta));
}

/*-----------------*\
|                   |
|       GRID        |
|                   |
\*-----------------*/

#breadcrumbs {
  grid-column: span var(--nr_columns);
  margin-bottom: 1.5rem;

}

#introduction_text {
  grid-column: span var(--nr_columns);
  padding-right: 1rem;
}

#introduction_image {
  grid-column: span var(--nr_columns_half);
}