/* FAMILY STATISTICS */
.family_numbers {display: block;box-sizing: border-box;width: 100%;padding: 3px;margin: 2px auto;text-transform: uppercase;text-align: center;letter-spacing: 1px;}

/* FORMATE FAMILY MEMBERS PICTURE */
.family-picture {width: 120px;height: 120px;margin: 5px;object-fit: cover;}
.taken-img {position: relative;box-sizing: border-box;width: 130px;border: 5px solid var(--vergeben);}
.taken-img img {opacity: 1;	margin: 0px auto;}
.free-img {position: relative;box-sizing: border-box;width: 130px;border: 5px solid var(--gesucht);}
.free-img img {opacity: 1;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}

/* TEXTAREAS */ 
.family-fullname {box-sizing: border-box;width: 130px;margin: 0px auto;text-align: center;letter-spacing: 1px;font-size: 10px;text-transform: uppercase;line-height: 1.1em;padding: 10px;}
.family-fullname a {font-family: var(--font1);font-weight: 100;font-size: 8px;}
.edit-fammember {box-sizing: border-box;width: 130px;height: 28px;padding: 0px;margin: 0px;}
.edit-fammember a {font-family: var(--font2);font-size: 20px;position: relative;top: 3px;color: var(--color);background: var(--bgc);display: inline-block;margin: 0px;}
.claim-fammember {padding: 3px;text-transform: uppercase;font-size: 10px;text-align: center;line-height: 1.5;margin-top: 5px;letter-spacing: 1px;width: 130px;}

/* FAMILY DESCRIPTION POPUP */
.family-pop { position: fixed;top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5);z-index: 1; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } 
.family-pop:target { opacity:1; pointer-events: auto; } 
.family-pop > .pop { width: 300px; position: relative; margin: 10% auto; padding: 25px; z-index: 3; } 
.family-pop > .pop > .description {margin: 10px auto;max-height: 130px;overflow: auto;line-height: 1.3em;}
.closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 2; }