/* privat.seyfarth.de Startseite, ergänzt /seyfarth.css */
.foto { display: block; width: 100%; aspect-ratio: 5 / 2; object-fit: cover; object-position: 45% 38%; border-radius: .8rem; box-shadow: var(--schatten); margin: 0 0 1.5rem; }
ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr)); }
a.karte { background: var(--karte); display: block; height: 100%; color: inherit; text-decoration: none; border-left: 4px solid var(--akzent); }
a.karte:hover { border-color: var(--akzent); }
.name { display: block; font-weight: 600; } .host { display: block; font-size: .85rem; color: var(--akzent); }
.was { display: block; margin-top: .3rem; font-size: .9rem; color: var(--leise); }
.unsichtbar { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }