/* Style V1 */
.referenzen-v1 .referenzen-gallery {
  margin-top: 60px;
}
.referenzen-v1 .grid-sizer {
  width: 33.333%;
}
.referenzen-v1 .referenzen-item {
  width: calc(33.333%);
  padding: 15px;
}
.referenzen-v1 .referenzen-item-content {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.referenzen-v1 .referenzen-item-content:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background-color: rgba(54, 54, 54, 0.7);
  opacity: 0;
  border-radius: 0;
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
.referenzen-v1 .referenzen-item-content:hover:before {
  opacity: 1;
}
.referenzen-v1 .referenzen-informations {
  position: absolute;
  padding: 20px;
  z-index: 2;
  top: 20px;
  left: -100%;
  width: 100%;
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
.referenzen-v1 .referenzen-item-content:hover .referenzen-informations {
  top: 20px;
  left: 0;
}
.referenzen-v1 p.referenzen-heading {
  font-family: "Anth", Sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 0px #000000;
}
.referenzen-v1 p.referenzen-subheading {
  font-size: 22px;
  color: #ffffff;
  margin-top: 10px;
  text-shadow: 1px 1px 0px #000000;
}
.referenzen-v1 .referenzen-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 400px;
}
.referenzen-v1 .referenzen-image img {
  transform: scale(1.01);
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
.referenzen-v1 .referenzen-item-content:hover img {
  transform: scale(1.3);
}
.referenzen-v1 .referenzen-image.height200 img {
  height: 200px;
}
.referenzen-v1 .referenzen-image.height300 img {
  height: 300px;
}
.referenzen-v1 .referenzen-image.height400 img {
  height: 400px;
}
.referenzen-v1 .referenzen-image.height500 img {
  height: 500px;
}
.referenzen-v1 .referenzen-image.height600 img {
  height: 600px;
}
.referenzen-v1 .referenzen-image.height700 img {
  height: 700px;
}
.referenzen-v1 .referenzen-image.height800 img {
  height: 800px;
}
.referenzen-v1 .referenzen-tabs {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.referenzen-v1 .referenzen-description {
  font-size: 18px;
  color: #ffffff;
  margin-top: 20px;
  text-shadow: 1px 1px 0px #000000;
}
.referenzen-v1 button.referenzen-tab-button {
  background-color: #fff;
  padding: 15px 34px;
  border: 1px solid #dce0e0;
  border-radius: 24px;
  position: relative;
  display: inline-flex;
  line-height: 1;
  cursor: pointer;
  font-weight: 300;
  white-space: nowrap;
  font-size: 18px;
  width: 190px;
  justify-content: center;
  align-items: center;
}
.referenzen-v1 button.referenzen-tab-button.active {
  background-color: #2d4751;
  border: 1px solid #2d4751;
  color: #fff;
}

/* Style V2 */
.referenzen-v2 .referenzen-gallery {
  margin-top: 60px;
}
.referenzen-v2 .grid-sizer {
  width: 33.333%;
}
.referenzen-v2 .referenzen-item {
  width: calc(33.333%);
  padding: 15px;
}
.referenzen-v2 .referenzen-item-content {
  border-radius: 5px 24px 24px 24px;
  box-shadow: 23px 24px 50px -27px rgba(0, 0, 0, 0.23);
  overflow: hidden;
  position: relative;
}
/* .referenzen-v2 .referenzen-item-content:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background-color: rgba(54, 54, 54, 0.7);
  opacity: 0;
  border-radius: 0;
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
} */
/* .referenzen-v2 .referenzen-item-content:hover:before {
  opacity: 1;
}
.referenzen-v2 .referenzen-informations {
  position: absolute;
  padding: 20px;
  z-index: 2;
  top: 20px;
  left: -100%;
  width: 100%;
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
} */
/* .referenzen-v2 .referenzen-item-content:hover .referenzen-informations {
  top: 20px;
  left: 0;
} */
.referenzen-v2 .referenzen-image {
  position: relative;
}
.referenzen-v2 .referenzen-image::before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.1) 75%,
    rgba(0, 0, 0, 0.6) 100%
  );
  transition: 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.referenzen-v2 .referenzen-image:hover::before {
  opacity: 0;
}
.referenzen-v2 .referenzen-category {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
}
.referenzen-v2 .referenzen-category-text {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  margin: 0;
  text-transform: capitalize;
  padding: 11px;
  color: #1d1e1c;
  border-radius: 24px;
  background-color: #ffffff;
}
.referenzen-v2 .item-address {
  color: #ffffff;
  font-size: 22px;
  margin: 0;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-shadow: 1px 1px 0px #000000;
  z-index: 2;
}
.referenzen-v2 .referenzen-informations {
  padding: 30px;
  background-color: #ffffff;
}
.referenzen-v2 .item-amenities {
  font-size: 18px;
  line-height: 1;
  font-weight: 300;
  padding: 0;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin: 0;
}
.referenzen-v2 .item-amenities li {
  gap: 5px;
}
.referenzen-v2 p.referenzen-heading {
  font-family: "Anth", Sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  color: #ffffff;
  text-shadow: 1px 1px 0px #000000;
}
.referenzen-v2 p.referenzen-subheading {
  font-size: 22px;
  color: #ffffff;
  margin-top: 10px;
  text-shadow: 1px 1px 0px #000000;
}
.referenzen-v2 .referenzen-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 400px;
}
.referenzen-v2 .referenzen-image.height200 img {
  height: 200px;
}
.referenzen-v2 .referenzen-image.height300 img {
  height: 300px;
}
.referenzen-v2 .referenzen-image.height400 img {
  height: 400px;
}
.referenzen-v2 .referenzen-image.height500 img {
  height: 500px;
}
.referenzen-v2 .referenzen-image.height600 img {
  height: 600px;
}
.referenzen-v2 .referenzen-image.height700 img {
  height: 700px;
}
.referenzen-v2 .referenzen-image.height800 img {
  height: 800px;
}
.referenzen-v2 .referenzen-tabs {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.referenzen-v2 .referenzen-description {
  font-size: 18px;
  color: #ffffff;
  margin-top: 20px;
  text-shadow: 1px 1px 0px #000000;
}
.referenzen-v2 button.referenzen-tab-button {
  background-color: #fff;
  padding: 15px 34px;
  border: 1px solid #dce0e0;
  border-radius: 24px;
  position: relative;
  display: inline-flex;
  line-height: 1;
  cursor: pointer;
  font-weight: 300;
  white-space: nowrap;
  font-size: 18px;
  width: 190px;
  justify-content: center;
  align-items: center;
}
.referenzen-v2 button.referenzen-tab-button.active {
  background-color: #2d4751;
  border: 1px solid #2d4751;
  color: #fff;
}

.iw-icon.icon-units:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='74' viewBox='0 0 58 74' fill='none'%3E%3Cpath d='M57.7778 6.60807C57.4165 5.88389 56.6741 5.42568 55.8617 5.42568H14.3502V2.12788C14.3502 0.952771 13.3927 0 12.2117 0C11.0308 0 10.0732 0.952771 10.0732 2.12788V69.7442H2.13849C0.957518 69.7442 0 70.697 0 71.8721C0 73.0472 0.957518 74 2.13849 74H22.285C23.4659 74 24.4234 73.0472 24.4234 71.8721C24.4234 70.697 23.4659 69.7442 22.285 69.7442H14.3502V40.4609H55.8617C56.6741 40.4609 57.4165 40.0027 57.7778 39.2785C58.138 38.5544 58.0555 37.6889 57.5648 37.0457L46.7951 22.9433L57.5648 8.84089C58.0555 8.19775 58.138 7.33226 57.7778 6.60807ZM42.4064 21.656C41.8258 22.4165 41.8258 23.4701 42.4064 24.2306L51.5513 36.2052H14.3502V9.68144H51.5513L42.4064 21.656Z' fill='%231D1E1C'/%3E%3C/svg%3E");
}

/* Show More Button Styles */
.referenzen-show-more-container {
  display: none;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 768px) {
  .referenzen-v1 .referenzen-item {
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
  }

  .referenzen-v2 .referenzen-item {
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
  }

  .referenzen-v1 button.referenzen-tab-button {
    font-size: 16px;
    padding: 12px 24px;
    flex: 0;
  }

  .referenzen-v2 button.referenzen-tab-button {
    font-size: 16px;
    padding: 12px 24px;
    flex: 0;
  }

  .referenzen-v1 .referenzen-image img {
    height: 300px !important;
  }

  .referenzen-v2 .referenzen-image img {
    height: 300px !important;
  }

  /* Show the show more button on mobile */
  .referenzen-show-more-container {
    display: block;
  }

  /* Hide items beyond 3 on mobile */
  .referenzen-item.hidden-mobile {
    display: none !important;
  }
}