.teammembers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.empty, .teammember {
    width: calc(50% - 40px);
}

.teammember {
    min-width: 240px;
    margin: 20px 20px 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.teammember .image img, .teammember .description .text div {
    position: absolute;
    top: 0;
    transition: opacity ease-in-out 0.25s;
}

.teammember .description .text .standard {
    position: relative;
}

.teammember .description .text {
    position: relative;
}

.teammember .image {
    position: relative;
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
    opacity: 1;
}

.teammember .image .hovering, .teammember .text .hovering {
    opacity: 0;
}

.teammember:hover .image img.hovering, .teammember:hover .description .text .hovering {
    opacity: 1;
}

.teammember:hover .text .standard {
    opacity: 0;
}

.teammember .text .standard b,
.teammember .description .hovering i{
    font-size: 90%;
    font-weight: bold;
}

.teammember .description {
    margin-left: 20px;
    width: calc(100% - 220px);
    min-width: 200px;
}

.teammember .description h1 {
    margin-top: 0;
    font-size: 150%;
}

.teammember .description h2 {
    font-style: italic;
    font-size: 100%;
}

.teammember .description h2::before {
    content: '„';
}

.teammember .description h2::after {
    content: '“';
}

.teammember img {
    object-fit: cover;
}

.teammember .description figure {
    margin-left: 0;
}

.teammember .description blockquote {

    margin-bottom: 5px;
}

.teammember .description .hovering i::before {
    content: '– ';
}

.teammember .description .hovering i {
    font-style: normal;
    display: block;
}