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

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