/*----------- FRONT PAGE STYLES ----------------------*/

.mac .block-views-blockfrontpage-hero-elements-frontpage-hero .teaser-container hr {
  margin-bottom: 1.5vw;
  background-color: #000;
}

.block-views-blockfrontpage-hero-elements-frontpage-hero {
  display: block;
  margin-left: 3vw;
  margin-right: 3vw;
  padding-top: 1.25vw;
}

.block-views-blockfrontpage-hero-elements-frontpage-hero .teaser {
  font-size: 8vw;
  line-height: 1em;
  margin-left: -0.5vw;
  margin-bottom: 0;
  margin-top: 0.4vw;
  padding: 0;
}

.block-views-blockfrontpage-hero-elements-frontpage-hero .identity {
  font-size: 1.75vw;
  line-height: 1.2em;
  padding: 0;
  margin-top: -0.025vw;
}

.block-views-blockfrontpage-hero-elements-frontpage-hero .clients-container {
  margin-top: 2.5vw;
  margin-bottom: 3vw;
}

.block-views-blockfrontpage-hero-elements-frontpage-hero .clients {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 3vw;
  padding: 0;
  margin-top: 0.5vw;
}

a:hover .short-description {
  text-decoration: underline;
}

.article-teaser {
  display: block;
  position: absolute;
}

.article-teaser h2 {
  font-family: "Helvetica Neue LT Std", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 1.25vw;
}

.article-teaser.wide {
  width: 60%;
}

.article-teaser.narrow {
  width: 37%;
}

.article-teaser.left {
  left: 0;
}

.article-teaser.wide.right {
  left: 40%;
}

.article-teaser.narrow.right {
  left: 63%;
}

.article-teaser .cover-image-container {
  display: block;
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
}

.article-teaser img {
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

.article-teaser:hover img {
  transform: scale(1.25);
}

.article-teaser .short-description {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.5vw;
  padding: 0;
  margin: 0;
}

.article-teaser.item-1 {
  top: 0;
  max-height: calc(675 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-2 {
  top: 0;
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-3 {
  top: calc(872.5 / 1073 * 0.6 * 94vw + 3vw);
  max-height: calc(297 / 1073 * 0.6 * 100vw);
  overflow: hidden;
}

.article-teaser.item-4 {
  top: calc(872.5 / 1073 * 0.6 * 94vw + 3vw);
  max-height: calc(826 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-5 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      2 * 3vw
  );
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-6 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      2 * 3vw
  );
  max-height: calc(577 / 661.5 * 0.37 * 100vw);
  overflow: hidden;
}

.article-teaser.item-7 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      3 * 3vw
  );
  max-height: calc(826 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-8 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      3 * 3vw
  );
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-9 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      4 * 3vw
  );
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-10 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      4 * 3vw
  );
  max-height: calc(675 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-11 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      5 * 3vw
  );
  max-height: calc(826 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-12 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      5 * 3vw
  );
  max-height: calc(297 / 1073 * 0.6 * 100vw);
  overflow: hidden;
}

.article-teaser.item-13 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      6 * 3vw
  );
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-14 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      7 * 3vw
  );
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-15 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      7 * 3vw
  );
  max-height: calc(675 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-16 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      675 / 661.5 * 0.37 * 94vw +
      8 * 3vw
  );
  max-height: calc(577 / 661.5 * 0.37 * 100vw);
  overflow: hidden;
}

.article-teaser.item-17 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      8 * 3vw
  );
  max-height: calc(872.5 / 1073 * 0.6 * 94vw);
  overflow: hidden;
}

.article-teaser.item-18 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      675 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      9 * 3vw
  );
  max-height: calc(826 / 661.5 * 0.37 * 94vw);
  overflow: hidden;
}

.article-teaser.item-19 {
  top: calc(
      872.5 / 1073 * 0.6 * 94vw +
      826 / 661.5 * 0.37 * 94vw +
      577 / 661.5 * 0.37 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      297 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      872.5 / 1073 * 0.6 * 94vw +
      9 * 3vw
  );
  max-height: calc(353 / 661.5 * 0.6 * 100vw);
  overflow: hidden;
}

.article-teaser .cover-image-container {
  display: block;
  width: 100%;
  position: relative;
}

.article-teaser .cover-image-container img {
  width: 100%;
  height: auto;
}

.article-teaser .cover-image-caption {
  display: block;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 900;
  font-size: 5vw;
}

.article-teaser .cover-image-caption.black {
  color: #231f20;
}

.article-teaser .cover-image-caption.white {
  color: #fff;
}

.article-teaser .cover-image-caption.tl {
  position: absolute;
  top: 0.5em;
  left: 0.2em;
  text-align: left;
}

.article-teaser .cover-image-caption.tr {
  position: absolute;
  top: 0.5em;
  right: 0.2em;
  text-align: right;
}

.article-teaser .cover-image-caption.bl {
  position: absolute;
  bottom: 0.5em;
  left: 0.2em;
  text-align: left;
}

.article-teaser .cover-image-caption.br {
  position: absolute;
  bottom: 0.5em;
  right: 0.2em;
  text-align: right;
}

.article-teaser.item-18,
.article-teaser.item-19 {
  margin-bottom: 40px;
}

@media (max-width: 1024px) {

  .article-teaser .short-description {
    font-size: 2.35vw;
  }

}

@media (max-width: 768px) {

  .clients-container hr {
    margin-bottom: 8px;
  }

  hr {
    margin-bottom: -3px;
  }

  .mac .block-views-blockfrontpage-hero-elements-frontpage-hero .teaser-container hr {
    margin-bottom: 1.75vw;
  }

  .block-views-blockfrontpage-hero-elements-frontpage-hero .teaser {
    font-size: 9.9vw;
    margin-top: 0.55vw;
  }

  .block-views-blockfrontpage-hero-elements-frontpage-hero .identity {
    font-size: 2.5vw;
  }

  .block-views-blockfrontpage-hero-elements-frontpage-hero .clients-container {
    margin-top: 4vw;
    margin-bottom: 3vw;
  }

  .block-views-blockfrontpage-hero-elements-frontpage-hero .clients {
    font-size: 5vw;
  }

  .article-teaser {
    display: block;
    position: relative;
  }

  .article-teaser.wide {
    width: 100%;
  }

  .article-teaser.narrow {
    width: 100%;
  }

  .article-teaser.left {
    left: 0;
  }

  .article-teaser.wide.right {
    left: 0;
  }

  .article-teaser.narrow.right {
    left: 0;
  }

  .article-teaser h2 {
    font-size: 3.5vw;
  }

  .article-teaser .cover-image-caption {
    font-size: 11vw;
  }

  .article-teaser .short-description {
    font-size: 5vw;
  }

  .article-teaser.item-1,
  .article-teaser.item-2,
  .article-teaser.item-3,
  .article-teaser.item-4,
  .article-teaser.item-5,
  .article-teaser.item-6,
  .article-teaser.item-7,
  .article-teaser.item-8,
  .article-teaser.item-9,
  .article-teaser.item-10,
  .article-teaser.item-11,
  .article-teaser.item-12,
  .article-teaser.item-13,
  .article-teaser.item-14,
  .article-teaser.item-15,
  .article-teaser.item-16,
  .article-teaser.item-17,
  .article-teaser.item-18,
  .article-teaser.item-19 {
    top: auto;
    max-height: inherit;
    margin-top: 4vw;
  }
}

@media (max-width: 640px) {
  .block-views-blockfrontpage-hero-elements-frontpage-hero .teaser {
    margin-top: 0.6vw;
  }
}