/* *** Colours *** */
/* *** Arbeitsproben *** */
.fs-arbeitsproben {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.fs-arbeitsprobe {
  width: calc( 33.33% - 10px);
  overflow: hidden;
  margin-bottom: 60px;
}

@media screen and (max-width: 1499px) {
  .fs-arbeitsprobe {
    width: calc( 50% - 1.5vw);
  }
}

@media screen and (max-width: 767px) {
  .fs-arbeitsprobe {
    width: 100%;
    margin-bottom: 42px;
  }
}

.fs-arbeitsprobe .fs-arbeitsprobe-bild {
  padding-top: 45.42%;
  overflow: hidden;
  position: relative;
  background: #e8e8e8;
}

.fs-arbeitsprobe .fs-arbeitsprobe-bild img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  border: none;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}

.fs-arbeitsprobe .fs-arbeitsprobe-bild img:hover {
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.fs-arbeitsprobe .fs-arbeitsprobe-titel {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  margin-top: 11px;
  margin-bottom: 11px;
}

.fs-arbeitsprobe .fs-arbeitsprobe-titel a {
  color: #349946;
}

.fs-arbeitsprobe .fs-arbeitsprobe-titel a:hover {
  color: #262626;
}

.fs-arbeitsprobe .fs-arbeitsprobe-excerpt {
  font-size: 15px;
  line-height: 21px;
  color: #262626;
}

.fs-arbeitsprobe .fs-arbeitsprobe-via {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 15px;
}

.fs-arbeitsprobe .fs-arbeitsprobe-via a {
  color: #777777;
}

.fs-arbeitsprobe .fs-arbeitsprobe-via a:hover {
  color: #349946;
}
/*# sourceMappingURL=block.css.map */