/* ═══════════════════════════════════════════════════════════════
   NEXGEN GAMING — PREMIUM v6
   Forum-Fix · Scrollbar · Back-to-Top · Social Media
   ═══════════════════════════════════════════════════════════════ */

/* ── LOKALE FONTS ─────────────────────────────────────────────── */
@font-face{font-family:'Orbitron';src:url('../fonts/Orbitron-Bold.woff2')format('woff2'),url('../fonts/Orbitron-Bold.woff')format('woff'),url('../fonts/Orbitron-Bold.ttf')format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Orbitron';src:url('../fonts/Orbitron-ExtraBold.woff2')format('woff2'),url('../fonts/Orbitron-ExtraBold.woff')format('woff'),url('../fonts/Orbitron-ExtraBold.ttf')format('truetype');font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:'Rajdhani';src:url('../fonts/Rajdhani-Regular.woff2')format('woff2'),url('../fonts/Rajdhani-Regular.woff')format('woff'),url('../fonts/Rajdhani-Regular.ttf')format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Rajdhani';src:url('../fonts/Rajdhani-SemiBold.woff2')format('woff2'),url('../fonts/Rajdhani-SemiBold.woff')format('woff'),url('../fonts/Rajdhani-SemiBold.ttf')format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Rajdhani';src:url('../fonts/Rajdhani-Bold.woff2')format('woff2'),url('../fonts/Rajdhani-Bold.woff')format('woff'),url('../fonts/Rajdhani-Bold.ttf')format('truetype');font-weight:700;font-style:normal;font-display:swap}

/* ── VARS ─────────────────────────────────────────────────────── */
:root{
    --a:#8ed600; --a2:#b4ff00;
    --adim:rgba(142,214,0,.12); --aglow:rgba(142,214,0,.30);
    --bg:#04060a; --glass:rgba(8,13,20,.94); --glass2:rgba(11,17,26,.90);
    --border:rgba(142,214,0,.16); --bhi:rgba(142,214,0,.45);
    --text:#cad3de; --dim:#6a7585;
    --r:10px; --rl:16px;
    --shadow:0 10px 38px rgba(0,0,0,.7);
    --hh:66px; --th:28px;
    --fh:'Orbitron','Arial Black',Impact,sans-serif;
    --fb:'Rajdhani','Segoe UI',Tahoma,Geneva,sans-serif;
}

/* ── CUSTOM SCROLLBAR ─────────────────────────────────────────── */
::-webkit-scrollbar              { width:8px; height:8px }
::-webkit-scrollbar-track        { background:#04060a; border-left:1px solid rgba(142,214,0,.06) }
::-webkit-scrollbar-thumb        { background:linear-gradient(180deg,rgba(142,214,0,.5),rgba(142,214,0,.25)); border-radius:4px; border:1px solid rgba(142,214,0,.15) }
::-webkit-scrollbar-thumb:hover  { background:linear-gradient(180deg,var(--a),rgba(142,214,0,.5)); box-shadow:0 0 8px var(--aglow) }
::-webkit-scrollbar-corner       { background:#04060a }
/* Firefox */
* { scrollbar-width:thin; scrollbar-color:rgba(142,214,0,.35) #04060a }

/* ── BASE ─────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--fb);font-size:16px;line-height:1.65;overflow-x:hidden;min-height:100vh}
a{color:var(--a);text-decoration:none;transition:color .2s}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
h1,h2,h3,h4,h5{font-family:var(--fh);color:#fff;line-height:1.2;letter-spacing:.03em}

/* ── ANIMIERTER HINTERGRUND ───────────────────────────────────── */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpolygon points='28,2 54,16 54,44 28,58 2,44 2,16' fill='none' stroke='rgba(142,214,0,0.07)' stroke-width='1'/%3E%3Cpolygon points='28,52 54,66 54,94 28,108 2,94 2,66' fill='none' stroke='rgba(142,214,0,0.07)' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 100px;animation:hexdrift 45s linear infinite}
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 40% at 15% 25%,rgba(142,214,0,.07) 0%,transparent 65%),radial-gradient(ellipse 38% 48% at 85% 70%,rgba(0,160,255,.05) 0%,transparent 65%),radial-gradient(ellipse 28% 28% at 50% 50%,rgba(142,214,0,.03) 0%,transparent 70%);animation:orbdrift 20s ease-in-out infinite alternate}
@keyframes hexdrift{0%{background-position:0 0}100%{background-position:56px 200px}}
@keyframes orbdrift{0%{transform:translate(0,0)}50%{transform:translate(18px,-12px)}100%{transform:translate(-12px,16px)}}
.scan-lines{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.022) 3px,rgba(0,0,0,.022) 4px)}
.nx-header,.nx-shell,.nx-footer,.nx-btt{position:relative;z-index:2}

