#team {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 55px;
    margin-bottom: 25px;
}

.teamMember {
    position: relative;
    height: 200px;
    width: 149px;
    background: grey;
    background-size: cover;
}

.teamMember.Jochen {
    background-image: url('../images/team/Jochen2.jpg');
}

.teamMember.Britta {
    background-image: url('../images/team/Britta.jpg');
}

.teamMember.Oliver {
    background-image: url('../images/team/Oliver.jpg');
}

.teamMember.Thorsten {
    background-image: url('../images/team/Thorsten.jpg');
}

.teamMember > div.tooltipDiv {
    display: flex;
    flex-direction: row;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    top: -10%;
    width: 430px;
    background-image: linear-gradient(rgb(0,166,225,0.9), rgb(12,105,174,0.9));
    color: white;
    padding-bottom: 15px;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear 0.1s, z-index 0s linear 0.2s;
}

.teamMember > div.tooltipDiv.right {
    left: 110%;
}

.teamMember > div.tooltipDiv.left {
    right: 110%;
}

.teamMember > div.tooltipDiv.left {
    right: 110%;
}

.teamMember:hover > div.tooltipDiv {
    transition: visibility 0s, opacity 0.5s linear;
    visibility: visible;
    opacity: 1;
    z-index: 2;

}

.memberInfo {
    flex: 1;
    padding-left: 15px;
}

.memberInfo > a {
    color: white;
    text-decoration: revert;
}

.memberCards {
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.memberCard {
    background-image: url('../images/icons/Icon VCard.png');
    background-color: white;
    background-size: 80px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 100px;
    height: 65px;
    cursor: pointer;
}

.memberQr {
    background-color: white;
    background-size: 90px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.memberQr.Jochen {
    background-image: url('../images/team/QR Jochen.png');
}

.memberQr.Britta {
    background-image: url('../images/team/QR Ziemes.png');
}

.memberQr.Oliver {
    background-image: url('../images/team/QR Tiede.png');
}

.memberQr.Thorsten {
    background-image: url('../images/team/QR-Code_Bühlow.png');
}