/* Effektgruppe: cards/skew; Reihenfolge in inc/assets.php. */

.bigger-z {
    position: relative;  /* Damit der z-index wirkt */
    z-index: 10;         /* Höherer z-index als das Hintergrund-SVG */
  }



.skew-card > .kt-inside-inner-col {
    transition: transform .3s ease-out, box-shadow .3s ease-out;
}
@media (max-width: 1024px), (hover: none), (pointer: coarse) {
    .skew-card.is-active > .kt-inside-inner-col {
        transform: scale(1.075);
    }
}
@media (prefers-reduced-motion: reduce) {
    .mobile-active.is-active,
    .skew-card.is-active > .kt-inside-inner-col {
        transform: none;
    }
    .mobile-active, .skew-card > .kt-inside-inner-col,
    .kb-lines-outer, .kb-lines-outer-secondary {
        transition: none;
    }
}