:root{
    --gap:12px;
    --card-radius:8px;
    --card-bg:#fff;
    --card-border:#e6e6e6;
    --image-bg:#f6f6f8;
    --img-height:220px; /* juster billedhøjden her (px eller vh). Alle billeder ændres ensartet. */
    --max-card-width:800px;
}

.hall_kort_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
    max-width: var(--max-card-width);
    margin: 0 auto;
}

/* Kort: tekst i naturlig højde, billede med fast højde */
.hall_kort {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius);
    overflow: visible;
    display: grid;
    grid-template-rows: auto var(--img-height); /* tekst auto, billede fast */
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

.hall_kort .text {
    padding: 16px;
    color:#222;
    font-size:1rem;
    line-height:1.45;
    /* valgfrit: gør lange ord/linjer pænere */
    word-break: break-word;
}

/* Billedområdet er fast højde og bundcentreret */
.hall_kort .img-wrap {
    height: var(--img-height);
    background: var(--image-bg);
    display: flex;
    align-items: flex-end;    /* bundjuster billedet visuelt */
    justify-content: center;  /* centrer horisontalt */
    padding: 8px;
    box-sizing: border-box;
    border-top: 1px solid var(--card-border);
    border-bottom-left-radius: var(--card-radius);
    border-bottom-right-radius: var(--card-radius);
}

.hall_kort .img-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;           /* viser hele billedet uden beskæring */
    object-position: center bottom;
    display: block;
    border-radius: 4px;
}

/* Responsiv: mindre billedhøjde på små skærme */
@media (max-width: 480px) {
    :root {
        --img-height: 160px;
    }
    .hall_kort .text {
        padding: 12px;
    }
    .hall_kort .img-wrap {
        padding: 6px;
    }
}