/* Cinematic: breites Hauptbild mit kompakter, gut lesbarer Textüberlagerung. */
.jfp-new-activity--v2 .jfp-new-hero {
    position: relative;
    display: grid;
    width: 100vw;
    max-width: 100vw;
    height: clamp(480px, 56vw, 700px);
    min-height: 0;
    max-height: 700px;
    margin-inline: calc(50% - 50vw);
    overflow: hidden;
    border-radius: 12px;
    color: var(--jfp-new-on-dark);
    background: var(--jfp-new-blue-night);
}
.jfp-new-activity--v2 .jfp-new-hero__image,
.jfp-new-activity--v2 .jfp-new-hero__copy { grid-area: 1 / 1; }
.jfp-new-activity--v2 .jfp-new-hero__image {
    position: relative;
    height: 100%;
    min-height: 0;
    max-height: none;
    padding: 0;
    place-items: stretch;
    background: var(--jfp-new-blue-night);
}
.jfp-new-activity--v2 .jfp-new-hero__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center;
}
.jfp-new-activity--v2 .jfp-new-hero__image::after { content: ""; position: absolute; inset: 0; background: var(--jfp-new-cinematic-overlay); }
.jfp-new-activity--v2 .jfp-new-hero__copy {
    z-index: 1;
    align-self: end;
    width: min(760px, 72%);
    padding-bottom: clamp(5.5rem, 8vw, 8rem);
}
.jfp-new-activity--v2 .jfp-new-intro {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 2 * clamp(1.25rem, 5vw, 5rem)), var(--jfp-new-content));
    max-width: var(--jfp-new-content);
    margin-top: -3.5rem;
    border-radius: var(--jfp-new-radius) var(--jfp-new-radius) 0 0;
    box-shadow: var(--jfp-new-shadow);
}
.jfp-new-activity--v2 .jfp-new-offer { border-radius: var(--jfp-new-radius-small); border-top: 3px solid var(--jfp-new-gold); }
.jfp-new-activity--v2 .jfp-new-offers--past .jfp-new-offer {
    border-top: 0;
    border-radius: 8px 28px 28px 8px;
}
.jfp-new-activity--v2 .jfp-new-offers--past .jfp-new-offer:nth-child(even) { border-radius: 28px 8px 8px 28px; }
@media (max-width: 700px) {
    .jfp-new-activity--v2 .jfp-new-hero {
        height: clamp(420px, 72svh, 560px);
        max-height: 560px;
    }
    .jfp-new-activity--v2 .jfp-new-hero__copy { width: 100%; }
    .jfp-new-activity--v2 .jfp-new-intro {
        width: calc(100% - 2rem);
        margin-top: -2rem;
    }
}