.elementor-522 .elementor-element.elementor-element-d392300{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-522 .elementor-element.elementor-element-500dd86{text-align:center;}.elementor-522 .elementor-element.elementor-element-e4d7350{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:35px;--margin-left:15px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-522 .elementor-element.elementor-element-e1424fb .jet-listing-dynamic-terms{text-align:left;}.elementor-522 .elementor-element.elementor-element-e1424fb .jet-listing-dynamic-terms__link{font-family:"Poppins-Regular";font-size:20px;line-height:1.6em;color:var( --e-global-color-c4426a0 );}.elementor-522 .elementor-element.elementor-element-e1424fb .jet-listing-dynamic-terms__link:hover{color:var( --e-global-color-4727c62 );}.elementor-522 .elementor-element.elementor-element-5444fae6 .elementor-heading-title{font-family:"Poppins-Regular";font-size:24px;font-weight:bold;}@media(max-width:1024px){.elementor-522 .elementor-element.elementor-element-e1424fb .jet-listing-dynamic-terms__link{font-size:16px;}.elementor-522 .elementor-element.elementor-element-5444fae6 .elementor-heading-title{font-size:20px;}}@media(max-width:767px){.elementor-522 .elementor-element.elementor-element-e1424fb .jet-listing-dynamic-terms__link{font-size:16px;}}/* Start custom CSS for image, class: .elementor-element-500dd86 *//* Wrapper */
.home-artist-gallery .artist-gallery-card{
  position: relative;
  overflow: hidden;
  border-radius: 0; /* kein Radius */
}

/* Bild – mit Fade+Zoom Transition */
.home-artist-gallery .artist-gallery-card img{
  display:block; width:100%; height:100%; object-fit:cover;
  opacity: 1;
  transform: scale(1);                 /* Startzustand */
  transition: transform .6s ease, opacity .6s ease, filter .6s ease;
  position: relative; z-index: 1;
}

/* Overlay: Start unsichtbar → Hover grau, leicht transparent */
.home-artist-gallery .artist-gallery-card::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.25);         /* leicht graues Overlay */
  opacity: 0;                          /* Start: aus */
  transition: opacity .35s ease;
  z-index: 2;
  pointer-events: none;                /* Klicks gehen ans <a> */
}

/* HOVER-EFFEKT — Fade OUT + Zoom + Overlay IN */
.home-artist-gallery .artist-gallery-card:hover img,
.home-artist-gallery .artist-gallery-card:focus-within img{
  opacity: .9;                         /* leichtes Fade-out des Bilds */
  transform: scale(1.03);              /* sanfter Zoom */
}
.home-artist-gallery .artist-gallery-card:hover::after,
.home-artist-gallery .artist-gallery-card:focus-within::after{
  opacity: 1;                          /* Overlay sichtbar */
}

/* Dein Post-URL-Link bleibt klickbar */
.home-artist-gallery .artist-gallery-card a{
  display:block; color:inherit; text-decoration:none;
}
.home-artist-gallery .artist-gallery-card a:focus-visible{
  outline:2px solid #F5F2ED; outline-offset:2px;
}

/* Optional: weniger Bewegung bei User-Präferenz */
@media (prefers-reduced-motion: reduce){
  .home-artist-gallery .artist-gallery-card img{
    transition:none; transform:none !important; opacity:1 !important;
  }
  .home-artist-gallery .artist-gallery-card::after{ transition:none; }
}/* End custom CSS */