/* Malli: @include icon($facebook)*/
.mosaic-list-container .mosaic-list-wrapper-inner {
  margin-bottom: 1.875rem; }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .mosaic-list-wrapper-inner {
    margin-bottom: 1.5625rem; } }
.mosaic-list-container .mosaic-list-wrapper-inner:last-child {
  margin-bottom: 0; }
.mosaic-list-container .tile {
  padding-top: 75%;
  position: relative;
  background-color: #efefef;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.17);
  transition: all 0.2s; }
  .mosaic-list-container .tile .tile-date {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e62000;
    padding: 0.6875rem 1.875rem 0.6875rem 1.5625rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.8125rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 0.8125rem) 100%, 0 100%); }
  .mosaic-list-container .tile a {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block; }
    .mosaic-list-container .tile a .tile-image {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: all 1.4s; }
    .mosaic-list-container .tile a .tile-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
    .mosaic-list-container .tile a .tile-content-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      text-align: left;
      padding: 1.375rem 3.75rem 1.4375rem 2.1875rem;
      background-color: #ffffff;
      display: flex;
      align-items: center; }
      .mosaic-list-container .tile a .tile-content-wrapper .tile-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        color: #294465; }
      .mosaic-list-container .tile a .tile-content-wrapper:after {
        font-family: 'hoyryicon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e947"; }
      .mosaic-list-container .tile a .tile-content-wrapper:after {
        font-size: 1.25rem;
        color: #c4ced9;
        position: absolute;
        right: 1.875rem;
        transition: all 0.2s; }
  .mosaic-list-container .tile:hover, .mosaic-list-container .tile:active, .mosaic-list-container .tile:focus {
    box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.39); }
    .mosaic-list-container .tile:hover a, .mosaic-list-container .tile:active a, .mosaic-list-container .tile:focus a {
      text-decoration: none; }
      .mosaic-list-container .tile:hover a .tile-content-wrapper:after, .mosaic-list-container .tile:active a .tile-content-wrapper:after, .mosaic-list-container .tile:focus a .tile-content-wrapper:after {
        color: #e62000;
        margin-right: -0.3125rem; }
  .mosaic-list-container .tile.tile-count-1 {
    padding-top: 50%; }
  @media screen and (max-width: 63.9375em) {
    .mosaic-list-container .tile.tile-count-2 {
      margin-bottom: 1.875rem; } }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-3.tile-number-0 {
    margin-bottom: 1.875rem; } }
.mosaic-list-container .tile.tile-count-3.tile-number-1, .mosaic-list-container .tile.tile-count-3.tile-number-2 {
  padding-top: calc(37.5% - 0.9375rem); }
  .mosaic-list-container .tile.tile-count-3.tile-number-1 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-3.tile-number-2 .tile-content-wrapper {
    padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
    .mosaic-list-container .tile.tile-count-3.tile-number-1 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-3.tile-number-2 .tile-content-wrapper:after {
      right: 1.25rem;
      font-size: 0.9375rem; }
  @media screen and (max-width: 63.9375em) {
    .mosaic-list-container .tile.tile-count-3.tile-number-1 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-3.tile-number-2 .tile-content-wrapper {
      padding: 1.375rem 3.75rem 1.4375rem 2.1875rem; }
      .mosaic-list-container .tile.tile-count-3.tile-number-1 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-3.tile-number-2 .tile-content-wrapper:after {
        right: 1.875rem;
        font-size: 1.25rem; } }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .tile.tile-count-3.tile-number-1 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-3.tile-number-2 .tile-content-wrapper {
    padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
    .mosaic-list-container .tile.tile-count-3.tile-number-1 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-3.tile-number-2 .tile-content-wrapper:after {
      right: 1.25rem;
      font-size: 0.9375rem; } }
.mosaic-list-container .tile.tile-count-3.tile-number-1 {
  margin-bottom: 1.875rem; }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-4.tile-number-0 {
    margin-bottom: 1.875rem; } }
.mosaic-list-container .tile.tile-count-4.tile-number-1 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-4.tile-number-2 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-4.tile-number-3 .tile-content-wrapper {
  padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
  .mosaic-list-container .tile.tile-count-4.tile-number-1 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-4.tile-number-2 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-4.tile-number-3 .tile-content-wrapper:after {
    right: 1.25rem;
    font-size: 0.9375rem; }
.mosaic-list-container .tile.tile-count-4.tile-number-1, .mosaic-list-container .tile.tile-count-4.tile-number-2 {
  margin-bottom: 1.875rem;
  padding-top: calc(75% - 0.21875rem); }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-4.tile-number-1, .mosaic-list-container .tile.tile-count-4.tile-number-2 {
    margin-bottom: 1.875rem;
    padding-top: 75% !important; } }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .tile.tile-count-4.tile-number-1, .mosaic-list-container .tile.tile-count-4.tile-number-2 {
    padding-top: 50% !important; } }
@media screen and (max-width: 31.1875em) {
  .mosaic-list-container .tile.tile-count-4.tile-number-1, .mosaic-list-container .tile.tile-count-4.tile-number-2 {
    padding-top: 75% !important; } }
.mosaic-list-container .tile.tile-count-4.tile-number-3 {
  padding-top: calc(37.5% - 0.9375rem); }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-4.tile-number-3 .tile-content-wrapper {
    padding: 1.375rem 3.75rem 1.4375rem 2.1875rem; }
    .mosaic-list-container .tile.tile-count-4.tile-number-3 .tile-content-wrapper:after {
      right: 1.875rem;
      font-size: 1.25rem; } }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .tile.tile-count-4.tile-number-3 .tile-content-wrapper {
    padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
    .mosaic-list-container .tile.tile-count-4.tile-number-3 .tile-content-wrapper:after {
      right: 1.25rem;
      font-size: 0.9375rem; } }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-5.tile-number-0 {
    margin-bottom: 1.875rem; } }