/* ── HEADER ───────────────────────────────────────────────────── */
.nx-header{position:sticky;top:0;z-index:900;background:rgba(4,6,10,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}
.nx-header-inner{display:flex;align-items:center;gap:20px;max-width:1840px;margin:0 auto;padding:0 24px;height:var(--hh)}
.nx-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative}
.nx-logo-img{height:44px;width:auto;filter:drop-shadow(0 0 8px var(--a))}
.nx-logo-text{font-family:var(--fh);font-size:1.3rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.nx-logo-text em{color:var(--a);font-style:normal;text-shadow:0 0 16px var(--a)}
.nx-logo-pulse{position:absolute;top:3px;right:-10px;width:7px;height:7px;background:var(--a);border-radius:50%;box-shadow:0 0 10px var(--a);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}
.nx-nav{flex:1;display:flex;justify-content:center}
.nx-nav-list{display:flex;gap:2px}
.nx-nav-link{display:block;padding:8px 15px;font-weight:700;font-size:.87rem;text-transform:uppercase;letter-spacing:.06em;color:#8a9ab0 !important;border-radius:6px;transition:all .25s;position:relative}
.nx-nav-link::before{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%) scaleX(0);width:55%;height:2px;background:var(--a);border-radius:2px;transition:transform .28s}
.nx-nav-link:hover{color:#fff !important;background:var(--adim)}
.nx-nav-link:hover::before{transform:translateX(-50%) scaleX(1)}
.nx-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nx-login-btn{background:transparent;border:1px solid var(--a);color:var(--a);font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:8px 18px;border-radius:6px;cursor:pointer;transition:all .25s;text-transform:uppercase}
.nx-login-btn:hover{background:var(--a);color:#000;box-shadow:0 0 18px var(--aglow)}
.nx-burger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:none;border:none;cursor:pointer;padding:0}
.nx-burger span{display:block;height:2px;background:var(--a);border-radius:2px;transition:all .3s}
.nx-burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nx-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nx-burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.nx-ticker{display:flex;align-items:center;height:var(--th);background:rgba(142,214,0,.04);border-top:1px solid rgba(142,214,0,.08);overflow:hidden}
.nx-ticker-label{flex-shrink:0;padding:0 14px;font-family:var(--fh);font-size:.58rem;font-weight:900;letter-spacing:.14em;color:var(--a);border-right:1px solid var(--border);height:100%;display:flex;align-items:center;background:rgba(142,214,0,.06)}
.nx-ticker-track{flex:1;overflow:hidden}
.nx-ticker-inner{display:inline-block;white-space:nowrap;font-family:var(--fh);font-size:.62rem;font-weight:700;letter-spacing:.08em;color:rgba(142,214,0,.6);animation:ticker 30s linear infinite}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── SHELL / GRID ─────────────────────────────────────────────── */
.nx-shell{display:grid;grid-template-columns:1fr;max-width:1840px;margin:0 auto;padding:22px 20px 0;gap:22px;align-items:start}
.nx-shell.layout-home{grid-template-columns:240px 1fr 255px}
.nx-shell.layout-forum{grid-template-columns:1fr;max-width:1840px;margin:0 auto;padding:22px 20px 0}
.nx-main{min-width:0;width:100%}
.nx-sidebar{min-width:0;width:100%}

/* ── SIDEBAR WIDGETS ──────────────────────────────────────────── */
.nx-widget{background:var(--glass2);border:1px solid var(--border);border-radius:var(--rl);margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow);transition:border-color .35s,box-shadow .35s;position:relative}
.nx-sidebar-left  .nx-widget{animation:fromLeft  .6s ease both}
.nx-sidebar-right .nx-widget{animation:fromRight .6s ease both}
.nx-sidebar-left  .nx-widget:nth-child(1){animation-delay:.05s}.nx-sidebar-left  .nx-widget:nth-child(2){animation-delay:.15s}
.nx-sidebar-left  .nx-widget:nth-child(3){animation-delay:.25s}.nx-sidebar-left  .nx-widget:nth-child(4){animation-delay:.35s}
.nx-sidebar-right .nx-widget:nth-child(1){animation-delay:.08s}.nx-sidebar-right .nx-widget:nth-child(2){animation-delay:.18s}
.nx-sidebar-right .nx-widget:nth-child(3){animation-delay:.28s}
@keyframes fromLeft {from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}
@keyframes fromRight{from{opacity:0;transform:translateX( 28px)}to{opacity:1;transform:translateX(0)}}
.nx-widget::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--a),var(--a2),var(--a),transparent);opacity:0;transition:opacity .4s;box-shadow:0 0 14px var(--a)}
.nx-widget:hover::before{opacity:1}
.nx-widget:hover{border-color:var(--bhi);box-shadow:var(--shadow),0 0 32px rgba(142,214,0,.1)}
.nx-widget-head{display:flex;align-items:center;gap:8px;padding:11px 14px;background:linear-gradient(90deg,rgba(142,214,0,.11),rgba(142,214,0,.02),transparent);background-size:200% 100%;border-bottom:1px solid var(--border);font-family:var(--fh);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a);animation:shimmer 5s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0%}50%{background-position:100%}}
.nx-widget-head span::before{content:'// ';opacity:.4;font-size:.58rem}
.nx-widget-body{padding:10px}
.nx-widget-body a{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;color:var(--text) !important;font-weight:600;font-size:.88rem;transition:all .22s;border-left:2px solid transparent}
.nx-widget-body a:hover{background:var(--adim);border-left-color:var(--a);color:#fff !important;padding-left:14px}
.nx-widget-body ul{margin:0;padding:0}
.nx-widget-body li{border-bottom:1px solid rgba(142,214,0,.05)}
.nx-widget-body li:last-child{border-bottom:none}
.will-animate{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.will-animate.in-view{opacity:1;transform:translateY(0)}

/* ── SLIDER ───────────────────────────────────────────────────── */
.nx-slider{position:relative;height:440px;border-radius:var(--rl);overflow:hidden;margin-bottom:22px;border:1px solid var(--border);box-shadow:var(--shadow);animation:fadeUp .7s ease both}
.nx-slider-bg{position:absolute;inset:0;background-color:#060d18;background-size:cover;background-position:center}
.nx-slider-gradient{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(4,6,10,.94) 0%,rgba(4,6,10,.28) 55%,transparent 100%)}
.nx-slider::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpolygon points='28,2 54,16 54,44 28,58 2,44 2,16' fill='none' stroke='rgba(142,214,0,0.06)' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 100px;animation:hexdrift 22s linear infinite}
.nx-slider-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 34px}
.nx-slider-tag{font-family:var(--fh);font-size:.6rem;font-weight:700;letter-spacing:.18em;color:var(--a);margin-bottom:7px}
.nx-slider-h1{font-family:var(--fh);font-size:clamp(1.4rem,2.4vw,2.5rem);color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.9);margin-bottom:7px;min-height:2.4rem}
.nx-slider-desc{font-size:.94rem;color:rgba(255,255,255,.7);min-height:1.3rem}
.nx-slider-dots{display:flex;gap:8px;margin-top:18px}
.nx-dot{width:26px;height:3px;background:rgba(255,255,255,.2);border:none;border-radius:3px;cursor:pointer;padding:0;transition:all .35s}
.nx-dot.active{width:44px;background:var(--a);box-shadow:0 0 10px var(--a)}
.nx-slider-hex{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:185px;height:185px;z-index:3;opacity:.45;pointer-events:none;animation:hexspin 22s linear infinite}
@keyframes hexspin{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ── CONTENT ──────────────────────────────────────────────────── */
.nx-content{margin-bottom:22px;animation:fadeUp .65s .1s ease both;position:relative}
.layout-sub   .nx-content,
.layout-forum .nx-content{background:var(--glass);border:1px solid var(--border);border-radius:var(--rl);padding:28px;box-shadow:var(--shadow)}
.layout-home .nx-content{background:var(--glass);border:1px solid var(--border);border-radius:var(--rl);padding:22px;box-shadow:var(--shadow);overflow:hidden}
.layout-home .nx-content::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(142,214,0,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(0,160,255,.04) 0%,transparent 60%);pointer-events:none;z-index:0}
.layout-home .nx-content>*{position:relative;z-index:1}

