/* Effektgruppe: cards/icon-zoom */
.icon-card-outer {
    transition: transform 0.3s ease; /* Sanfte Übergangsanimation */
    will-change: transform;
}

.icon-card-outer:hover,
.icon-card-outer.is-active
{
    transform: scale(1.075); /* Vergrößert den Container um 2% */
}

.icon-card-inner {
    position: relative; /* Falls nötig, um inneres Target zu positionieren */
}

.icon-card-inner:hover .icon-zoom,
.icon-card-inner.is-active .icon-zoom {
    transform: scale(1.15) 
}

.icon-zoom {
    transition: transform 0.3s ease; /* Sanfte Übergangsanimation */
    display: inline-block; /* Kann angepasst werden je nach Layout */
    will-change: transform;
    overflow: hidden; /* Verhindert, dass das Bild über den Container hinaus wächst */
}