:root {
    --width-ansprechpatner: 297px;
    --height-ansprechpartner: 297px;
    --height-function: 70px;
    --height-email: 100px;
    --padding-ansprechpartner: 14px;
}

.ansprechpartner {
    display: flex;
    flex-direction: row;
    width: 100%;
    column-gap: 3px;
    row-gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-top: 5px;
}

.ansprechperson {
    display: flex;
    flex-direction: column;
    max-width: var(--width-ansprechpatner);
}

.ansprechpartner .profile, .ansprechpartner .profile img {
    width: 100%;
    /* background: red; */
    height: auto;
}

.ansprechpartner a {
    text-decoration: none;
    color: black;
}

.ansprechperson .profile {
    height: var(--width-ansprechpatner);
    width: 100%;
}

.ansprechperson .profile .back {
    margin-top: calc(var(--width-ansprechpatner) * -1);
    height: calc(var(--width-ansprechpatner) + 100px);
    width: var(--width-ansprechpatner);
    float: left;
}

.ansprechperson .profile .profile-img {
    height: var(--width-ansprechpatner);
    /* background: black; */
    overflow: hidden;
}

.ansprechperson .profile .profile-text {
    padding: var(--padding-ansprechpartner);
    color: #FFFFFF;
    font-size: var(--font-size-menu-fix); /* ehemals 34 */
    text-align: left;
    font-family: var(--font-family);
    font-weight: var(--font-weight-h1);
    line-height: var(--font-lh-h1-fix);
    margin-top: -55px;
}

.ansprechpartner .profile-function, .ansprechpartner .profile-function img {
    height: var(--height-function);
    width: 100%;
    /* background: pink; */
}

.ansprechperson .profile-function .profile-text {
    padding: var(--padding-ansprechpartner);
    padding-top: calc(var(--padding-ansprechpartner) - 5px);
    font-family: var(--font-family);
    line-height: 19px;
    color: #FFFFFF;
    font-size: var(--font-size-menu-sub-fix); /* ehemals 21 */
    margin-bottom: 0;
    margin-top: calc(var(--height-function) * -1);
}

.ansprechpartner .profile-email, .ansprechpartner .profile-email img {
    height: var(--height-email);
    width: 100%;
    /* background: yellow; */
}

.ansprechperson .profile-email .profile-text {
    padding: var(--padding-ansprechpartner);
    color: #000000;
    font-size: var(--font-size-menu-sub-fix); /* ehemals 21 */
    margin-top: calc(var(--height-email) * -1);
    font-family: var(--font-family);
}

.ansprechperson .profile-text {
    position: relative;

}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}