/* ═══════════════════════════════════════════════════════════════
   ARTIKEL-KACHELN + PAGINATION
   ═══════════════════════════════════════════════════════════════ */
.nexgen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}
.nexgen-card{background:var(--glass2);border:1px solid var(--border);border-top:2px solid var(--a);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.175,.885,.32,1.275),box-shadow .32s,border-color .32s;animation:fadeUp .55s ease both}
.nexgen-card:nth-child(1){animation-delay:.04s}.nexgen-card:nth-child(2){animation-delay:.11s}.nexgen-card:nth-child(3){animation-delay:.18s}
.nexgen-card:nth-child(4){animation-delay:.25s}.nexgen-card:nth-child(5){animation-delay:.32s}.nexgen-card:nth-child(6){animation-delay:.39s}
.nexgen-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(142,214,0,.12);border-color:var(--bhi)}
.card-image-wrap{height:188px;background:linear-gradient(135deg,#08100a,#060d18);background-size:cover;background-position:center;position:relative;overflow:hidden}
.card-image-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(7,12,18,.85),transparent)}
.card-badge{position:absolute;bottom:10px;left:12px;z-index:1;background:var(--a);color:#000;font-family:var(--fh);font-size:.58rem;font-weight:900;letter-spacing:.07em;padding:3px 9px;border-radius:4px}
.card-content{padding:16px;flex:1;display:flex;flex-direction:column;gap:9px}
.card-teaser{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--a);font-weight:700}
.card-title{font-size:1.05rem}
.card-title a{color:#fff !important;transition:color .2s}
.card-title a:hover{color:var(--a) !important}
.card-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}
.nexgen-btn-sm{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border:1px solid var(--a);color:var(--a) !important;font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.07em;border-radius:5px;transition:all .25s;text-transform:uppercase}
.nexgen-btn-sm:hover{background:var(--a);color:#000 !important;box-shadow:0 0 14px var(--aglow)}

/* Pagination – animiert */
.nexgen-pagination{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:center;animation:fadeUp .5s .3s ease both}
.nexgen-pagination .pagination{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.nexgen-pagination .page-item .page-link{background:rgba(11,17,26,.9) !important;border:1px solid var(--border) !important;color:var(--text) !important;border-radius:8px !important;font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:9px 15px !important;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}
.nexgen-pagination .page-item .page-link::before{content:'';position:absolute;inset:0;background:var(--a);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease;z-index:0}
.nexgen-pagination .page-item .page-link:hover{color:#000 !important;border-color:var(--a) !important;transform:translateY(-3px);box-shadow:0 6px 18px rgba(142,214,0,.25)}
.nexgen-pagination .page-item .page-link:hover::before{transform:scaleY(1)}
.nexgen-pagination .page-item.active .page-link{background:var(--a) !important;border-color:var(--a) !important;color:#000 !important;box-shadow:0 0 18px var(--aglow);transform:translateY(-2px)}
.nexgen-pagination .page-item.disabled .page-link{opacity:.35;cursor:not-allowed}

/* Generelle Pagination */
.pagination .page-link{background:var(--glass) !important;border:1px solid var(--border) !important;color:#fff !important;border-radius:6px !important;transition:all .2s}
.pagination .active .page-link,.pagination .page-link:hover{background:var(--a) !important;border-color:var(--a) !important;color:#000 !important;box-shadow:0 0 12px var(--aglow)}

/* ── ARTIKEL DETAIL ───────────────────────────────────────────── */
.article-header{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:22px}
.article-teaser-tag{display:inline-block;background:var(--a);color:#000;font-family:var(--fh);font-size:.62rem;font-weight:900;letter-spacing:.1em;padding:4px 11px;border-radius:4px;text-transform:uppercase;margin-bottom:12px}
.article-title{font-size:clamp(1.5rem,3vw,2.4rem) !important;margin-bottom:14px}
.article-meta-bar{font-size:.88rem;color:var(--dim);display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.article-meta-bar i{color:var(--a);margin-right:4px}
.article-main-image-wrap img{border-radius:var(--rl);border:1px solid var(--border);box-shadow:var(--shadow);max-height:420px;width:100%;object-fit:cover}
.article-body-text{font-size:1.04rem;line-height:1.82}
.article-body-text p{margin-bottom:.9rem}
.article-body-text h2,.article-body-text h3{color:var(--a);margin:1.4rem 0 .7rem}
.article-body-text img{border-radius:var(--r);border:1px solid var(--border);margin:10px 0}
.badge-accent{display:inline-block;background:var(--adim);border:1px solid rgba(142,214,0,.3);color:var(--a) !important;font-size:.76rem;font-weight:700;padding:3px 9px;border-radius:4px;margin-right:4px;transition:all .2s}
.badge-accent:hover{background:var(--a);color:#000 !important}
.article-comments-section h4{font-family:var(--fh);font-size:.88rem;color:var(--a);letter-spacing:.1em;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--border)}


/* ═══════════════════════════════════════════════════════════════
   FORUM — Komplett überarbeiteter Block (ilch CMS 2.2)
   Problem: Bootstrap setzt weiße Hintergründe + schwarzen Text
   Lösung:  Alles mit solid dark colors + !important überschreiben
   ═══════════════════════════════════════════════════════════════ */

/* 1. Alle Container dunkel machen */
.layout-forum .nx-content { max-width:100%; width:100% }

#forum,
#forum ul,
#forum ul.forums,
#forum li,
#forum dl,
#forum dt,
#forum dd,
.forabg,
.forumrow,
.forum-container {
    background: transparent !important;
    border: none !important;
    color: var(--text) !important;
    list-style: none !important;
}

/* 2. ALLE Texte im Forum hell machen – schlägt Bootstrap */
#forum, #forum * {
    color: var(--text) !important;
}
#forum a, #forum a * {
    color: #d5dde8 !important;
    transition: color .2s;
}
#forum a:hover, #forum a:hover * {
    color: var(--a) !important;
}

/* 3. Kategorie-Überschriften */
#forum li.catbg {
    display: block !important;
    list-style: none !important;
    background: linear-gradient(90deg, rgba(142,214,0,.18) 0%, rgba(142,214,0,.06) 50%, rgba(8,13,20,1) 100%) !important;
    border-left: 4px solid var(--a) !important;
    border-bottom: 2px solid rgba(142,214,0,.25) !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 28px 0 0 !important;
    padding: 13px 18px !important;
    font-family: var(--fh) !important;
    font-size: .8rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--a) !important;
}
#forum li.catbg:first-child { margin-top: 0 !important }
#forum li.catbg a { color: var(--a) !important; font-weight: 700 !important }
#forum li.catbg * { color: var(--a) !important }

/* 4. Kategorie-Beschreibung (Zeile nach catbg, ohne Klasse) */
#forum li.catbg + li,
#forum li.catbg ~ li.row:not(:has(dl)) > p,
#forum .forabg > li:not(.catbg):not(.row) {
    background: rgba(8,13,20,.95) !important;
    padding: 10px 18px 10px 22px !important;
    color: var(--dim) !important;
    font-size: .85rem !important;
    border-left: 4px solid rgba(142,214,0,.15) !important;
    border-bottom: 1px solid rgba(142,214,0,.06) !important;
}

/* 5. Forum-Zeilen (li.row) – SOLID dunkler Hintergrund */
#forum li.row {
    display: flex !important;
    align-items: stretch !important;
    list-style: none !important;
    background: #080d15 !important;   /* SOLID – kein rgba-transparent! */
    border: none !important;
    border-bottom: 1px solid rgba(142,214,0,.07) !important;
    border-left: 3px solid transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 68px;
    transition: background .2s, border-left-color .2s;
    position: relative;
}
#forum li.row:last-child {
    border-bottom: none !important;
    border-radius: 0 0 8px 8px !important;
}
#forum li.row:hover {
    background: #0c1420 !important;
    border-left-color: var(--a) !important;
}
#forum li.row:nth-child(even) {
    background: #090e17 !important;
}
#forum li.row:nth-child(even):hover {
    background: #0c1420 !important;
}

