/*
================================
    Mitarbeiter Team anzeigen
================================
*/

/* Team-Seite
=============================================
*/

.contact-person-header h2 {
    padding: 0px 0px;
    margin-top: 0px !important;
}

.contact-person-header img {
    display: none;
}

.contact-person-body {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 9px;
}

.button.team {
    width: 100%;
    padding: 15px 10px;
}

.element-mitarbeiter-team .contact-persons-row .person ul {
    padding: 0px;
}



/* CONTACT-PERSONS */
.element-mitarbeiter-team {}

.element-mitarbeiter-team .contact-persons {}

.element-mitarbeiter-team .contact-persons-row {
    margin: 0 0 10px;
}

.element-mitarbeiter-team .contact-persons-row:last-child {
    margin-bottom: 0;
}

.element-mitarbeiter-team .contact-persons-row .header {
    padding: 15px 36px 15px 15px;
    position: relative;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: 2px solid #006b2b;
}

.element-mitarbeiter-team .contact-persons-row .header h4 {
    color: #006b2b;
    margin: 0;
}

.element-mitarbeiter-team .contact-persons-row .header:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -1px;
    border-top: 4px solid #006b2b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.element-mitarbeiter-team .contact-persons-row .body-wrap {
    display: none;
    border: 1px solid #e6e6e6;
    border-top: 1px dotted #e6e6e6;
}

.element-mitarbeiter-team .contact-persons-row .body {
    display: flex;
    display: -ms-flexbox;
    justify-content: normal;
    -ms-flex-pack: normal;
    align-items: stretch;
    -ms-flex-align: stretch;
    flex-wrap: wrap;
    text-align: left;
    padding: 0 12px;
}

.element-mitarbeiter-team .contact-persons-row .person {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 24px 12px;
    text-align: center;
}

