/**
 * @file
 * Granits styles
 *
 */

.granit-teaser {
  background-color: #EBF0F4;
  display: block;
}
.granit-teaser__content{
  padding: .75rem 1rem 1.2rem;
}
.granit-teaser__title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #2F2D3F;
}
.granit-teaser__color,
.granit-teaser__origin {
  color: #5B577A;
  font-size: var(--paragraph-size-small);
}
.granit-teaser:hover {
  text-decoration: none;
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
}

.granit__empty {
  text-align: center;
  margin: 1.5rem;
}
.product__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primary--1);
}


.product__provenance {
  font-size: 14px;
  color: var(--color-neutral);
}
.product__description {
  font-size: 14px;
  color: var(--color-neutral);
  margin-top: 0.5rem;
}
.related-product__header h2{
  color: var(--color-primary--1);
  font-family: "depot-new-web";
  font-size: 28px;
  font-weight: 700;
}

.granit-teaser {
  display: flex;
  flex-direction: column;
}
.granit-teaser__cta {
  font-family: Figtree;
  margin-top: 8px;
  border-radius: 20px;
  padding: 8px 16px;
  border: 1px solid var(--color-primary--1);
  width: fit-content;
  font-weight: 500;

  transition: ease-in-out 0.1s;
}

.granit-teaser__cta:hover {
  background-color: var(--color-primary--1);
  color: white;
}
.product__title > h1, span.field--name-title{
  font-family: "depot-new-web";
  font-size: 37px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}