/* 6. Icon in der Zeile */
#forum li.row > a:first-child,
#forum li.row > span.icon,
#forum li.row > .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 56px !important;
    padding: 14px 10px !important;
    background: rgba(142,214,0,.04) !important;
    border-right: 1px solid rgba(142,214,0,.07) !important;
}
#forum li.row > a:first-child img,
#forum li.row img {
    width: 28px !important;
    height: 28px !important;
    filter: hue-rotate(40deg) saturate(1.4) brightness(1.2) !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
    display: block !important;
}

/* 7. DL-Container (Hauptinhalt der Zeile) */
#forum li.row > dl {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    gap: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
}
#forum li.row > dl > dt {
    flex: 1 !important;
    min-width: 0 !important;
    background: transparent !important;
}
/* Forum-Titel */
#forum li.row > dl > dt > a,
#forum li.row > dl > dt > h3 > a,
#forum li.row > dl > dt > h4 > a {
    font-family: var(--fh) !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    color: #e0e8f4 !important;
    letter-spacing: .02em !important;
    display: block !important;
    margin-bottom: 4px !important;
    transition: color .2s !important;
}
#forum li.row > dl > dt > a:hover { color: var(--a) !important }
/* Beschreibung */
#forum li.row > dl > dt > p,
#forum li.row > dl > dt > span.desc {
    color: var(--dim) !important;
    font-size: .84rem !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* 8. Stats (Themen/Beiträge) */
#forum li.row > dl > dd.forumstats,
#forum li.row > dl > dd:nth-of-type(1) {
    flex-shrink: 0 !important;
    text-align: center !important;
    padding: 0 20px !important;
    color: var(--dim) !important;
    font-size: .83rem !important;
    white-space: nowrap !important;
    border-left: 1px solid rgba(142,214,0,.08) !important;
    background: transparent !important;
    min-width: 90px !important;
    line-height: 1.3 !important;
}
#forum li.row > dl > dd.forumstats strong,
#forum li.row > dl > dd:nth-of-type(1) strong {
    display: block !important;
    font-family: var(--fh) !important;
    font-size: 1.1rem !important;
    color: var(--a) !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(142,214,0,.4) !important;
    background: transparent !important;
}

/* 9. Letzter Beitrag */
#forum li.row > dl > dd.lastpost,
#forum li.row > dl > dd:nth-of-type(2) {
    flex-shrink: 0 !important;
    padding: 0 16px !important;
    font-size: .8rem !important;
    color: var(--dim) !important;
    min-width: 150px !important;
    max-width: 200px !important;
    text-align: right !important;
    border-left: 1px solid rgba(142,214,0,.08) !important;
    background: transparent !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
}
#forum li.row > dl > dd.lastpost a,
#forum li.row > dl > dd:nth-of-type(2) a {
    color: #c8d4e4 !important;
    font-weight: 600 !important;
    font-size: .82rem !important;
}
#forum li.row > dl > dd.lastpost a:hover,
#forum li.row > dl > dd:nth-of-type(2) a:hover { color: var(--a) !important }
#forum li.row > dl > dd.lastpost img {
    display: inline-block !important;
    width: 14px !important; height: 14px !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    filter: hue-rotate(40deg) !important;
}

