div.ksbEmployeeListExtended {
    display: grid;
    grid: auto / 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 1em;
    align-items: start;
}

div.ksbEmployeeListExtended > * {vertical-align: top;}

div.ksbEmployeeListExtended div.ksbEmployees {

    border-radius: 10px;
    border: 1px solid rgba(156,154,136,0.25);
    overflow: hidden;

}

div.ksbEmployeeListExtended div.ksbEmployees img { width: 100%;
/*border-radius: 10px;*/
display: block;
}


div.ksbEmployeeListExtended div.ksbEmployees > div:nth-child(2) h3 {
    font-weight: 500;
    font-size: 1.3em;
    }

    
div.ksbEmployeeListExtended div.ksbEmployees > div:nth-child(2) h3+p {
    font-weight: 300;
    font-size: 1em;
    margin-top: 0.1em;
    }

    div.ksbEmployeeListExtended div.ksbEmployees > div { 
      /*  border: 1px solid rgba(156,154,136,0.25); */
        background-color: rgba(156,154,136,0.1);
       /* margin-top: 1em;*/
      /*  border-radius: 10px;*/
        padding: 0.75em 0.5em 0.5em;
    }


    div.ksbEmployeeListExtended div.ksbEmployees > div:nth-child(2) {
        position: relative;
        border: none;
        background: none;
        border-radius: 0;
        padding: 1em 0.5em;
    }

    div.ksbEmployeeListExtended div.ksbEmployees > div:nth-child(2):after {
        content: '';
        position: absolute;
        top: 0;
        left: -1em;
        bottom: 0;
        right: -1em;
        background: none;
        pointer-events: none;
        box-shadow: 0px 0px 1em rgba(156,154,136,0.5);
    }

    div.ksbEmployeeListExtended div.ksbEmployees div h4:not(.visible)+* { 
        display: none;
    }

    div.ksbEmployeeListExtended div.ksbEmployees div h4+* { margin: 0; padding: 0; margin-top: 0.5em;
    }

    div.ksbEmployeeListExtended div.ksbEmployees div h4 {
        cursor: pointer;
        user-select: none;
     }

    div.ksbEmployeeListExtended div.ksbEmployees div h4::after {
        content: " +";
        text-align: right;
        float: right;
        font-weight: 900;
        color:rgb(0,105,180);
    }

    div.ksbEmployeeListExtended div.ksbEmployees div h4.visible::after {
        content: " -";
    }

    div.ksbEmployeeListExtended div.ksbEmployees div ul { padding-left: 0.5em; list-style-position: outside; list-style-type: "•";}
    div.ksbEmployeeListExtended div.ksbEmployees div ul li { margin: 0; padding: 0; padding-left: 0.5em;}

    div.ksbEmployeeListExtended div.ksbEmployees div div {display: grid; grid: auto / auto 1fr; grid-column-gap: 0.5em;grid-row-gap: 0.1em;}
    div.ksbEmployeeListExtended div.ksbEmployees div div > p.row {display: contents;}
    div.ksbEmployeeListExtended div.ksbEmployees div div > p.row > br {display: none;}
    div.ksbEmployeeListExtended div.ksbEmployees div div > p,
    div.ksbEmployeeListExtended div.ksbEmployees div div > h5 {grid-column: 1 / 3;}

    div.ksbEmployeeListExtended div.ksbEmployees div > h5,
    div.ksbEmployeeListExtended div.ksbEmployees div > p,
    div.ksbEmployeeListExtended div.ksbEmployees div div > p.row > span:nth-child(1),
    div.ksbEmployeeListExtended div.ksbEmployees div div > p.row > span:nth-child(2) {margin-top: 0.5em;}

    div.ksbEmployeeListExtended div.ksbEmployees div div > h5+p.row > span:nth-child(1),
    div.ksbEmployeeListExtended div.ksbEmployees div div > h5+p.row > span:nth-child(2),
    div.ksbEmployeeListExtended div.ksbEmployees div div > h5+p {margin-top: 0.1em;}

    div.ksbEmployeeListExtended div.ksbEmployees div > h5:first-child,
    div.ksbEmployeeListExtended div.ksbEmployees div > p:first-child,
    div.ksbEmployeeListExtended div.ksbEmployees div div > p.row:first-child > span:nth-child(1),
    div.ksbEmployeeListExtended div.ksbEmployees div div > p.row:first-child > span:nth-child(2) {margin-top: 0;}
    div.ksbEmployeeListExtended div.ksbEmployees div > h5 {font-weight: 400; font-size: 0.8em;}
