.person{
	border: 3px double black;
	display:inline-block;
	margin:10px;
	padding:10px;
    vertical-align: bottom;
}
.person .person{
	border-width:1px;
	border-style:dotted;
}
/*.child,.parent{
	cursor:pointer;
}*/
.child{
	vertical-align: top;
}
.name div{display:inline;}
.geburtsname:before{
	font-size:.8em;
	content: "geb. ";
}
.rufname:before{
	content:" (";
}
.rufname:after{
	content:") ";
}
.person .vater:after{
	content: "Vater";
	display:block;
	position:absolute;
	background-color:#fff;
	color:grey;
}
.person .person .vater:after{
	content:"Großvater";
}
.person .person .person .vater:after{
	content:"Ur-Großvater";
}
.person .person .person .person .vater:after{
	content:"Ur-Ur-Großvater";
}
.person .person .person .person .person .vater:after{
	content:"Ur-Ur-Ur-Großvater";
}
.person .person .person .person .person .person .vater:after{
	content:"Ur-Ur-Ur-Ur-Großvater";
}
.person .person .person .person .person .person .person .vater:after{
	content:"Ur-Ur-Ur-Ur-Ur-Großvater";
}
.person .person .person .person .person .person .person .person .vater:after{
	content:"Ur-Ur-Ur-Ur-Ur-Ur-Großvater";
}
.person .mutter:after{
	content: "Mutter";
	display:block;
	position:absolute;
	background-color:#fff;
	color:grey;
}
.person .person .mutter:after{
	content: "Großmutter";
}
.person .person .person .mutter:after{
	content: "Ur-Großmutter";
}
.person .person .person .person .mutter:after{
	content: "Ur-Ur-Großmutter";
}
.person .person .person .person .person .mutter:after{
	content: "Ur-Ur-Ur-Großmutter";
}
.person .person .person .person .person .person .mutter:after{
	content: "Ur-Ur-Ur-Ur-Großmutter";
}
.person .person .person .person .person .person .person .mutter:after{
	content: "Ur-Ur-Ur-Ur-Ur-Großmutter";
}
.person .person .person .person .person .person .person .person .mutter:after{
	content: "Ur-Ur-Ur-Ur-Ur-Ur-Großmutter";
}
.geburtstag:before{
	font-size:.8em;
	content: "\f621";
	font-family: var(--fa-family-classic);
    font-weight: 900;
	display:inline-block;
	width:2em;
	text-align:center;
}
.todestag:before{
	font-size:.8em;
	content: "\f654";
	font-family: var(--fa-family-classic);
    font-weight: 900;
	display:inline-block;
	width:2em;
	text-align:center;
}
div.img{
	width:8em;
	height:8em;
	text-align:center;
}
div.img img{
	max-width:100%;
	max-height:100%;
}