div.MemberCardFormComponent,
div.MemberCardFormComponent_KINDERSTU {
    text-align: center;
}

div.MemberCardFormComponent_KINDERSTU {
    border: 1px solid rgb(106, 157, 212);
    border-radius: 0.5rem;
    margin: 1rem 0.5rem;
    z-index: 9999999;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Title {
    /*border-radius: 1rem 1rem 0 0;*/
    margin-top: 0.5rem;
}

div.MemberCardFormComponent_KINDERSTU hr {
    border-color: rgb(106, 157, 212);
    background-color: rgb(106, 157, 212);
}

div.MemberCardFormComponent div.MemberCard_Title {
    text-align: center;
    font-size: 2rem;
}

table.MemberCard {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse; 
}
table.MemberCard td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}
    table.MemberCard td.self-photo {
        width: 8rem;
    }
    table.MemberCard td div.image {
        width: 8rem;
        height: 8rem;
        box-sizing: border-box;
    }

        table.MemberCard td div.image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    table.MemberCard td table {
        border: none;
        margin: 0 auto;
        line-height: 1em;
        min-width: 80%;
    }
    table.MemberCard td table td{
        border: none;
        text-align: left;
    }

        table.MemberCard td table td.td_title {
            padding-left: 0.5rem;
            padding-right: 1rem;
        }

    div.MemberCard_Left,
    div.MemberCard_Right {
        display: inline-block;
        vertical-align: middle;
    }

div.MemberCard_Left {
    max-width: 40%;
    text-align: center;
}

div.MemberCard_Right {
    min-width: 59%;
    margin: 0 auto;
    text-align: left;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left {
    max-width: 49%;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Right {
    /*width:49%;*/
    min-width: 50%;
}

div.MemberCard_Left div.photo {
    width: 8rem;
    height: 8rem;
    position: relative;
}

div.MemberCard_Left div.photo div.image {
    position: absolute;
    /*top: 50%;
        transform: translateY(-50%);*/
    max-height: 100%;
    width: 100%;
    height: 100%;
}

div.MemberCard_Left div.photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

div.MemberCard_Left div.qr_photo {
    width: 5rem;
    height: 5rem;
}

div.MemberCard_Left div.qr_photo img {
    max-width: 5rem;
    max-height: 5rem;
    object-fit: cover;
}

div.MemberCard_Left div.qr_photo.big_qr_photo,
div.MemberCard_Left div.photo.big_qr_photo {
    width: 10rem;
    height: 10rem;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.qr_photo.big_qr_photo,
div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.big_qr_photo {
    width: 15rem;
    height: 15rem;
    margin-top: 0.5rem;
    box-sizing: border-box;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.qr_photo.big_qr_photo div,
div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.big_qr_photo div {
    width: 15rem;
    height: 15rem;
    line-height: 15rem;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 0;
    top: 0;
    transform: none;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.kinderteacher {
    width: 12rem;
    height: 12rem;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.kinderteacher div {
    width: 12rem;
    height: 12rem;
    line-height: 12rem;
}

div.MemberCard_Left div.qr_photo.big_qr_photo img,
div.MemberCard_Left div.photo.big_qr_photo img {
    width: 100%;
    height: 100%;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.qr_photo.big_qr_photo div img,
div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.big_qr_photo div img {
    width: auto;
    vertical-align: middle;
    max-width: 99%;
    max-height: 99%;
    display: inline-block;
    object-fit: cover;
}

div.MemberCard_Right table td.td_title {
    width: 3.5rem;
    padding-right: 0.5rem;
    text-align: right;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Right table td.td_title {
    text-align: left;
    width: 98%;
    font-size: 0.8em;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Right table td.td_title .td_attr {
    font-size: 1.5em;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo {
    overflow: hidden;
    box-sizing: border-box;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo img {
    border-radius: 7.5rem;
    width: 15rem;
    height: 15rem;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.kinderteacher {
    margin-top: -1rem;
}

div.MemberCardFormComponent_KINDERSTU div.MemberCard_Left div.photo.kinderteacher img {
    border-radius: 1.5rem;
    width: 12rem;
    height: 12rem;
}

div.MemberCardFormComponent_KINDERSTU hr {
    margin: 0;
    padding: 0;
    margin: 0.2rem 0;
    width: 10rem;
}