.customer-styles {
  /* START article: gallery-item */
  /* END article: gallery-item */
}

.customer-styles .template_gallery-item .gallery-zoom-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  transition: opacity 500ms;
  z-index: 150;
  display: flex;
}

.customer-styles .template_gallery-item .gallery-zoom-box.hidden {
  display: none;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .close-button {
  color: white;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: absolute;
  right: 3%;
  top: 5%;
  cursor: pointer;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .close-button:after {
  content: "+";
  display: block;
  font-size: 70px;
  transform: rotate(45deg);
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content {
  display: flex;
  height: 100%;
  align-items: center;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .gallery-zoom-box-image-container {
  width: 100%;
  opacity: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10%;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .gallery-zoom-box-image-container img.image {
  width: 100%;
  /*max-height: 90vh;*/
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .gallery-zoom-box-image-container img.image.image-tall {
  width: auto;
  /*height: 90vh;*/
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .gallery-zoom-box-image-container img.image.hidden {
  display: none;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .nav-arrow {
  width: 10%;
  display: flex;
  justify-content: flex-start;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .nav-arrow:last-child {
  justify-content: flex-end;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .nav-arrow .arrow {
  cursor: pointer;
  content: "";
  display: block;
  width: 52px;
  height: 41px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23fff' viewBox='0 0 31 25' style='enable-background:new 0 0 31 25;' xml:space='preserve'%3E%3Cpolygon points='18.5,1.0000168 18.1000004,1.3000168 29.2000008,12.3000174 0.9,12.3000174 0.9,12.8000174 29.2000008,12.8000174 18.1000004,23.7000179 18.5,24.0000172 30.1000004,12.5000172 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .nav-arrow .arrow.hidden {
  display: none;
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .nav-arrow .prev {
  margin-left: 20%;
  transform: rotate(180deg);
}

.customer-styles .template_gallery-item .gallery-zoom-box .gallery-zoom-box-inner-wrapper .gallery-zoom-box-content .nav-arrow .next {
  margin-right: 20%;
}

.customer-styles .template_gallery-item .gallery-plus-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-color: rgba(144, 164, 174, 0.8);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 30px;
}

.customer-styles .template_gallery-item .gallery-plus-icon:after {
  content: "+";
  display: block;
  color: black;
  padding-bottom: 3px;
  font-size: 34px;
}

.customer-styles .template_gallery-item .gallery-plus-icon.hidden {
  display: none;
}

.customer-styles .template_gallery-item .tpl-gallery-image-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image {
  flex-grow: 1;
  width: 100%;
  padding: .5px;
  box-sizing: border-box;
  display: block;
  align-self: center;
  flex-grow: 0;
  cursor: pointer;
  position: relative;
}

.customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image.hidden {
  display: none;
}

.customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image .image-overlay {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
}

.customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image .image-overlay:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='40' height='40' x='0' y='0' viewBox='0 0 384 384' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M341.333,341.333H234.667V384h128c11.797,0,21.333-9.536,21.333-21.333v-128h-42.667V341.333z' fill='%23ff1744' data-original='%23000000' style='' class=''/%3E%3Cpath d='M362.667,0h-128v42.667h106.667v106.667H384v-128C384,9.557,374.464,0,362.667,0z' fill='%23ff1744' data-original='%23000000' style='' class=''/%3E%3Cpath d='M0,21.333v128h42.667V42.667h106.667V0h-128C9.536,0,0,9.557,0,21.333z' fill='%23ff1744' data-original='%23000000' style='' class=''/%3E%3Cpath d='M42.667,234.667H0v128C0,374.443,9.536,384,21.333,384h128v-42.667H42.667V234.667z' fill='%23ff1744' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  color: white;
  display: block;
  top: 5px;
  right: 5px;
}

@media (min-width: 768px) {
  .customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image {
    width: 50%;
  }
  .customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image:hover .image-overlay {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image {
    width: 33.333%;
  }
}

@media (min-width: 1300px) {
  .customer-styles .template_gallery-item .tpl-gallery-image-container .tpl-gallery-image {
    width: 25%;
  }
}

.customer-styles .template_gallery-item .geneva-media-image {
  width: 100%;
  display: block;
}