#personen_uebersicht {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;	
	width: 100%;
	margin-top: 0.5rem;
}

.person_element {
 	display: flex;
/*	flex: 0 1 40%;  */
	width: 47%;
	margin: 0 0.7rem 1rem 0;
}

.erste_person_einzeln:first-of-type,
.uebersicht_bild_hoch_breit  .person_element,
.uebersicht_bild_quer_schmal .person_element,
.uebersicht_bild_quer_breit  .person_element {
	flex: 1 1 90%;
	margin: 0 0 1rem 0;
}

.person_bild {
	margin: 0 0.75rem 0 0;
}
.person_bild img {
	width: 100%;
}
/* .uebersicht_bild_hoch_schmal .person_bild { flex: 0 1 90px; }
.uebersicht_bild_hoch_breit  .person_bild { flex: 0 1 120px; }
.uebersicht_bild_quer_schmal .person_bild { flex: 0 1 180px; }
.uebersicht_bild_quer_breit  .person_bild { flex: 0 1 230px; } */
.uebersicht_bild_hoch_schmal .person_bild { width: 25%; }
.uebersicht_bild_hoch_breit  .person_bild { width: 20% }
.uebersicht_bild_quer_schmal .person_bild { width: 25% }
.uebersicht_bild_quer_breit  .person_bild { width: 33% } 
/* .uebersicht_bild_hoch_schmal .person_bild { flex: 0 1 15%; }
.uebersicht_bild_hoch_breit  .person_bild { flex: 0 1 20%; }
.uebersicht_bild_quer_schmal .person_bild { flex: 0 1 25%; }
.uebersicht_bild_quer_breit  .person_bild { flex: 0 1 30%; } */

.uebersicht_bild_hoch_schmal .erste_person_einzeln:first-of-type .person_bild { width: 12.055%; } 
/* .uebersicht_bild_hoch_schmal .erste_person_einzeln:first-of-type .person_bild { flex: 0 1 7.5%; } */

.person_daten {
	flex: 1 1 auto;
	padding: 0;
}
.person_daten a,
.person_daten span {
	padding: 0 0.1rem 0.2rem 1px;
}

.person_daten a[href^="mailto:"],
.person_daten a[href^="tel:"] {
	border-bottom: dotted 1px;
	border-bottom-color: #7A003F;
	padding: 0.05rem 0.2rem 0.05rem 0;
}

.person_daten a:focus,
.person_daten a:hover,
.person_daten a:active {
	background-color: #7A003F;
	color: white;
}

.person_daten span p {
	display: inline;
}

.person_name {
	margin-bottom: 0.15rem;
}


.person_grunddaten {
	margin-bottom: 0.3rem;
}

.person_sprechzeiten {
	margin-top: 0.5rem;
}

/*.uebersicht_kompakt .person_element_4 {
 	display: flex;
	flex-direction: column;
	margin: 0 0.7rem 1rem 0;
}*/

.person_element_3 {
	width: 31.5%;
	margin-bottom: 1rem;
}
.person_element_4 {
	width: 23.5%;
	margin-bottom: 1rem;
}
.person_element_5 {
	width: 18.5%;
	margin-bottom: 1rem;
}
.person_element_6 {
	width: 15%;
	margin-bottom: 1rem;
}

#personen_uebersicht_kompakt .person_bild {
	width: 100%;
}



/**************************************************************
      Einstellungen für maximal 800 Pixel Bildschirmbreite 
**************************************************************/

@media screen and (max-width: 800px) {

.person_element {
	flex: 1 1 90%;
	width: 100%;
	margin: 0 0 1rem 0;
}

.uebersicht_bild_hoch_breit		.person_bild { width: 35%; }
.uebersicht_bild_quer_schmal	.person_bild { width: 40%; }
.uebersicht_bild_quer_breit		.person_bild { width: 45%; }

.uebersicht_bild_hoch_schmal .erste_person_einzeln:first-of-type .person_bild { width: 25%; }

}

/**************************************************************
      Einstellungen für maximal 400 Pixel Bildschirmbreite 
**************************************************************/

@media screen and (max-width: 400px) {

.person_element {
	flex-direction: column;
}
.person_bild { margin: 0; }

.uebersicht_bild_hoch_schmal	.person_bild { width: 35%; }
.uebersicht_bild_hoch_breit		.person_bild { width: 50%; }
.uebersicht_bild_quer_schmal	.person_bild { width: 65%; }
.uebersicht_bild_quer_breit		.person_bild { width: 100%; }

.uebersicht_bild_hoch_schmal .erste_person_einzeln:first-of-type .person_bild { width: 35%; }

}