:root {
    /*--accent:#2A5F97; !* header, buttons usw. *!*/
    --accent:#467E92; /* header, buttons usw. */
    --jaspis:#7B0E30;
    --grau:#73786E;
    --mittelgrau:#92968E;
    --hellgrau:#B9BCB7;
    --hellhellgrau:#f4f5f4;
}

#unternehmen-im-fokus .infocards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 20px;
    gap: 20px;
}

#unternehmen-im-fokus .infocard {
    width: 300px;
    height: 300px;
    background-color: #ffffff;
    border: 1px solid #cecece;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /*border-radius: 5px;*/
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    position: relative;
}

#unternehmen-im-fokus .infocard:hover {
    transform: scale(1.03);
}

#unternehmen-im-fokus .infocard-logo {
    height: 50%; /* 50% der Karte für das Logo reservieren */
    overflow: hidden;
    display: flex;
    align-items: center; /* Vertikal zentrieren */
    padding: 10px;
    margin-top: 10px;
}

#unternehmen-im-fokus .infocard-logo img {
    width: 100%;
    height: 100%;
    /*max-width: 100%; !* Bildbreite maximal 100% der Breite des infocard-logo divs *!*/
    object-fit: contain;
    object-position: center; /* Bild horizontal zentriert */
}

#unternehmen-im-fokus .infocard-content {
    padding: 15px;
    height: 50%; /* Untere Hälfte der Karte für den Textbereich reservieren */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Textbereich am oberen Rand ausrichten */
    font-size: 12px;
    margin-top: -21px;
}

#unternehmen-im-fokus h2 {
    margin-top: 0;
}
#unternehmen-im-fokus .profile-button {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px;
    /* Fügen Sie hier weitere Stilregeln für den Button hinzu, wenn nötig */
}
#unternehmen-im-fokus button {
    border: 1px solid #cecece;
    padding: 5px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    background-color: var(--accent);
    cursor: pointer;
}