/* MOOD — Wer ist online */

.md-ol__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.6rem;
	padding-bottom: .9rem;
	margin-bottom: 1.1rem;
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-ol__bar a { color: var(--md-ink-dim); }
.md-ol__bar a:hover { color: var(--md-ink-bright); }
.md-ol__sp { flex: 1 1 auto; }
.md-ol__pages a { color: var(--md-ink-faint); }

.md-ol { --md-ol-cols: minmax(0, 1.1fr) 9rem minmax(0, 1.6fr); display: grid; }
.md-ol--today { --md-ol-cols: minmax(0, 1fr) 12rem; }
.md-ol__h,
.md-ol__i {
	display: grid;
	grid-template-columns: var(--md-ol-cols);
	align-items: baseline;
	gap: .3rem 1.4rem;
}
.md-ol__h {
	padding-bottom: .7rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-ol__h a { color: var(--md-ink-faint); }
.md-ol__h a:hover { color: var(--md-ink); }
.md-ol__i {
	padding: .7rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-ol__n {
	display: flex;
	align-items: center;
	gap: .6rem;
	flex-wrap: wrap;
	font-family: var(--md-f-serif);
	font-size: 1rem;
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}
.md-ol__n::before {
	content: "";
	flex: 0 0 var(--md-dash);
	height: 1px;
	background: var(--md-ink-bright);
}
.md-ol__n a { color: inherit; }
.md-ol__n a:hover { color: var(--md-ink-bright); }
.md-ol__ip {
	flex: 1 0 100%;
	margin-left: calc(var(--md-dash) + .6rem);
	font-family: var(--md-f-sans);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-body);
	text-transform: none;
	color: var(--md-ink-faint);
}
.md-ol__ip a { color: var(--md-ink-dim); }
.md-ol__t {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-ol__l {
	font-size: var(--md-t-micro);
	line-height: 1.7;
	color: var(--md-ink-dim);
}
.md-ol__l a { color: var(--md-ink); }
.md-ol__l a:hover { color: var(--md-ink-bright); }
.md-ol__foot { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--md-rule-hair); }
.md-ol__foot:empty { display: none; }

/* Gaeste und Unsichtbare bleiben stiller als Mitglieder */
.md-ol__n .guest_label,
.md-ol__n .invisible_mark { color: var(--md-ink-faint); }
.md-ol__i:has(.guest_label) .md-ol__n::before { background: var(--md-rule-soft); }

@media (max-width: 780px) {
	.md-ol,
	.md-ol--today { --md-ol-cols: minmax(0, 1fr); }
	.md-ol__h { display: none; }
	.md-ol__t::before { content: ""; display: inline-block; width: 10px; height: 1px; margin-right: .5rem; vertical-align: middle; background: var(--md-rule-soft); }
}