/* ================================
   Eventkarten – Poster-Hochformat
   ================================ */

/* Container erzwingt Hochformat */
.card-event .img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 3;          /* klassisches Poster */
    overflow: hidden;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Fallback für ältere Browser */
@supports not (aspect-ratio: 2 / 3) {
    .card-event .img-wrap {
        height: 0;
        padding-top: 150%;        /* 2:3 = 150% */
    }
}

/* Klickfläche über das gesamte Bild */
.card-event .img-wrap > a {
    position: absolute;
    inset: 0;
    z-index: 2;
}

/* Loader mittig halten */
.card-event .img-wrap .loader {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 1;
}