body { background: #f6f7f9; }
.timeline { list-style: none; padding: 0; margin: 0; }
.timeline li { display: flex; gap: .75rem; padding: .7rem 0; border-bottom: 1px solid #eceef1; }
.timeline li:last-child { border-bottom: 0; }
.tl-icon { flex: 0 0 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; font-size: .95rem; background: #e9ecef; }
.tl-Notiz .tl-icon { background: #fff3cd; }
.tl-MailGesendet .tl-icon { background: #cfe2ff; }
.tl-MailGeoeffnet .tl-icon { background: #d1e7dd; }
.tl-MailKlick .tl-icon { background: #badbcc; }
.tl-Seitenaufruf .tl-icon { background: #e2d9f3; }
.tl-Formular .tl-icon { background: #f8d7da; }
.tl-Abgemeldet .tl-icon { background: #dee2e6; }
.tl-title { font-weight: 500; word-break: break-word; }
.tl-meta { color: #6c757d; font-size: .85rem; }
.table > :not(caption) > * > * { vertical-align: middle; }