.c-project-teaser {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .c-project-teaser:after {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }

.c-project-teaser__title {
  font-size: 1rem;
  line-height: 1.333;
  font-family: "Typold W05", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  padding: 30px; }
  @media (min-width: 37.5em) {
    .c-project-teaser__title {
      font-size: 1rem; } }
  .c-project-teaser__title:not(:last-child) {
    margin-bottom: .5em; }

.c-project-teaser__title-link {
  color: #417925;
  text-decoration: underline; }
  .c-project-teaser__title-link:hover, .c-project-teaser__title-link:focus {
    color: #046A38; }
  .c-project-teaser__title-link:focus {
    background-color: #E0EFF4; }

.c-project-teaser__thumbnail {
  -webkit-box-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  position: relative;
  width: 100%; }

.c-project-teaser__service-icon {
  max-width: 90px;
  width: 40%; }

.c-project-teaser__image {
  width: 100%; }
  .c-project-teaser__image img {
    width: 100%; }
  .c-project-teaser__image + .c-project-teaser__service-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2; }

.c-project-teaser__updated-date {
  -webkit-margin-before: auto;
          margin-block-start: auto; }

.c-project-teaser__updated-date p {
  font-family: "Typold W05", sans-serif;
  padding: 0 30px 20px;
  color: #555555;
  font-size: 0.83333rem; }
  @media (min-width: 37.5em) {
    .c-project-teaser__updated-date p {
      font-size: 0.83333rem; } }