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

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

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

.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: 500px) 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:499px){
	.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:inline-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 .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:20px;
}
.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:8px;
}
.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);
}