/* Nur für die Familienseite */
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}
.family-card{overflow:hidden;border-radius:15px;background:#f3f8f7;border:1px solid #dce9e7}
.family-photo{aspect-ratio:4/5;position:relative;background:linear-gradient(135deg,#d9ebea,#b7d2d0);overflow:hidden}
.family-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;background:#e8f0ee}
.family-placeholder{height:100%;display:grid;place-content:center;gap:8px;text-align:center;color:#507477}
.family-placeholder span{font-size:3.5rem;line-height:1}
.family-placeholder small{font-size:.8rem}
.family-name{margin:0;background:#006f73;color:white;padding:14px 22px;font-size:1.4rem;line-height:1.2;border-left:6px solid #ea5035}
.family-text{padding:18px 22px 26px;line-height:1.7;color:#40585e;white-space:normal}
.family-text p{margin:0 0 12px}.family-text p:last-child{margin-bottom:0}
@media(max-width:1050px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.family-grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.family-photo{aspect-ratio:4/5}}

/* Klickbare Links in den Familienbeschreibungen */
.family-text a{color:#007e81;text-decoration:underline;text-underline-offset:3px;font-weight:650;overflow-wrap:anywhere}
.family-text a:hover,.family-text a:focus-visible{color:#ea5035}

@media(min-width:1051px){.family-name{font-size:1.1rem;padding:12px 14px}.family-text{padding:14px 15px 18px;font-size:.93rem}}