/* 10. Avatar-Bild im lastpost */
#forum li.row > dl > dd img.img-thumbnail,
#forum li.row img.img-thumbnail {
    width: 28px !important; height: 28px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(142,214,0,.3) !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 5px 0 0 !important;
    object-fit: cover !important;
}

/* 11. Unbeantwortete/Aktive Themen Links am Ende */
#forum li.row.no-content,
#forum ul.forums > li:not(.catbg):not(.row) {
    background: transparent !important;
    border: none !important;
    padding: 6px 0 !important;
}
#forum ul.forums > li:not(.catbg):not(.row) a {
    color: var(--dim) !important;
    font-size: .85rem !important;
}
#forum ul.forums > li:not(.catbg):not(.row) a:hover { color: var(--a) !important }

/* 12. Statistik-Box am Seitenende */
#forum .statbg, #forum .forumstat {
    background: rgba(8,13,20,.95) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--r) !important;
    padding: 16px 20px !important;
    margin-top: 24px !important;
}
#forum .statbg h5, #forum .forumstat h5 {
    font-family: var(--fh) !important;
    font-size: .72rem !important;
    color: var(--a) !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid var(--border) !important;
    padding-bottom: 8px !important; margin-bottom: 10px !important;
    background: transparent !important;
}
#forum .statbg li, #forum .forumstat li {
    background: transparent !important;
    padding: 5px 0 !important;
    color: var(--text) !important;
    border-bottom: 1px solid rgba(142,214,0,.05) !important;
    font-size: .88rem !important;
    list-style: none !important;
}
#forum .statbg li:last-child, #forum .forumstat li:last-child { border-bottom: none !important }

/* 13. Legende Icons */
#forum .legende, #forum .legend {
    background: rgba(8,13,20,.95) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--r) !important;
    padding: 12px 16px !important;
    margin-top: 16px !important;
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    font-size: .82rem !important;
    color: var(--dim) !important;
}

/* Breadcrumb */
.breadcrumb{background:transparent !important;padding:0 0 14px !important;font-size:.84rem}
.breadcrumb-item+.breadcrumb-item::before{color:var(--dim) !important}
.breadcrumb-item a{color:var(--a) !important}
.breadcrumb-item.active{color:var(--dim)}

