.team
{
    scroll-margin-top: var(--scroll-margin-top);
    width: var(--breite-contentContainerElement);

    padding: 1rem;
}

.team .content
{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.team .content .contentCard
{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.team .content .contentCard .mitarbeiter
{
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: var(--text-zu-bild-abstand);
}

.team .content .contentCard .mitarbeiter .text .horizontalContainer .imageOutline
{
    /* Sorgt dafür, dass das Element nach diesem Element um dieses Element herum
    fließt. float ist mit sorgfalt zu verwenden, da es sehr alt und nicht ansatzweise
    so stabil wie display: flex ist */
    float: left;

    margin-top: 0.8rem;
    margin-right: 1rem;
}

.team .content .contentCard .mitarbeiter .imageOutline img
{
    width: 23vw;
    /*width: clamp(var(--team-mitarbeiter-width-min), var(--team-mitarbeiter-width), var(--team-mitarbeiter-width-max));*/
    height: auto;
}

.team .content .contentCard .mitarbeiter .imageOutline p
{
    display: none;
}

.team .content .contentCard .mitarbeiter .text
{
    padding: 4px 8px;
}

.team .content .contentCard .mitarbeiter .text p:first-of-type
{
    margin-top: 0;
}

.team .content .contentCard .mitarbeiter .text .horizontalContainer
{
    display: block;
}