/* Sponsor card styles */
.sponsor-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 24px;
    margin: 16px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 350px; */
    /* Standaard hoogte voor alle kaarten */
    /* max-height: 350px; */
    /* Maximale hoogte instellen */
}

/* Image inside sponsor card */
.sponsor-card img {
    max-height: 100px;
    /* Maximale hoogte van de afbeelding */
    width: auto;
    /* Laat de breedte zich aanpassen aan de hoogte */
    height: 100px;
    /* Stel een vaste hoogte in voor de afbeeldingen */
    margin-bottom: 16px;
    object-fit: contain;
    /* Zorg dat de afbeelding altijd past zonder vervormen */
    max-width: 100%;
    /* Zorg dat de breedte van de afbeelding de container niet overschrijdt */
}

/* Paragraph inside sponsor card */
.sponsor-card p.sponsor-action {
    flex-grow: 1;
    margin: 8px 0;
    font-size: 1.1em;
    /* Vergroot indien gewenst */
    font-weight: normal;
}

/* Optional: style for bold names within sponsor-action */
.sponsor-card p.sponsor-action strong {
    font-weight: bold;
    color: #333;
    /* Pas de kleur aan voor betere zichtbaarheid */
}

/* Grid container for sponsor cards */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    /* Vergroot de gap voor meer ruimte tussen de kaarten */
    padding: 16px;
    box-sizing: border-box;
    /* Zorg dat de padding correct wordt meegenomen in de breedteberekening */
}