.mosaic-list-container .tile.tile-count-5.tile-number-1 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-5.tile-number-2 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-5.tile-number-3 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-5.tile-number-4 .tile-content-wrapper {
  padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
  .mosaic-list-container .tile.tile-count-5.tile-number-1 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-5.tile-number-2 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-5.tile-number-3 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-5.tile-number-4 .tile-content-wrapper:after {
    right: 1.25rem;
    font-size: 0.9375rem; }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-5.tile-number-1, .mosaic-list-container .tile.tile-count-5.tile-number-2, .mosaic-list-container .tile.tile-count-5.tile-number-3, .mosaic-list-container .tile.tile-count-5.tile-number-4 {
    height: 11.25rem;
    padding-top: 75% !important; } }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .tile.tile-count-5.tile-number-1, .mosaic-list-container .tile.tile-count-5.tile-number-2, .mosaic-list-container .tile.tile-count-5.tile-number-3, .mosaic-list-container .tile.tile-count-5.tile-number-4 {
    padding-top: 50% !important; } }
@media screen and (max-width: 31.1875em) {
  .mosaic-list-container .tile.tile-count-5.tile-number-1, .mosaic-list-container .tile.tile-count-5.tile-number-2, .mosaic-list-container .tile.tile-count-5.tile-number-3, .mosaic-list-container .tile.tile-count-5.tile-number-4 {
    padding-top: 75% !important; } }
.mosaic-list-container .tile.tile-count-5.tile-number-1, .mosaic-list-container .tile.tile-count-5.tile-number-2, .mosaic-list-container .tile.tile-count-5.tile-number-3 {
  margin-bottom: 1.875rem; }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-5.tile-number-1, .mosaic-list-container .tile.tile-count-5.tile-number-2, .mosaic-list-container .tile.tile-count-5.tile-number-3 {
    margin-bottom: 1.875rem; } }
.mosaic-list-container .tile.tile-count-5.tile-number-1, .mosaic-list-container .tile.tile-count-5.tile-number-2, .mosaic-list-container .tile.tile-count-5.tile-number-3, .mosaic-list-container .tile.tile-count-5.tile-number-4 {
  padding-top: calc(75% - 0.21875rem); }
.mosaic-list-container .tile.tile-count-6.tile-number-0 {
  margin-bottom: 1.875rem; }
  .mosaic-list-container .tile.tile-count-6.tile-number-1 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-6.tile-number-2 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-6.tile-number-3 .tile-content-wrapper, .mosaic-list-container .tile.tile-count-6.tile-number-4 .tile-content-wrapper {
    padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
    .mosaic-list-container .tile.tile-count-6.tile-number-1 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-6.tile-number-2 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-6.tile-number-3 .tile-content-wrapper:after, .mosaic-list-container .tile.tile-count-6.tile-number-4 .tile-content-wrapper:after {
      right: 1.25rem;
      font-size: 0.9375rem; }
.mosaic-list-container .tile.tile-count-6.tile-number-3, .mosaic-list-container .tile.tile-count-6.tile-number-4 {
  margin-bottom: 1.875rem; }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile.tile-count-6.tile-number-1, .mosaic-list-container .tile.tile-count-6.tile-number-2, .mosaic-list-container .tile.tile-count-6.tile-number-3, .mosaic-list-container .tile.tile-count-6.tile-number-4 {
    margin-bottom: 1.875rem;
    padding-top: 75% !important; } }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .tile.tile-count-6.tile-number-1, .mosaic-list-container .tile.tile-count-6.tile-number-2, .mosaic-list-container .tile.tile-count-6.tile-number-3, .mosaic-list-container .tile.tile-count-6.tile-number-4 {
    padding-top: 50% !important; } }
@media screen and (max-width: 31.1875em) {
  .mosaic-list-container .tile.tile-count-6.tile-number-1, .mosaic-list-container .tile.tile-count-6.tile-number-2, .mosaic-list-container .tile.tile-count-6.tile-number-3, .mosaic-list-container .tile.tile-count-6.tile-number-4 {
    padding-top: 75% !important; } }
@media screen and (max-width: 63.9375em) {
  .mosaic-list-container .tile {
    padding-top: 50% !important; } }
@media screen and (max-width: 47.9375em) {
  .mosaic-list-container .tile {
    margin-bottom: 1.875rem !important; }
    .mosaic-list-container .tile a .tile-content-wrapper {
      padding: 0.875rem 2.5rem 0.9375rem 1.5625rem; }
      .mosaic-list-container .tile a .tile-content-wrapper:after {
        right: 1.25rem;
        font-size: 0.9375rem; }
    .mosaic-list-container .tile.tile-count-6.tile-number-5, .mosaic-list-container .tile.tile-count-5.tile-number-4, .mosaic-list-container .tile.tile-count-4.tile-number-3, .mosaic-list-container .tile.tile-count-3.tile-number-2, .mosaic-list-container .tile.tile-count-2.tile-number-1 {
      margin-bottom: 0 !important; } }
@media screen and (max-width: 31.1875em) {
  .mosaic-list-container .tile {
    margin-bottom: 1.5625rem !important;
    padding-top: 75% !important; }
    .mosaic-list-container .tile.tile-count-6.tile-number-5, .mosaic-list-container .tile.tile-count-5.tile-number-4, .mosaic-list-container .tile.tile-count-4.tile-number-3, .mosaic-list-container .tile.tile-count-3.tile-number-2, .mosaic-list-container .tile.tile-count-2.tile-number-1 {
      margin-bottom: 0 !important; } }