.row-wrapper{
  width:100%;
  max-width:1180px;
  margin:0 auto 20px;
  position:relative;
  display:flex;
  flex-wrap:wrap;
}
.customerdashboard.referenzen .views-row{
  max-width:280px;
  padding:0 0 15px;
  border:1px solid var(--plaing-border-grey);
  border-radius:8px;
  margin:0 10px;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.15);
  position:relative;
}
.customerdashboard.referenzen .views-row:hover{
  border-color:var(--plaing-orange);
}
.customerdashboard.referenzen .views-row img{
  border-radius:8px 8px 0 0;
}
.slick-disabled{
  display:none !important;
}
.slick-arrow{
  position:absolute;
  top:40%;
  cursor:pointer;
}
.slick-arrow .fa{
  font-size:2rem;
}
.prev-arrow{
  left:-40px;
}
.next-arrow{
  right:-40px;
}
.reference-ort{
  background-color:rgba(47, 47, 47, 0.5);
  position:absolute;
  top:238px;
  color:#fff;
  width:100%;
  max-width:278px;
  height:40px;
  padding:5px;
  text-align:center;
}
.reference-title{
  text-align:center;
}
.views-row .reference-title a{
  color:var(--bold-color);
}
.views-row:hover .reference-title a{
  color:var(--plaing-orange);
}
.referenzen .slick-track{
  display:flex;
  justify-content:space-between;
  width:100%;
}
.referenzen .slick-slide,
.referenzen .slick-list{
  width:100%;
}
@media screen and (max-width:1279px){
  .reference-ort{
    top:158px;
  }
}
@media screen and (max-width:579px){
  .reference-ort{
    top:218px;
  }
  .views-field-field-referenz-ort{
    top:178px;
  }
  .customerdashboard.referenzen .views-row{
    max-width:280px;
  }
  .referenzen .slick-slide{
    max-width:220px;
  }
}
