.cont_refs, .title_bar {
  float: left;
  width: 100%; }

.cont_refs {
  padding-bottom: 35px; }

.barrefs .sh1 {
  width: 70%; }
.barrefs a.knop {
  float: right; }

.referenties_ul {
  width: 100%;
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
  margin: 0px;
  margin-left: 0px; }
  .referenties_ul li {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: calc((100% - 80px) / 3);
    padding: 0 0px;
    margin-bottom: 20px;
    margin-right: 0px; }
    .referenties_ul li .quote {
      position: absolute;
      width: 63px;
      height: 63px;
      background-image: url("../img/quotes.jpg"); }
    .referenties_ul li .img_wrap {
      float: left;
      width: 100%;
      position: relative; }
      .referenties_ul li .img_wrap .play_icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-image: url("../img/main/play.png");
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .referenties_ul li .img_wrap img {
        display: block; }
    .referenties_ul li .text_wrap {
      padding: 50px 60px 50px 60px;
      font-size: 15px;
      line-height: 24px;
      float: left;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      color: #000000;
      background-color: #f0f0f0;
      text-align: left;
      font-style: italic; }
      .referenties_ul li .text_wrap.q {
        padding-top: 83px; }
      .referenties_ul li .text_wrap p.from {
        color: #911919;
        font-style: normal;
        margin-top: 35px; }
        .referenties_ul li .text_wrap p.from br {
          display: none; }
    .referenties_ul li .name_wrap {
      font-size: 17px;
      line-height: 30px;
      color: #575756;
      font-weight: 700;
      text-transform: uppercase; }
      .referenties_ul li .name_wrap .border {
        width: 32px;
        height: 2px;
        background: #575756;
        margin-right: 12px;
        float: left;
        margin-top: 15px;
        position: relative;
        overflow: hidden; }
        .referenties_ul li .name_wrap .border .border_anim_wrap {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #FFF; }

@media screen and (max-width: 1600px) {
  /*RECHTE TABLET*/
  .referenties_ul li {
    width: calc((100% - 40px) / 2); }
    .referenties_ul li .text_wrap {
      padding: 35px 60px 40px 60px; }

  .refsspacebetween {
    height: 400px; } }
@media screen and (max-width: 1024px) {
  /*RECHTE TABLET*/
  .referenties_ul li .text_wrap {
    padding: 35px; }
    .referenties_ul li .text_wrap p.from br {
      display: block; }

  .refsspacebetween {
    height: 405px; } }
@media screen and (max-width: 767px) {
  /*RECHTE TABLET*/
  .barrefs {
    margin-bottom: 20px; }
    .barrefs a.knop {
      float: left; }

  .referenties_ul li {
    width: 100%; }
    .referenties_ul li .text_wrap {
      padding: 20px; }
      .referenties_ul li .text_wrap p.from br {
        display: block; }

  .refsspacebetween {
    height: 90px; }

  .jobs_popup_wrap .formbox .input_file input {
    padding-left: 0px;
    width: 100%; } }