/* Tabellen (showtopics etc.) */
.table,.table-responsive>.table{background:var(--glass) !important;border-radius:var(--r) !important;overflow:hidden;width:100% !important;border:1px solid var(--border) !important}
.table>thead>tr>th,.table thead th,.ilch-head th,.ilch-head{background:rgba(142,214,0,.09) !important;color:var(--a) !important;font-family:var(--fh) !important;font-size:.65rem !important;letter-spacing:.1em !important;text-transform:uppercase !important;padding:12px 14px !important;border-bottom:2px solid var(--a) !important;border-top:none !important;white-space:nowrap}
.table>tbody>tr,.table tbody tr{background:rgba(255,255,255,.02) !important;border-bottom:1px solid rgba(142,214,0,.06) !important;transition:all .22s}
.table>tbody>tr:hover,.table tbody tr:hover{background:rgba(142,214,0,.05) !important;border-left:3px solid var(--a) !important}
.table>tbody>tr>td,.table tbody td{padding:11px 14px !important;vertical-align:middle !important;border:none !important;color:var(--text) !important}
.table a{color:#d0d8e6 !important;font-weight:600;transition:color .2s}
.table a:hover{color:var(--a) !important}
.table-responsive{border-radius:var(--r);overflow-x:auto}

/* Posts */
.post,.postbody{background:var(--glass2) !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;margin-bottom:14px !important;padding:16px !important}
.post_head,.postheader{border-bottom:1px solid var(--border) !important;padding-bottom:10px !important;margin-bottom:12px !important;font-family:var(--fh) !important;font-size:.78rem !important;color:var(--dim) !important}
.membertitle{color:var(--a) !important;font-size:.78rem !important;font-family:var(--fh) !important}
.quick-reply,#quickReply,.reply-box{background:var(--glass) !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;padding:16px !important;margin-top:20px !important}

/* ── BUTTONS / FORMS ──────────────────────────────────────────── */
.btn-primary{background:var(--a) !important;border-color:var(--a) !important;color:#000 !important;font-family:var(--fh) !important;font-weight:700 !important;letter-spacing:.06em;transition:box-shadow .25s,transform .2s}
.btn-primary:hover{box-shadow:0 0 18px var(--aglow);transform:translateY(-1px)}
.btn-secondary,.btn-outline-secondary{background:transparent !important;border:1px solid var(--a) !important;color:var(--a) !important;font-weight:700;transition:all .25s}
.btn-secondary:hover,.btn-outline-secondary:hover{background:var(--a) !important;color:#000 !important}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea,select{background:rgba(255,255,255,.04) !important;border:1px solid var(--border) !important;border-radius:6px !important;color:#fff !important;padding:9px 12px !important;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{border-color:var(--a) !important;box-shadow:0 0 0 2px rgba(142,214,0,.12) !important;outline:none}
label{color:var(--text);font-weight:600}
.nx-modal-content{background:rgba(4,6,10,.98) !important;border:1px solid var(--bhi) !important;border-radius:var(--rl) !important;box-shadow:0 0 50px rgba(0,0,0,.9);color:#fff}
.nx-modal-title{font-family:var(--fh);font-size:.85rem;letter-spacing:.12em;color:var(--a);text-transform:uppercase}
.user-panel-full-box{background:var(--glass) !important;border:1px solid var(--border) !important;border-left:4px solid var(--a) !important;border-radius:var(--r);padding:18px;margin-bottom:18px}
.alert{border-radius:var(--r);background:rgba(142,214,0,.06) !important;border-left:3px solid var(--a) !important}
.alert-success{border-left-color:#00c060 !important;background:rgba(0,192,96,.06) !important}
.alert-danger{border-left-color:#ff3355 !important;background:rgba(255,51,85,.06) !important}
pre,code{background:rgba(5,6,8,.92) !important;border:1px solid var(--border);border-radius:6px;font-family:'Courier New',monospace;color:var(--a)}

/* ═══════════════════════════════════════════════════════════════
   FOOTER — 4-Spalten + Social Media
   ═══════════════════════════════════════════════════════════════ */
.nx-footer{margin-top:50px;background:rgba(4,6,10,.98);border-top:1px solid var(--border);position:relative;z-index:2;overflow:hidden}
.nx-footer-hex{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpolygon points='28,2 54,16 54,44 28,58 2,44 2,16' fill='none' stroke='rgba(142,214,0,0.04)' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 100px;opacity:.5}
.nx-footer::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--a),transparent);box-shadow:0 0 20px var(--a)}
.nx-footer-inner{max-width:1840px;margin:0 auto;padding:50px 28px 28px;position:relative;z-index:1}
.nx-footer-top{text-align:center;margin-bottom:40px}
.nx-footer-brand{font-family:var(--fh);font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:.08em;text-transform:uppercase;display:inline-block}
.nx-footer-brand em{color:var(--a);font-style:normal;text-shadow:0 0 18px var(--a)}
.nx-footer-tagline{display:block;font-family:var(--fh);font-size:.62rem;letter-spacing:.18em;color:rgba(142,214,0,.5);margin-top:6px}

/* 4-Spalten */
.nx-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:36px}
.nx-footer-col-head{font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--a);padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border);position:relative}
.nx-footer-col-head::after{content:'';position:absolute;bottom:-1px;left:0;width:30px;height:2px;background:var(--a);box-shadow:0 0 8px var(--a)}
.nx-footer-list{margin:0;padding:0}
.nx-footer-list li{border-bottom:1px solid rgba(142,214,0,.05)}
.nx-footer-list li:last-child{border-bottom:none}
.nx-footer-link,.nx-footer-list a{display:flex !important;align-items:center !important;gap:8px !important;padding:7px 0 !important;color:var(--dim) !important;font-size:.9rem !important;font-weight:600 !important;transition:all .22s !important}
.nx-footer-link:hover,.nx-footer-list a:hover{color:#fff !important;padding-left:8px !important}

.nx-footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-bottom:26px}

/* ── SOCIAL MEDIA ─────────────────────────────────────────────── */
.nx-footer-social{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}

