:root{--site-bg:#f4f5f8;--site-surface:#fff;--site-ink:#172235;--site-muted:#526176;--site-accent:#c64c16;--site-width:1180px;--site-radius:14px;--site-space:clamp(1rem,3vw,2rem)}
body{margin:0;background:var(--site-bg);color:var(--site-ink);font:1rem/1.65 system-ui,sans-serif}*{box-sizing:border-box}a{color:var(--site-accent)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.nx-site{min-height:100vh;display:flex;flex-direction:column}.nx-site main{flex:1}.nx-site-container{width:min(100% - 2 * var(--site-space),var(--site-width));margin-inline:auto}.nx-site-header,.nx-site-footer{padding:1.2rem var(--site-space);background:var(--site-surface)}.nx-site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ddd}.nx-site-brand{font-size:1.35rem;font-weight:800;text-decoration:none;color:var(--site-ink)}.nx-site nav{display:flex;gap:1rem;flex-wrap:wrap}.nx-site nav a{text-decoration:none}.nx-site-header button{display:none}.nx-site-hero{padding:clamp(3rem,8vw,7rem) 0;background:linear-gradient(120deg,#18243c,#334d72);color:white}.nx-site-hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.1;max-width:16ch;margin:.25em 0}.nx-site-hero p{max-width:60ch}.nx-site-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.85rem}.nx-site-section{padding:3rem 0}.nx-site-grid{display:grid;gap:var(--site-space);padding-block:1.5rem}.nx-site-grid>*{min-width:0}.nx-site-grid-equal{grid-template-columns:1fr 1fr}.nx-site-grid-wide-left{grid-template-columns:2fr 1fr}.nx-site-grid-wide-right{grid-template-columns:1fr 2fr}.nx-site-grid-three{grid-template-columns:repeat(3,1fr)}.nx-site-grid-center{grid-template-columns:1fr 2fr 1fr}.nx-site-content{padding:1rem 0}.nx-site-content p{white-space:pre-line}.nx-site-button{display:inline-block;background:var(--site-accent);color:white;padding:.7rem 1.3rem;border-radius:8px;text-decoration:none;font-weight:700}.nx-site-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem}.nx-site-card{background:var(--site-surface);border-radius:var(--site-radius);overflow:hidden;box-shadow:0 5px 24px #1722350d}.nx-site-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.nx-site-card>div{padding:1.25rem}.nx-site-card h3{line-height:1.3}.nx-site-meta{font-size:.82rem;color:var(--site-muted)}.nx-site-footer{margin-top:3rem;border-top:1px solid #ddd}.nx-site-image{margin:1rem 0}.nx-site-image img{border-radius:var(--site-radius)}
@media(max-width:760px){.nx-site-grid{grid-template-columns:1fr}.nx-site-header{flex-wrap:wrap}.nx-site-header button{display:block}.nx-site-header nav{display:none;width:100%}.nx-site-header nav[data-open]{display:flex;flex-direction:column}}
.nx-site-nav-group{position:relative}.nx-site-nav-group summary{cursor:pointer}.nx-site-nav-group>div{position:absolute;z-index:20;display:grid;min-width:180px;padding:1rem;gap:.6rem;background:var(--site-surface);box-shadow:0 4px 20px #0002}

.nx-site{background:var(--site-bg);color:var(--site-ink)}.nx-site-header{background:var(--nav-bg);color:var(--nav-color)}.nx-site-header a,.nx-site-header summary{color:inherit}.nx-site-header[data-sticky="1"]{position:sticky;top:0;z-index:100}.nx-site-brand img{max-height:48px;max-width:180px;margin-right:12px}.nx-site-footer{background:var(--footer-bg);color:var(--footer-color)}.nx-site-footer a{color:inherit}.nx-site-box{width:min(100% - 2 * var(--site-space),var(--site-width));margin-inline:auto;padding:var(--box-padding);background:var(--box-background);box-sizing:border-box}:where(.nx-site-container,.nx-site-box,.nx-site-grid) .nx-site-box{width:100%}.nx-site-box[data-width=full]{width:100%;max-width:none}.nx-site-box [data-nx-widget]>*{max-width:100%;width:100%;margin-inline:0}

/* The template supplies visual tokens used by existing module widgets. */
.nx-site{
 --site-muted:color-mix(in srgb,var(--site-ink) 65%,var(--site-surface));
 --site-border:color-mix(in srgb,var(--site-ink) 18%,var(--site-surface));
 --nx-color-primary:var(--site-accent);--nx-theme-accent:var(--site-accent);--nx-color-surface:var(--site-bg);--nx-color-on-surface:var(--site-ink);
 --nx-color-card-bg:var(--site-surface);--nx-color-card-body-bg:var(--site-surface);--nx-color-on-card:var(--site-ink);--nx-color-card-border:var(--site-border);
 --nx-color-muted:var(--site-muted);--nx-color-muted-on-card:var(--site-muted);--nx-component-border:var(--site-border);--nx-component-radius:var(--site-radius);--nxm-radius:var(--site-radius);
 --nx-widget-color:var(--site-ink);--nx-widget-link:var(--site-accent);--nx-widget-radius:var(--site-radius);
 --bs-primary:var(--site-accent);--bs-primary-rgb:var(--site-accent-rgb);--bs-body-bg:var(--site-surface);--bs-body-bg-rgb:var(--site-surface-rgb);--bs-body-color:var(--site-ink);--bs-body-color-rgb:var(--site-ink-rgb);
 --bs-emphasis-color:var(--site-ink);--bs-emphasis-color-rgb:var(--site-ink-rgb);--bs-secondary-color:var(--site-muted);--bs-secondary-bg:var(--site-bg);--bs-tertiary-bg:var(--site-bg);--bs-border-color:var(--site-border);--bs-border-radius:var(--site-radius);
 --bs-link-color:var(--site-accent);--bs-link-color-rgb:var(--site-accent-rgb);--bs-link-hover-color:var(--site-accent);--bs-link-hover-color-rgb:var(--site-accent-rgb);
 --bs-primary-text-emphasis:var(--site-accent);--bs-primary-bg-subtle:color-mix(in srgb,var(--site-accent) 12%,var(--site-surface));--bs-primary-border-subtle:color-mix(in srgb,var(--site-accent) 35%,var(--site-surface));
}
.nx-site-hero{background:linear-gradient(120deg,var(--hero-bg),var(--hero-end));color:var(--hero-color)}
.nx-site .card{--bs-card-bg:var(--site-surface);--bs-card-color:var(--site-ink);--bs-card-border-color:var(--site-border);--bs-card-cap-bg:var(--site-bg)}
.nx-site .btn-primary{--bs-btn-bg:var(--site-accent);--bs-btn-border-color:var(--site-accent);--bs-btn-color:var(--site-accent-contrast);--bs-btn-hover-bg:var(--site-accent);--bs-btn-hover-border-color:var(--site-accent);--bs-btn-hover-color:var(--site-accent-contrast);--bs-btn-active-bg:var(--site-accent);--bs-btn-active-border-color:var(--site-accent);--bs-btn-active-color:var(--site-accent-contrast);--bs-btn-disabled-bg:var(--site-accent);--bs-btn-disabled-border-color:var(--site-accent);--bs-btn-disabled-color:var(--site-accent-contrast);color:var(--bs-btn-color)}
.nx-site .btn-outline-primary{--bs-btn-color:var(--site-accent);--bs-btn-border-color:var(--site-accent);--bs-btn-hover-bg:var(--site-accent);--bs-btn-hover-color:var(--site-accent-contrast);--bs-btn-active-bg:var(--site-accent);--bs-btn-active-color:var(--site-accent-contrast)}
.nx-site .nx-site-button{color:var(--site-accent-contrast)}
.nx-site .text-bg-primary{color:var(--site-accent-contrast)!important}

.nx-site{--nx-color-page-bg:var(--site-bg);--nx-page-bg:var(--site-bg);--nx-color-panel-bg:var(--site-surface);--nx-color-surface-soft:var(--site-surface);--nx-color-card-header-bg:var(--site-bg);--nx-color-heading:var(--site-ink);--nx-color-border:var(--site-border);--nx-color-secondary:var(--site-muted);--nx-color-on-primary:var(--site-accent-contrast);--nx-color-link-hover:var(--site-accent);--nx-color-button-bg:var(--site-accent);--nx-color-button-border:var(--site-accent);--nx-color-button-text:var(--site-accent-contrast);--nx-color-button-hover-bg:var(--site-accent);--nx-color-button-hover-border:var(--site-accent);--nx-color-button-hover-text:var(--site-accent-contrast);--nx-color-button-outline-border:var(--site-accent);--nx-color-button-outline-text:var(--site-accent)}
.nx-site{--bs-border-radius-sm:var(--site-radius);--bs-border-radius-lg:var(--site-radius);--bs-border-radius-xl:var(--site-radius);--nx-component-card-bg:var(--site-surface)}
.nx-site .nx-site-box{border-radius:var(--site-radius)}
.nx-site .nx-widget .btn,.nx-site .nx-site-button{border-radius:var(--site-radius)}

/* The host defines the outer box, rather than each module adding its own page gutter. */
.nx-site [data-nx-widget] > :is(div,section,article,aside,form){box-sizing:border-box;width:100%;max-width:100%;margin-inline:0}
.nx-site [data-nx-widget] > :is(.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl){padding-inline:0;max-width:none}
.nx-site-container .nx-site-container{width:100%;max-width:100%;margin-inline:0}


/* XTREAMS – Moderner Header */

.nx-site-header {
  background: rgba(11, 15, 27, 0.96) !important;
  border-bottom: 1px solid rgba(255, 36, 87, 0.25) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
}

/* Navigation */
.nx-site-header nav a {
  position: relative;
  color: #d6dbe7 !important;
  font-weight: 600;
  transition: color 0.25s ease;
}

/* Rote Linie unter Menüpunkt */
.nx-site-header nav a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff2457;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

/* Hover */
.nx-site-header nav a:hover {
  color: #ffffff !important;
}

.nx-site-header nav a:hover::after,
.nx-site-header nav a[aria-current="page"]::after {
  transform: scaleX(1);
}

/* Aktiver Menüpunkt */
.nx-site-header nav a[aria-current="page"] {
  color: #ff2457 !important;
}

/* XTREAMS – News: pinker Eyebrow, Karten original */
.nx-site .news-flip-widget::before {
  content: "AKTUELLES";
  display: block;
  color: #ff2457;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

/* XTREAMS – Unsere Games: bewährter Selektor */
article.nx-site-content:has(> h2) {
  padding: 10px 0 20px;
}
article.nx-site-content:has(> h2)::before {
  content: "GAMING";
  display: block;
  color: #ff2457;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
article.nx-site-content:has(> h2) > h2 {
  color: #ffffff;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 12px;
}
article.nx-site-content:has(> h2) > p {
  color: #b9c0d4;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}


/* XTREAMS – Moderne Games-Bildkarten */
.nx-site-grid-three .nx-site-image {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #141a2a;
  border: 1px solid #30384d;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  margin: 0;
  transition: transform .3s ease, border-color .3s ease;
}
.nx-site-grid-three .nx-site-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0;
  transition: transform .4s ease;
}
.nx-site-grid-three .nx-site-image figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 35px 18px 15px;
  background: linear-gradient(transparent, rgba(5,8,18,.95));
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  text-align: left;
}
.nx-site-grid-three .nx-site-image:hover {
  transform: translateY(-5px);
  border-color: #ff2457;
}
.nx-site-grid-three .nx-site-image:hover img {
  transform: scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
  .nx-site-grid-three .nx-site-image,
  .nx-site-grid-three .nx-site-image img { transition: none; }
}

/* ================================================================
   XTREAMS 2026 — Dark Gaming Refresh
   Basis: NexPell Standard. Bestehende Widget-Funktionen bleiben.
   ================================================================ */
:root {
  --site-bg: #0b0f1b;
  --site-surface: #151b2b;
  --site-ink: #f4f6fc;
  --site-muted: #aeb8ce;
  --site-accent: #ff2457;
  --site-radius: 16px;
  --site-width: 1240px;
  --site-space: clamp(1rem, 2.7vw, 2rem);
}
body { background: #0b0f1b; color: #f4f6fc; }
.nx-site {
  --site-bg: #0b0f1b;
  --site-surface: #151b2b;
  --site-ink: #f4f6fc;
  --site-accent: #ff2457;
  --site-accent-rgb: 255,36,87;
  --site-accent-contrast: #ffffff;
  --site-border: #30394f;
  --site-muted: #aeb8ce;
  background: #0b0f1b;
  color: #f4f6fc;
}
.nx-site main {
  background: #0b0f1b;
}
/* Navigation: einheitliche Hover-Farben, auch für Dropdown-Titel */
.nx-site-header .nx-site-nav-group summary {
  transition: color .2s ease;
}
.nx-site-header .nx-site-nav-group summary:hover {
  color: #ff2457;
}
/* Breite und Rhythmus: Luft zwischen News und Games */
.nx-site main .nx-site-section { padding-block: clamp(2rem,4vw,3.5rem); }
.nx-site main .nx-site-content { padding-block: .65rem; }
.nx-site main .nx-site-grid-three { column-gap: clamp(16px,2.2vw,28px); row-gap: 24px; }
.nx-site main .nx-site-grid-three > * { min-width: 0; }
/* Abschnittsüberschriften */
.nx-site .news-flip-widget::before,
.nx-site article.nx-site-content:has(> h2)::before {
  color: #ff2457;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.3;
  margin-bottom: 11px;
}
.nx-site .news-flip-widget .news-widget-title {
  color: #fff;
  font-size: clamp(26px,3vw,36px);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 22px;
}
.nx-site article.nx-site-content:has(> h2) > h2 {
  color: #fff;
  font-size: clamp(28px,3vw,38px);
  line-height: 1.12;
  letter-spacing: -.025em;
  margin-bottom: 12px;
}
.nx-site article.nx-site-content:has(> h2) > p {
  color: #aeb8ce;
  max-width: 75ch;
  font-size: clamp(14px,1.35vw,16px);
}
/* Spielekarten: Bild + integrierter Overlaytitel */
.nx-site main .nx-site-grid-three .nx-site-image {
  isolation: isolate;
  border-radius: 18px;
  border: 1px solid #354059;
  background: #151b2b;
  box-shadow: 0 15px 38px rgba(0,0,0,.32);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.nx-site main .nx-site-grid-three .nx-site-image::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: #ff2457;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
  pointer-events: none;
}
.nx-site main .nx-site-grid-three .nx-site-image img {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.nx-site main .nx-site-grid-three .nx-site-image figcaption {
  z-index: 1;
  padding: 48px 17px 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(5,8,18,.75) 60%, rgba(5,8,18,.98) 100%);
  font-size: clamp(16px,1.7vw,21px);
  font-weight: 800;
  line-height: 1.2;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
}
@media (hover:hover) {
  .nx-site main .nx-site-grid-three .nx-site-image:hover {
    transform: translateY(-7px);
    border-color: #ff2457;
    box-shadow: 0 20px 45px rgba(0,0,0,.43), 0 0 0 1px rgba(255,36,87,.25);
  }
  .nx-site main .nx-site-grid-three .nx-site-image:hover::after { transform: scaleX(1); }
}
/* News: nur Farbharmonie, keine Änderungen an Größe/Flip-Mechanik */
.nx-site .news-flip-widget__card { border-radius: 16px; }
/* Footer bleibt in Aufbau und Inhalt unangetastet */
@media (max-width:760px) {
  .nx-site-header { padding-block: .85rem; }
  .nx-site main .nx-site-section { padding-block: 1.8rem; }
  .nx-site main .nx-site-grid-three { gap: 18px; }
  .nx-site main .nx-site-grid-three .nx-site-image figcaption { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .nx-site main .nx-site-grid-three .nx-site-image,
  .nx-site main .nx-site-grid-three .nx-site-image::after,
  .nx-site-header nav a { transition: none; }
}

/* ================================================================
   XTREAMS – Hintergrundkorrektur für NexPell Layout-Boxen
   Bewusst nur Seitenfläche; Hero, News-Karten, Bilder und Footer
   werden nicht überschrieben.
   ================================================================ */
:root {
  --site-bg: #0b0f1b;
  --site-surface: #151b2b;
  --site-ink: #f4f6fc;
}
body,
.nx-site {
  background-color: #0b0f1b !important;
}
.nx-site main {
  background: radial-gradient(ellipse 65% 480px at 85% 30%, rgba(255,36,87,.055), transparent 75%),
              radial-gradient(ellipse 60% 540px at 10% 75%, rgba(52,75,120,.12), transparent 75%),
              #0b0f1b !important;
}
/* NexPell setzt auf Layout-Boxen häufig eigene Hintergründe.
   Nur transparente Inhalts-Container, keine Widget-Karten. */
.nx-site main .nx-site-box {
  --box-background: transparent;
  background: transparent !important;
}
.nx-site main .nx-site-container,
.nx-site main .nx-site-section,
.nx-site main .nx-site-grid {
  background-color: transparent;
}

/* ================================================================
   XTREAMS – HERO REFINEMENT
   Bewahrt NexPell-Hero-Bild, Inhalte und Button-Links.
   ================================================================ */
.nx-site .nx-site-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(4rem, 7vw, 7rem);
  /* Schatten als Overlay, ohne bestehende background-image zu ersetzen */
  box-shadow: inset 0 -55px 70px -60px rgba(11,15,27,.95);
}
.nx-site .nx-site-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7,11,24,.64) 0%, rgba(7,11,24,.34) 40%, rgba(7,11,24,0) 75%);
}
.nx-site .nx-site-hero > * { position: relative; z-index: 1; }
.nx-site .nx-site-hero h1 {
  font-size: clamp(2.6rem, 5.5vw, 5rem);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
  max-width: 17ch;
  text-shadow: 0 5px 25px rgba(0,0,0,.25);
}
.nx-site .nx-site-hero p {
  max-width: 48ch;
  line-height: 1.7;
  color: #e2e8f5;
  text-shadow: 0 2px 12px rgba(0,0,0,.55);
}
.nx-site .nx-site-hero .nx-site-eyebrow {
  color: #ff426c;
  font-weight: 800;
  letter-spacing: .16em;
}
.nx-site .nx-site-hero :is(a.nx-site-button, a.btn, .nx-site-button) {
  border-radius: 10px;
  padding: .85rem 1.35rem;
  font-weight: 800;
  letter-spacing: .025em;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
@media (hover: hover) {
  .nx-site .nx-site-hero :is(a.nx-site-button, a.btn, .nx-site-button):hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(255,36,87,.2);
  }
}
@media (max-width: 760px) {
  .nx-site .nx-site-hero { padding-block: 3.5rem; }
  .nx-site .nx-site-hero::before {
    background: linear-gradient(90deg, rgba(7,11,24,.74), rgba(7,11,24,.30));
  }
  .nx-site .nx-site-hero h1 { font-size: clamp(2.3rem, 10vw, 3.8rem); }
}
@media (prefers-reduced-motion: reduce) {
  .nx-site .nx-site-hero :is(a.nx-site-button, a.btn, .nx-site-button) { transition: none; }
}


/* XTREAMS Community: Discord und TeamSpeak – rein visuell */
.nx-site main #discord-sidebar-card,
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card {
  background-color:#151b2b; color:#f4f6fc;
  border:1px solid #354059; border-radius:18px;
  box-shadow:0 15px 38px rgba(0,0,0,.30);
  overflow:hidden; transition:border-color .25s,box-shadow .25s;
}
.nx-site main #discord-sidebar-card .card-header,
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card-header {
  background-color:#171e30; border-bottom:1px solid #30394f;
}
.nx-site main #discord-sidebar-card .discord-server-name {color:#fff;font-weight:850}
.nx-site main #discord-sidebar-card .card-body {background-color:#151b2b;color:#e7ebf5}
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card {
  --bs-card-bg:#151b2b;--bs-card-color:#f4f6fc;--bs-card-border-color:#354059;
}
.nx-site main #discord-sidebar-card .btn,
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .btn {
  border-radius:10px;font-weight:750;transition:filter .2s,transform .2s;
}
@media (hover:hover) {
  .nx-site main #discord-sidebar-card:hover,
  .nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card:hover {
    border-color:rgba(255,36,87,.65);box-shadow:0 18px 40px rgba(0,0,0,.38);
  }
  .nx-site main #discord-sidebar-card .btn:hover,
  .nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .btn:hover {
    filter:brightness(1.08);transform:translateY(-2px);
  }
}
@media (prefers-reduced-motion:reduce) {
  .nx-site main #discord-sidebar-card,
  .nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card,
  .nx-site main #discord-sidebar-card .btn,
  .nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .btn {transition:none}
}



/* XTREAMS Fix 25.10: keine künstlichen doppelten Community-Titel */
/* Die alte globale GAMING-Pseudobeschriftung war auch über Community sichtbar. */
.nx-site main article.nx-site-content:has(> h2)::before { content: none !important; display: none !important; }

/* Die Community-Karten bleiben gleichmäßig dunkel, Akzent nur beim Hover. */
.nx-site main #discord-sidebar-card .discord-panel,
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card {
  border-color: #354059 !important;
}
@media (hover:hover) {
  .nx-site main #discord-sidebar-card .discord-panel:hover,
  .nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card:hover {
    border-color: #ff285f !important;
  }
}

/* XTREAMS – Beschriftungen wiederherstellen (25.10.2026) */
/* GAMING bleibt bei der Games-Überschrift; Community erhält eigenen Eyebrow. */
.nx-site main article.nx-site-content:has(> h2)::before {
  content: "GAMING" !important;
  display: block !important;
}
/* Eindeutig identifizierter Community-Textblock aus Firefox-Inspektor. */
.nx-site main article.nx-site-content[data-nx-node="fa8e8bda-0b32-4560-9492-7765d7100408"]::before {
  content: "COMMUNITY" !important;
  display: block !important;
}
/* Widgets: sichtbare Titel ändern, Live-Daten und Servernamen intern behalten. */
.nx-site main #discord-sidebar-card .discord-server-name {
  font-size: 0 !important;
}
.nx-site main #discord-sidebar-card .discord-server-name::after {
  content: "Discord";
  font-size: 1.15rem;
  line-height: 1.3;
  font-weight: 800;
  color: #fff;
}
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card-header small {
  font-size: 0 !important;
}
.nx-site main [data-nx-widget="plugin:teamspeak:widget_teamspeak_unified"] .card-header small::after {
  content: "TeamSpeak";
  font-size: 1.15rem;
  line-height: 1.3;
  font-weight: 800;
  color: #fff;
}