/* Card auf volle Höhe aufbauen */
.beItem[data-itemname="Card"] .beItemContent {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Textbereich soll wachsen */
.beItem[data-itemname="Card"] .text-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Inhalt wächst */
.beItem[data-itemname="Card"] .text-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Overlay-Link Verhalten */
.beItem[data-itemname="Card"].hasOverlayLink .beItemContent {
    pointer-events: none;
}

.beItem[data-itemname="Card"].hasOverlayLink .beItemContent a {
    pointer-events: auto;
    position: relative;
    z-index: 10;
}


.beItem[data-itemname="Card"] .beItemCardContentLink {
    margin-top: auto;
    align-self: center;
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 8px 12px;
    line-height: 1.4;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
}

    /* Echter Hover auf dem Button */
    .beItem[data-itemname="Card"] .beItemCardContentLink:hover,
    .beItem[data-itemname="Card"] .beItemCardContentLink:focus {
        text-decoration: underline;
    }

/* Optional: Mauszeiger über ganzer Card */
.beItem[data-itemname="Card"].hasOverlayLink {
    cursor: pointer;
}