img.zoom {
cursor: zoom-in;
}

#zoom-img {
position: fixed;
cursor: zoom-out;
z-index: 9999;
display: none;
transition:
top 0.4s ease,
left 0.4s ease,
width 0.4s ease,
height 0.4s ease,
box-shadow 0.3s ease; /* Schatten weich animieren */
}

/* aktive Phase mit Schatten */
#zoom-img.active {
box-shadow: 0 8px 30px rgba(0,0,0,0.6);
}

/* inaktive Phase ohne Schatten */
#zoom-img.inactive {
box-shadow: 0 8px 30px rgba(0,0,0,0);
}