/*gallery*/
body .pswp{    
  z-index: 99999;
}
body .pswp__top-bar{
  opacity: 1!important;
  background:transparent!important;
}
body .pswp--supports-fs .pswp__button--fs,
body .pswp__top-bar .pswp__button{
  display:none;
}
body .pswp__button--close{
  cursor:pointer;
  display:block!important;
  opacity:1!important;
}
body .pswp__button--close:before{
  content:'';
  color:#fff;
  font-size:20px;
  font-family:'neutral'!important;
  font-weight:500;
  display:block;
}
body .psgal{
    width:100%!important;
    background-color:transparent;
    padding:0px;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* width:calc(100% + 5px)!important; */
  }
  body .psgal_wrap{
    margin:0 -8px!important;
  }
  body .entry-thumbnail .single_photoswipe:before{
    display:none;
  }
  body .psgal figcaption,
  .wp-caption-text,
  .image-caption{
    margin-top:0px;
    text-align:left;
    font-size:13px;
    line-height:1.3;
    /* background-color:#f6efe8; */
    display:inline-block;
    /* padding:3.5px 5px; */
    box-sizing:border-box;
    /* font-style:italic; */
  }  
  body .psgal figcaption:empty ,
  .wp-caption-text:empty,
  .image-caption:empty {
  padding: 0px;
  display:none;
}
body .psgal a{
  margin-bottom:-2px;
}
body.archive .alignright,
body.archive  .alignleft{
    margin-right:40px;
    margin-bottom:20px;
    /* margin-top: 12px; */
    max-height:400px;
    max-width:400px;
}
body .single_photoswipe:not(.aligned) img{
  margin-bottom:-10px;
}
body .single_photoswipe.aligned img{
  margin-right:0px;
  margin-bottom:0px;
}
  .pswp__caption__center{
    color:#646464;
    font-size:14px;
  }
  body .psgal figure br{
    display:none;
  }
  body .psgal figure{
    width:33.33%!important;
    padding: 0 8px;
    margin:0px;
    margin-bottom: 12.5px;
    box-sizing:border-box;
    text-align:left;
  }
  .psgal.gallery-columns-1 figure{
    text-align:left;
  }
  /** Spaltenzahl !!! **/
  body .psgal.gallery-columns-1 figure {
    width: 100%!important;
  }
  body .psgal.gallery-columns-2 figure {
    width: 50%!important;
  }
  body .psgal.gallery-columns-3 figure {
    width: 33%!important;
  }
  body .psgal.gallery-columns-4 figure {
    width: 25%!important;
  }
  body .psgal.gallery-columns-5 figure {
    width: 20%!important;
  }
  body .psgal.gallery-columns-6 figure {
    width: 16.66%!important;
  }
  body .psgal.gallery-columns-7 figure {
    width: 14.29%!important;
  }
  body .psgal.gallery-columns-8 figure {
    width: 12.5%!important;
  }
  body .psgal.gallery-columns-9 figure {
    width: 11.11%!important;
  }
  body .acf-gallery .psgal{
    padding-bottom: 0;
  }
  .acf-gallery .credits{
    font-style: italic;
    border-top: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 5px;
    margin-top: 10px;
    font-size: 14px;
    display: inline-block;
  }
  body .psgal img{
    width:100%;
    display:block;
  }
  .acf-gallery{
    margin-top:20px;
    margin-bottom:30px;
  }
  a.single_photoswipe,
  .msnry_item a{
      position:relative;
      display:inline-block;
  }
  .psgal a{
    /* display:inline!important; */
    outline:none!important;
    border-bottom:none!important;
  }
  .psgal .msnry_item > a{
    display:block!important;
  }
body .single_photoswipe:hover:before,
.zoom:hover:before,
.msnry_item:hover  a:before{
    opacity:0.75;
}
.msnry_item > a{
  position:relative;
}
body .single_photoswipe:before,
.zoom:before,
.msnry_item > a:before{
    content: "";
    background-image:url('/wp-content/themes/shift_online/images/icon_lupe_green.svg');
    background-color: #fff;
    background-size: 60%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-around;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    margin-right:0px;
}

.entry-content .wp-caption{
  border:none;
  box-shadow: none;
  margin:0px;
  text-align:left;
  padding:0px!important;
}
.pswp__caption__center{
  color:#272526;
}
@media screen and (max-width: 900px){
  body .psgal_wrap .psgal figure{
      width:33.33%!important;
  }
}
@media screen and (max-width: 780px){
  body .psgal_wrap .psgal figure{
      width:50%!important;
  }
}
@media screen and (max-width: 360px){    
  body .psgal_wrap .psgal  figure{
      width:100%!important;
  }
}