/* „Join Discord" neben „Join Lizenzserver" (Marc 09.10.2026). Gleiche Form wie der
   Lizenzserver-Knopf (Boxenfunk: schraeger Tab), aber in Discord-Blau.
   Steht NACH mobile.css, damit die Handy-Regeln hier nicht ueberschrieben werden. */
:root { --discord: #5865f2; }

/* Spezifischer als `.topbar--eng .server-badge { margin-left: auto }` (nav.css), sonst
   verteilt sich der Platz auf beide Knoepfe und sie stehen auseinander. */
.topbar .server-badge.server-badge--discord { margin-left: 10px; }
.server-badge__discord { width: 18px; height: 14px; fill: var(--discord); flex: none; }

html[data-design="boxenfunk"] .server-badge--discord {
  background: linear-gradient(var(--discord), var(--discord)) left / 14px 100% no-repeat, var(--bf-knopf);
}
html[data-design="boxenfunk"] .server-badge--discord .server-badge__go { color: var(--discord); }
html[data-design="boxenfunk"] a.server-badge--discord:hover { background: var(--discord); color: #fff; }
a.server-badge--discord:hover .server-badge__discord,
html[data-design="boxenfunk"] a.server-badge--discord:hover .server-badge__go { fill: #fff; color: #fff; }

/* Handy: nur das Discord-Zeichen, damit Logo + beide Knoepfe in eine Zeile passen. */
@media (max-width: 767px) {
  .topbar .server-badge.server-badge--discord { margin-left: 6px; }
  .server-badge--discord { padding-left: 12px; padding-right: 10px; }
  .server-badge--discord .server-badge__label,
  .server-badge--discord .server-badge__go { display: none; }
}

/* Einbettungen (OBS-Kopfleiste) bleiben wie sie sind. */
html.embed .server-badge--discord { display: none; }