@media only screen and (min-width: 650px) and (max-width:1080px) {
    .element-mitarbeiter-team .contact-persons-row .person {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width:649px) {
    .element-mitarbeiter-team .contact-persons-row .person {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.element-mitarbeiter-team .contact-persons-row .person-inner {
    display: block;
    max-width: 100%;
    text-align: left;
}

.element-mitarbeiter-team .contact-persons-row .person .image {
    margin-bottom: 20px;
}

.element-mitarbeiter-team .contact-persons-row .person .image img {
    display: block;
    max-width: 100%;
    height: 100%;
	object-fit: cover;
}

.element-mitarbeiter-team .contact-persons-row .person .ma-name {
    font-family: var(--font-heading);
    color: var(--color-main);
    font-size: 22px;
    font-weight: bold;
}

.element-mitarbeiter-team .contact-persons-row .person p {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    margin-bottom: 10px;
}

.element-mitarbeiter-team .contact-persons-row .person ul {
    list-style: none;
}

.element-mitarbeiter-team .contact-persons-row .person ul li {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    margin-bottom: 2px;
}

.element-mitarbeiter-team .contact-persons-row .person ul li:last-child {
    margin-bottom: 0;
}

.element-mitarbeiter-team .contact-persons-row .person ul li a {
    color: var(--color-main);
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.element-mitarbeiter-team .contact-persons-row .person ul li a:hover {
    color: var(--color-sub);
    border-bottom: 1px solid var(--color-sub);
}




.element-mitarbeiter-team .button.team .budi-svg line {
    stroke: var(--color-main);
}

.element-mitarbeiter-team .contact-person-body {
    justify-content: left;
}

.element-mitarbeiter-team .button.team {
    color: var(--color-main);
    font-size: 20px;
    background: none;
    padding: 5px 0px 5px;
    border: none !important;
    text-align: left;
    text-transform: uppercase;

}

.element-mitarbeiter-team .button.team:focus {
    border: none !important;
}


.element-mitarbeiter-team .person-inner {
    background-color: var(--color-main);
    color: white !important;

}

.element-mitarbeiter-team .contact-persons-row .person p {
    padding-left: 25px;
    font-size: 13px;
}

.element-mitarbeiter-team .contact-persons-row .person ul li {
    color: white !important;
    padding-left: 25px;
    font-size: 13px !important;
}

.element-mitarbeiter-team .contact-persons-row .person ul li a {
    color: white !important;

}

.element-mitarbeiter-team .contact-persons-row .person .ma-name {
    color: var(--color-sub);
    padding-left: 25px;
    font-size: 20px !important;

}

.element-mitarbeiter-team .contact-persons-row .person .ma-titel {
    font-size: 13px !important;

}


/*Für 188px Bilder*/
.element-mitarbeiter-team .contact-persons-row .person .person-inner {
    display: grid;
    grid-template-columns: 1fr 2fr;

}

.element-mitarbeiter-team .contact-persons-row .person .image {
    margin-bottom: 0px;
}

.element-mitarbeiter-team .contact-persons-row .person p.ma-name {

    font-size: 22px !important;
    color: var(--color-sub);
    font-family: var(--font-heading) !important;
    margin-bottom: 0px;
    padding-top: 25px;
}

.element-mitarbeiter-team .contact-persons-row .person p.ma-titel {
    font-size: 14px !important;
    color: white;

}

.element-mitarbeiter-team .contact-persons-row .person ul li {
    color: white !important;
    padding-left: 25px;
    font-size: 14px !important;
}


.element-mitarbeiter-team .contact-persons-row .person {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}

.fas.fa-phone {
    padding-right: 10px !important;
}

@media(max-width: 975px) {
    .fas.fa-phone {
        padding-right: 5px !important;
    } 
}



.vc_row div:has(.vc_col-sm-6) .element-mitarbeiter-team .contact-persons-row .person{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

.vc_row .vc_col-sm-6 .element-mitarbeiter-team .contact-persons-row .person {
    -ms-flex: 0 0 33%;
    flex: 0 0 100%!important;
    max-width: 525px!important;
}


@media (min-width: 1105px) and (max-width:1440px) {


    .vc_row .element-mitarbeiter-team .contact-persons-row .person{

        max-width: 33%;

    }
    .vc_row .vc_col-sm-6 .element-mitarbeiter-team .contact-persons-row .person{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%!important;
        max-width: 500px!important;
    }

}

@media  (min-width: 950px) and (max-width: 1104px){

    .vc_row .element-mitarbeiter-team .contact-persons-row .person{

        max-width: 33%;
        flex: 0 0 33%;

    }

    .vc_row .vc_col-sm-6 .element-mitarbeiter-team .contact-persons-row .person{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%!important;
        max-width: 500px!important;
    }

}
@media  (min-width: 768px) and (max-width: 949px){

    .vc_row .element-mitarbeiter-team .contact-persons-row .person{

        max-width: 50%;
        flex: 0 0 50%;

    }

    .vc_row .vc_col-sm-6 .element-mitarbeiter-team .contact-persons-row .person{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%!important;
        max-width: 452px!important;
    }

}


@media (min-width: 731px) and (max-width: 767px){

    .vc_row .element-mitarbeiter-team .contact-persons-row .person{

        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;

    }

    .vc_row .vc_col-sm-6 .element-mitarbeiter-team .contact-persons-row .person{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%!important;
        max-width: 359px!important;
    }
}

@media  (min-width: 570px) and (max-width: 730px){

        .vc_row .element-mitarbeiter-team .contact-persons-row .person{

            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 65%;

        }

        .vc_row .vc_col-sm-6 .element-mitarbeiter-team .contact-persons-row .person{
            -ms-flex: 0 0 100%;
            flex: 0 0 100%!important;
            max-width: 456px!important;
        }

    }

@media   (max-width: 569px){

            .vc_row .element-mitarbeiter-team .contact-persons-row .person{

                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;

            }

        }



/*Für 188px Bilder ENDE*/


/*
    Präsi Fix 10.11.2022
*/
.contact-person-body {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 20px;
}

.element-mitarbeiter-team .contact-persons-row .person {
    padding: 12px 12px;
}

/*
	Giga Fix 24.11.2022
*/
/* .contact-person-body{
	gap: 10px;
}

.person-inner-info{
	padding: 15px;
}

.element-mitarbeiter-team .contact-persons-row .person .person-inner{
	display: flex;
    flex-direction: row;
}

.element-mitarbeiter-team .contact-persons-row .person,
.element-mitarbeiter-team .contact-persons-row .person p.ma-name,
.element-mitarbeiter-team .contact-persons-row .person p.ma-titel,
.element-mitarbeiter-team .contact-persons-row .person ul li{
	padding: 0px;
}

.element-mitarbeiter-team .contact-persons-row .person {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.person-inner-info{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-width: 650px) and (max-width:1080px) {
    .element-mitarbeiter-team .contact-persons-row .person {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
} */

@media(max-width: 975px) {
    .person-inner-info .fas.fa-phone {
        padding-right: 5px !important;
    } 
    .person-inner-info .fa-envelope {
        padding-right: 5px !important;
    }
}