/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
.node--type--tile--teaser {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 426px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 959px) {
  .node--type--tile--teaser {
    max-width: 280px;
  }
}
.node--type--tile--teaser a:hover {
  color: black;
  text-decoration: none;
}
.node--type--tile--teaser .node--type--blog--teaser-info {
  display: grid;
  gap: 0.5rem;
  color: black;
}
.node--type--tile--teaser .node--type--blog--teaser-info .node--type--blog--teaser-tag-date-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 1rem;
}
.node--type--tile--teaser .node--type--blog--teaser-info .node--type--blog--teaser-tag-date-info .node--type--blog--teaser-date {
  margin-left: auto;
}
.node--type--tile--teaser .node--type--blog--teaser-info .node--type--blog--teaser--subtitle {
  font-size: 1.6rem;
  line-height: 1.4 !important;
}
@media only screen and (max-width: 959px) {
  .node--type--tile--teaser .node--type--blog--teaser-info .node--type--blog--teaser--subtitle {
    font-size: 1.4rem;
    line-height: 1.4 !important;
  }
}
.node--type--tile--teaser .node--type--blog--teaser-info .node--type--blog--teaser--title {
  margin-top: 0.8rem;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.4 !important;
}
@media only screen and (max-width: 959px) {
  .node--type--tile--teaser .node--type--blog--teaser-info .node--type--blog--teaser--title {
    margin-top: 0.4rem;
    font-size: 2rem;
    line-height: 1.4 !important;
  }
}