.nx-sm-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
    color: var(--dim) !important;
    font-family: var(--fh);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: all .25s;
    position: relative;
    overflow: hidden;
}
.nx-sm-btn svg { width:16px; height:16px; flex-shrink:0; transition: transform .25s }
.nx-sm-btn:hover { color: #000 !important; border-color: transparent; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.4) }
.nx-sm-btn:hover svg { transform: scale(1.1) }

/* Jede Plattform bekommt ihre eigene Farbe */
.nx-sm-discord:hover  { background:#5865f2 }
.nx-sm-twitch:hover   { background:#9146ff }
.nx-sm-youtube:hover  { background:#ff0000 }
.nx-sm-steam:hover    { background:#1b2838 }
.nx-sm-instagram:hover{ background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888) }
.nx-sm-x:hover        { background:#000 }

.nx-footer-bottom{text-align:center}
.nx-footer-copy{font-size:.84rem;color:var(--dim)}
.nx-footer-copy strong{color:var(--a)}

/* ── BACK TO TOP ──────────────────────────────────────────────── */
.nx-btt {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 8000;
    width: 46px; height: 46px;
    background: rgba(4,6,10,.92);
    border: 1px solid var(--a);
    border-radius: 10px;
    color: var(--a);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(12px) scale(.9);
    transition: opacity .3s, transform .3s, background .25s, box-shadow .25s;
    pointer-events: none;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(0,0,0,.5);
}
.nx-btt svg { width:20px; height:20px; stroke:var(--a); transition: transform .25s, stroke .25s }
.nx-btt.visible { opacity:1; transform:translateY(0) scale(1); pointer-events:auto }
.nx-btt:hover {
    background: var(--a);
    box-shadow: 0 0 22px var(--aglow), 0 6px 18px rgba(0,0,0,.5);
    transform: translateY(-3px) scale(1.05);
}
.nx-btt:hover svg { stroke:#000; transform: translateY(-2px) }

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media(max-width:1280px){.nx-shell.layout-home{grid-template-columns:215px 1fr 230px}}
@media(max-width:1024px){
    .nx-shell.layout-home{grid-template-columns:1fr}
    .nx-sidebar{display:none}
    .nx-slider{height:330px}
    .nx-slider-hex{display:none}
    .nx-footer-grid{grid-template-columns:repeat(2,1fr)}
    #forum li.row{grid-template-columns:40px 1fr auto !important}
    #forum li.row>.lastpost{display:none !important}
}
@media(max-width:768px){
    :root{--hh:54px}
    .nx-nav{display:none;position:fixed;top:0;right:-280px;width:270px;height:100vh;background:rgba(4,6,10,.99);border-left:1px solid var(--border);flex-direction:column;padding:70px 16px 20px;transition:right .35s ease;z-index:950;overflow-y:auto}
    .nx-nav.open{right:0;display:flex}
    .nx-nav-list{flex-direction:column;gap:4px}
    .nx-nav-link{font-size:.95rem;padding:12px 14px;border-radius:8px}
    .nx-burger{display:flex}
    .nx-slider{height:250px;border-radius:var(--r)}
    .nx-slider-overlay{padding:16px 18px}
    .nx-slider-h1{font-size:1.3rem}
    .nx-shell,.nx-shell.layout-home{padding:12px;gap:12px;grid-template-columns:1fr}
    .layout-sub .nx-content,.layout-forum .nx-content,.layout-home .nx-content{padding:16px}
    .nexgen-grid{grid-template-columns:1fr}
    .nx-ticker-label{display:none}
    .nx-footer-grid{grid-template-columns:1fr 1fr;gap:20px}
    .nx-footer-inner{padding:32px 18px 20px}
    #forum li.row{grid-template-columns:36px 1fr !important}
    #forum li.row>.forumstats,#forum li.row>.lastpost{display:none !important}
    .nx-btt{bottom:16px;right:16px;width:40px;height:40px;border-radius:8px}
    .nx-btt svg{width:18px;height:18px}
}
@media(max-width:480px){
    .nx-logo-text{font-size:1.1rem}
    .nx-login-btn{padding:6px 11px;font-size:.65rem}
    .nx-slider{height:200px}
    .nx-footer-grid{grid-template-columns:1fr}
    .nx-sm-btn span{display:none}
    .nx-sm-btn{padding:9px 12px}
}

/* ═══════════════════════════════════════════════════════════════
   FARBSWITCHER — NexGen
   Klebt in der Statusbar / Ticker-Zeile
   ═══════════════════════════════════════════════════════════════ */

/* Statusbar über dem Header */
.nx-colorbar {
    background: rgba(4,6,10,.97);
    border-bottom: 1px solid var(--border);
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
    gap: 10px;
    position: relative;
    z-index: 901;
}
.nx-cs-label {
    font-family: var(--fh);
    font-size: .52rem;
    letter-spacing: .14em;
    color: var(--dim);
    text-transform: uppercase;
}
.nx-cs-dots {
    display: flex;
    gap: 5px;
    align-items: center;
}
.nx-csd {
    width: 13px; height: 13px;
    border-radius: 50%;
    border: 1.5px solid transparent;
    cursor: pointer;
    padding: 0;
    transition: transform .2s, border-color .2s, box-shadow .2s;
    flex-shrink: 0;
}
.nx-csd:hover  { transform: scale(1.3); border-color: rgba(255,255,255,.5) }
.nx-csd.sel    { border-color: #fff; transform: scale(1.2); box-shadow: 0 0 7px currentColor }
.nx-cs-name {
    font-family: var(--fh);
    font-size: .52rem;
    color: var(--a);
    letter-spacing: .1em;
    text-transform: uppercase;
    min-width: 42px;
    transition: color .25s;
}

/* Scrollbar Farbe folgt Akzent */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--a), rgba(var(--a-rgb),.25)) !important;
}