/* Forum-Buttons: außen dünn schwarz, dann Forumfarbe, innen hell. Farben je Forum hier anpassbar.
   .fb = gemeinsam, .fbn = Leiste oben, .fbt = Button vor dem Thema (eigene Abstände). */
.fb {
	display: inline-block;
	line-height: 1.5;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background: color-mix(in srgb, var(--fc, #ccc) 18%, #fff);
	border: 2px solid var(--fc, #ccc);
	outline: 1px solid #000;
	border-radius: 3px;
}
a.fb:hover { background: color-mix(in srgb, var(--fc, #ccc) 45%, #fff); }
.fb-active { font-weight: bold; background: color-mix(in srgb, var(--fc, #ccc) 60%, #fff); }

/* Leiste oben */
.fbn { padding: 0 0.4em; margin: 0 0.4em 0.3em 0; font-size: 0.8em; vertical-align: baseline; }

/* vor dem Thema: Innenabstand 2 px kleiner als zuvor (vorher ca. 0 3px) */
.fbt { padding: 0 1px; margin-right: 0.6em; font-size: 0.7em; vertical-align: middle; }

.fb-2  { --fc: #ffcc66; } /* Haupt */
.fb-3  { --fc: #2e8b57; } /* Heiler */
.fb-4  { --fc: #9acd32; } /* Hexen */
.fb-5  { --fc: #4a5fd0; } /* Jenseits */
.fb-12 { --fc: #8b5a2b; } /* Literatur */
.fb-6  { --fc: #bb99ff; } /* OBE */
.fb-7  { --fc: #1e90ff; } /* Traum */
.fb-8  { --fc: #9a9a9a; } /* Wissen */
.fb-15 { --fc: #e07b39; } /* Nexus */
.fb-9  { --fc: #deb887; } /* Verein */