@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap);
/* ===========================================================================
   DEVILS-GAMING · devils.css   (MyBB / Deviance overlay)
   Alle Klassen mit dg- prefixed -> keine Kollision mit Bootstrap/Metronic.
   DARK ist Standard. Für das LIGHT-Theme die Werte im :root-Block unten
   (siehe "LIGHT") überschreiben oder devils-light.css anhängen.
   Schriftart Poppins kommt bereits aus dem Deviance-Theme.
=========================================================================== */
:root{
  --dg-blue:#e23b6e; --dg-blue-d:#c42a55; --dg-red:#F64E60; --dg-teal:#1BC5BD;
  --dg-amber:#FFA800; --dg-purple:#b22ce0; --dg-online:#2fd07f; --dg-magenta:#C32EAF;
  /* DARK */
  --dg-bg:#0d0b1c;
  --dg-panel:#161228; --dg-panel-2:#1f1838;
  --dg-line:rgba(255,255,255,.07); --dg-line-2:rgba(255,255,255,.13);
  --dg-txt:#ECE9F5; --dg-txt-2:#B7B2CC; --dg-muted:#7d7795;
  --dg-shadow:0 10px 40px -12px rgba(0,0,0,.75); --dg-glow:.42;
}
/* LIGHT  ->  im Light-Theme diesen Block aktiv setzen (Klasse am body o. :root)
   --dg-panel:#fff; --dg-panel-2:#f7f9fc;
   --dg-line:#e9edf3; --dg-line-2:#dfe5ee;
   --dg-txt:#181C32; --dg-txt-2:#3F4254; --dg-muted:#9aa0b3;
   --dg-shadow:0 12px 36px -16px rgba(30,40,70,.25); --dg-glow:.28;            */

.dg-mono{font-family:"JetBrains Mono","Courier New",monospace}

/* ---- animated background layer (ruhig, nur sanftes Atmen) ---- */
.dg-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.dg-bg .dg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--dg-glow);will-change:opacity,transform}
.dg-bg .b1{width:560px;height:560px;background:var(--dg-blue);top:-170px;left:-110px;animation:dgBreath 15s ease-in-out infinite}
.dg-bg .b2{width:520px;height:520px;background:var(--dg-purple);bottom:-200px;right:-130px;animation:dgBreath 19s ease-in-out infinite 1s}
.dg-bg .b3{width:420px;height:420px;background:var(--dg-teal);top:46%;right:28%;animation:dgBreath 17s ease-in-out infinite .5s}
.dg-bg .dg-grid{position:absolute;inset:0;opacity:.10;
  background-image:linear-gradient(var(--dg-line-2) 1px,transparent 1px),linear-gradient(90deg,var(--dg-line-2) 1px,transparent 1px);
  background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 80%)}
@keyframes dgBreath{0%,100%{opacity:calc(var(--dg-glow) * .65);transform:scale(1)}50%{opacity:var(--dg-glow);transform:scale(1.05)}}
#index .container,#index .container-fluid{position:relative;z-index:1}

/* ---- globaler Seiten-Hintergrund (alle Seiten: Member, Profil, Foren ...) ---- */
html,body{background:
  radial-gradient(1100px 600px at 80% -8%, color-mix(in srgb,var(--dg-blue) 16%,transparent), transparent 60%),
  radial-gradient(900px 520px at 5% 108%, color-mix(in srgb,var(--dg-purple) 16%,transparent), transparent 60%),
  var(--dg-bg) !important; color:var(--dg-txt);}
/* MyBB-Default-Theme: weißen Container/Wrapper transparent machen */
#container,.wrapper,#content,#header,.menu{background:transparent !important;border:none !important;box-shadow:none !important}
#container{max-width:1340px !important;width:95% !important;margin-left:auto !important;margin-right:auto !important;float:none !important;left:auto !important;right:auto !important}
#content{float:none !important;width:auto !important;max-width:none !important;overflow:visible !important}

/* ---- Neon-Kategorie-Header (wie auf der Referenz) ---- */
.dg-cat-head h3{text-shadow:0 0 16px color-mix(in srgb,var(--dg-blue) 55%,transparent)}
.dg-cat-head .ln{height:2px;background:linear-gradient(90deg,var(--dg-blue),var(--dg-magenta),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--dg-magenta) 60%,transparent)}

/* ---- animated logo (optional, dg-logo Block im header) ---- */
.dg-logo{display:inline-flex;align-items:center;gap:12px;animation:dgLogoIn 1s cubic-bezier(.16,1,.3,1) both}
@keyframes dgLogoIn{0%{opacity:0;transform:translateY(-46px);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
.dg-logo .dg-flame{width:36px;height:36px;flex:none;filter:drop-shadow(0 4px 14px rgba(246,78,96,.5))}
.dg-logo b{display:block;font-weight:900;font-size:22px;line-height:.95;text-transform:uppercase;letter-spacing:.5px;
  background:linear-gradient(90deg,var(--dg-blue),var(--dg-purple),var(--dg-teal),var(--dg-amber),var(--dg-red),var(--dg-blue));
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dgHue 7s linear infinite}
.dg-logo i{display:block;font-style:normal;font-weight:300;font-size:12px;letter-spacing:5px;color:var(--dg-txt-2);text-transform:uppercase}
@keyframes dgHue{to{background-position:300% 0}}
.dg-logo:hover{animation:dgWiggle .6s ease-in-out}
.dg-logo:hover .dg-flame{animation:dgFloat 1.2s ease-in-out infinite}
@keyframes dgWiggle{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes dgFloat{50%{transform:translateY(-4px)}}

/* ---- animated avatars (Admin/Member) ---- */
.dg-av{position:relative;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;color:#fff;font-size:13px}
.dg-av::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;
  background:conic-gradient(from 0deg,var(--dg-blue),var(--dg-purple),var(--dg-teal),var(--dg-amber),var(--dg-red),var(--dg-blue));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:dgSpin 16s linear infinite}
.dg-av.admin::before{animation:dgSpin 4s linear infinite}
.dg-av.staff::before{background:conic-gradient(from 0deg,var(--dg-amber),var(--dg-red),var(--dg-amber));animation:dgSpin 6s linear infinite}
.dg-av.s28{width:28px;height:28px;font-size:11px}.dg-av.s36{width:36px;height:36px}.dg-av.s44{width:44px;height:44px;font-size:15px}
@keyframes dgSpin{to{transform:rotate(360deg)}}

/* ---- slider ---- */
.dg-slider{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--dg-line);box-shadow:var(--dg-shadow);height:300px;margin:26px 0 6px}
.dg-slides{display:flex;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.dg-slide{min-width:100%;height:100%;position:relative;display:flex;align-items:center;padding:0 48px;color:#fff;overflow:hidden}
.dg-slide .dg-art{position:absolute;inset:0;z-index:0}
.dg-slide.s1 .dg-art{background:linear-gradient(115deg,#0b2a5e,#3699FF 60%,#1BC5BD)}
.dg-slide.s2 .dg-art{background:linear-gradient(115deg,#2a0f52,#8950FC 55%,#3699FF)}
.dg-slide.s3 .dg-art{background:linear-gradient(115deg,#5e1020,#F64E60 55%,#FFA800)}
.dg-slide .dg-art::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 85% 50%,rgba(255,255,255,.22),transparent 60%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 65%)}
.dg-slide .dg-copy{position:relative;z-index:1;max-width:560px}
.dg-slide .dg-eb{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 11px;border:1px solid rgba(255,255,255,.4);border-radius:30px;margin-bottom:14px}
.dg-slide h2{margin:0 0 10px;font-size:34px;font-weight:800;line-height:1.05;color:#fff}
.dg-slide p{margin:0 0 18px;font-size:15px;opacity:.92;max-width:430px}
.dg-slide .dg-adslot{position:absolute;top:14px;right:16px;z-index:1;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:3px 8px}
.dg-snav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.3);color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px);font-size:22px;line-height:1}
.dg-snav:hover{background:rgba(0,0,0,.55)}.dg-snav.prev{left:16px}.dg-snav.next{right:16px}
.dg-dots{position:absolute;bottom:16px;left:48px;display:flex;gap:8px;z-index:3}
.dg-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:.2s}
.dg-dots button.on{width:26px;border-radius:6px;background:#fff}

/* ---- buttons (namespaced) ---- */
.dg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:.2s}
.dg-btn.primary{background:linear-gradient(135deg,var(--dg-blue),var(--dg-blue-d));color:#fff}
.dg-btn.primary:hover{transform:translateY(-1px);color:#fff}
.dg-btn.ghost{background:transparent;border-color:var(--dg-line-2);color:var(--dg-txt-2)}
.dg-btn.discord{background:#5865F2;color:#fff}.dg-btn.discord:hover{background:#4752c4;color:#fff}
.dg-slide .dg-btn.primary{background:#fff;color:#15151f}

/* ---- server browser (console) ---- */
.dg-console{border-radius:16px;overflow:hidden;border:1px solid var(--dg-line);background:var(--dg-panel);box-shadow:var(--dg-shadow);margin:24px 0}
.dg-console .dg-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--dg-panel-2);border-bottom:1px solid var(--dg-line)}
.dg-console .dg-tl{display:flex;gap:6px}.dg-console .dg-tl i{width:11px;height:11px;border-radius:50%;display:block}
.dg-tl i:nth-child(1){background:var(--dg-red)}.dg-tl i:nth-child(2){background:var(--dg-amber)}.dg-tl i:nth-child(3){background:var(--dg-online)}
.dg-console .dg-bar .t{font-size:12.5px;color:var(--dg-muted)}
.dg-console .dg-bar .live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dg-online)}
.dg-console .dg-bar .live i{width:7px;height:7px;border-radius:50%;background:var(--dg-online);animation:dgPulse 1.8s infinite}
.dg-srv{display:grid;grid-template-columns:34px 1.6fr 1.2fr 1fr 130px 120px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--dg-line)}
.dg-srv:last-child{border-bottom:none}.dg-srv:hover{background:var(--dg-panel-2)}
.dg-srv.hd{padding:10px 18px}.dg-srv .h{color:var(--dg-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.dg-gi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff}
.dg-srv .nm{font-weight:600;font-size:14.5px;color:var(--dg-txt)}.dg-srv .ip{font-size:12.5px;color:var(--dg-muted)}
.dg-slots{height:8px;border-radius:6px;background:var(--dg-line-2);overflow:hidden}
.dg-slots i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--dg-teal),var(--dg-blue))}
.dg-st{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--dg-online)}
.dg-st i{width:8px;height:8px;border-radius:50%;background:var(--dg-online);box-shadow:0 0 8px var(--dg-online)}
.dg-st.off{color:var(--dg-muted)}.dg-st.off i{background:var(--dg-muted);box-shadow:none}
.dg-connect{height:34px;border-radius:8px;border:1px solid var(--dg-line-2);background:transparent;color:var(--dg-txt-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.dg-connect:hover{border-color:var(--dg-teal);color:var(--dg-teal)}

/* ---- shoutbox strip ---- */
.dg-shout{display:flex;align-items:center;gap:14px;height:54px;padding:0 18px;margin:0 0 22px;border:1px solid var(--dg-line);border-radius:12px;background:var(--dg-panel);box-shadow:var(--dg-shadow);overflow:hidden}
.dg-shout .tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dg-blue);flex:none}
.dg-shout .tag i{width:8px;height:8px;border-radius:50%;background:var(--dg-red);animation:dgPulse 1.6s infinite}
.dg-ticker{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dg-ticker ul{display:flex;gap:34px;list-style:none;margin:0;padding:0;width:max-content;animation:dgMarq 38s linear infinite}
.dg-shout:hover .dg-ticker ul{animation-play-state:paused}
.dg-ticker li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--dg-txt-2)}
.dg-ticker li b{color:var(--dg-txt)}
@keyframes dgMarq{to{transform:translateX(-50%)}}
@keyframes dgPulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ---- home layout: forum breit + rechte sidebar ---- */
.dg-home{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;position:relative;z-index:1;width:100%}
.dg-home > #forums,.dg-home > .forums{min-width:0;width:100%}
.dg-cat,.dg-forum{width:100%}
.dg-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.dg-dt{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dg-join{border:1px solid var(--dg-line);border-radius:14px;background:var(--dg-panel);box-shadow:var(--dg-shadow);text-align:center;padding:16px 12px}
.dg-join .ji{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin:0 auto 10px;color:#fff}
.dg-join .jt{font-weight:700;font-size:13.5px}
.dg-join .jo{font-size:12px;color:var(--dg-online);font-weight:600;margin:3px 0 11px}
.dg-join .dg-btn{width:100%;height:34px;font-size:12.5px}

/* ---- generic card (namespaced) ---- */
.dg-card{background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:14px;box-shadow:var(--dg-shadow);overflow:hidden}
.dg-card .ch{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--dg-line);font-weight:600;font-size:14px;color:var(--dg-txt)}
.dg-card .cb{padding:14px 16px;color:var(--dg-txt-2);font-size:13.5px}
.dg-eb2{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  background:linear-gradient(90deg,var(--dg-blue),var(--dg-purple),var(--dg-teal),var(--dg-amber),var(--dg-red),var(--dg-blue));
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dgHue 8s linear infinite}

/* ---- forumbit cards (für forumbit_depth1_cat / _forum) ---- */
.dg-cat{margin-bottom:22px}
.dg-cat-head{display:flex;align-items:center;gap:12px;margin:0 4px 12px}
.dg-cat-head h3{margin:0;font-size:17px;font-weight:700;color:var(--dg-txt)}
.dg-cat-head .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--dg-line-2),transparent)}
.dg-cat-head .cnt{font-size:12px;color:var(--dg-muted)}
.dg-forum{display:grid;grid-template-columns:46px 1fr 86px 86px 1.4fr;gap:14px;align-items:center;
  background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:12px;padding:14px 16px;margin-bottom:10px;
  opacity:1;transform:none;transition:opacity .5s,transform .5s,border-color .2s,background .2s}
/* Scroll-Reveal NUR wenn JS aktiv (Klasse .js-reveal): rein von links / raus nach links */
.js-reveal .dg-forum{opacity:0;transform:translateX(-30px)}
.js-reveal .dg-forum.in{opacity:1;transform:none}
.dg-forum.in{opacity:1;transform:none}
.dg-forum:hover{border-color:rgba(54,153,255,.45);background:var(--dg-panel-2)}
.dg-fic{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:none;background:linear-gradient(135deg,var(--dg-blue),var(--dg-blue-d))}
.dg-fic.unread{background:linear-gradient(135deg,var(--dg-teal),var(--dg-blue))}
.dg-fic svg{width:22px;height:22px}
.dg-forum .ft{font-weight:600;font-size:15px;color:var(--dg-txt)}
.dg-forum .ft:hover{color:var(--dg-blue)}
.dg-forum .fd{font-size:12.5px;color:var(--dg-muted);margin-top:2px}
.dg-forum .subs{margin-top:6px;font-size:12px;color:var(--dg-txt-2)}.dg-forum .subs a{color:var(--dg-blue)}
.dg-fnum{text-align:center}.dg-fnum b{display:block;font-size:16px;color:var(--dg-txt)}.dg-fnum span{font-size:11px;color:var(--dg-muted);text-transform:uppercase}
.dg-flast{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;color:var(--dg-muted)}
.dg-flast a{color:var(--dg-txt)}

/* ---- statistics ---- */
.dg-stats{margin:14px 0 30px;position:relative;z-index:1}
.dg-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dg-stat{position:relative;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:14px;padding:22px;overflow:hidden;box-shadow:var(--dg-shadow)}
.dg-stat::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px}
.dg-stat.c1::before{background:var(--dg-blue)}.dg-stat.c2::before{background:var(--dg-purple)}.dg-stat.c3::before{background:var(--dg-teal)}.dg-stat.c4::before{background:var(--dg-amber)}
.dg-stat .num{font-size:38px;font-weight:800;line-height:1}
.dg-stat.c1 .num{color:var(--dg-blue)}.dg-stat.c2 .num{color:var(--dg-purple)}.dg-stat.c3 .num{color:var(--dg-teal)}.dg-stat.c4 .num{color:var(--dg-amber)}
.dg-stat .lbl{margin-top:7px;font-size:13px;color:var(--dg-txt-2);font-weight:500}
.dg-welcome{margin-top:18px;display:flex;align-items:center;gap:12px;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:14px;padding:14px 18px;box-shadow:var(--dg-shadow);font-size:14px;color:var(--dg-txt)}
.dg-welcome b{color:var(--dg-teal)}

/* ---- back to top ---- (DEAKTIVIERT: Deviance hat schon einen eigenen) */
.dg-totop{position:fixed;right:22px;bottom:22px;z-index:1000;width:48px;height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--dg-blue),var(--dg-blue-d));color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(54,153,255,.7);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:.3s}
.dg-totop.show{opacity:1;transform:none;pointer-events:auto}
.dg-totop:hover{transform:translateY(-2px)}

/* ---- per-Forum Icon-Farben (ohne Konfig) ---- */
.dg-forum:nth-child(5n+1) .dg-fic{background:linear-gradient(135deg,var(--dg-blue),var(--dg-blue-d))}
.dg-forum:nth-child(5n+2) .dg-fic{background:linear-gradient(135deg,var(--dg-purple),#6f3ce0)}
.dg-forum:nth-child(5n+3) .dg-fic{background:linear-gradient(135deg,var(--dg-teal),#13a39c)}
.dg-forum:nth-child(5n+4) .dg-fic{background:linear-gradient(135deg,var(--dg-amber),var(--dg-red))}
.dg-forum:nth-child(5n+5) .dg-fic{background:linear-gradient(135deg,var(--dg-red),#c4304a)}

/* ---- Sidebar ein-/ausklappbar (sauber, kein schwebender Button) ---- */
.dg-side-collapse{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:34px;padding:0 12px;
  border:1px solid var(--dg-line-2);border-radius:9px;background:var(--dg-panel-2);color:var(--dg-txt-2);cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:600;transition:.2s;margin-bottom:2px}
.dg-side-collapse:hover{color:var(--dg-blue);border-color:var(--dg-blue)}
.dg-reopen{display:none;position:absolute;top:0;right:0;z-index:5;width:34px;height:34px;border-radius:9px;
  border:1px solid var(--dg-line-2);background:var(--dg-panel-2);color:var(--dg-txt-2);cursor:pointer;align-items:center;justify-content:center;transition:.2s}
.dg-reopen:hover{color:var(--dg-blue);border-color:var(--dg-blue)}
.dg-home .dg-side{transition:opacity .25s}
.dg-home.dg-collapsed{grid-template-columns:1fr}
.dg-home.dg-collapsed .dg-side{display:none}
.dg-home.dg-collapsed .dg-reopen{display:inline-flex}

/* ---- Header: knallblauen Balken auf dunkel/passend umstellen ---- */
.header-top{background:var(--dg-panel)!important;border-bottom:1px solid var(--dg-line)!important}
.header-top .topbar a,.header-top .topbar span{color:var(--dg-txt-2)}

/* ---- Werbe-Slot (Banner) ---- */
.dg-ad{position:relative;margin:22px 0;border:1px dashed var(--dg-line-2);border-radius:14px;background:var(--dg-panel);
  min-height:96px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.dg-ad .dg-ad-lbl{position:absolute;top:8px;left:12px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dg-muted)}
.dg-ad .dg-ad-in{color:var(--dg-muted);font-size:13px;padding:18px}

/* ---- DVZ Shoutbox Skin (Best-effort; ggf. nach Screenshot feinjustieren) ---- */
.dg-sb .ch{justify-content:flex-start}
.dg-sb .dg-sb-dot{width:8px;height:8px;border-radius:50%;background:var(--dg-red);margin-right:8px;animation:dgPulse 1.6s infinite}
.dg-sb .cb{padding:0}
.dg-sb #shoutbox,.dg-sb .dvz-sb,.dg-sb .shoutbox{background:transparent!important;border:none!important;box-shadow:none!important;padding:12px 14px!important}
.dg-sb .dvz-sb__messages,.dg-sb #shoutbox_messages{max-height:240px;overflow:auto}
.dg-sb .dvz-sb__message,.dg-sb .shoutbox_message{padding:6px 0!important;border-bottom:1px solid var(--dg-line)!important;color:var(--dg-txt-2)}
.dg-sb input[type=text],.dg-sb textarea{background:var(--dg-panel-2)!important;border:1px solid var(--dg-line-2)!important;color:var(--dg-txt)!important;border-radius:9px!important}
.dg-sb .dvz-sb__user,.dg-sb .shoutbox_user a{font-weight:700;color:var(--dg-blue)!important}

/* ========================  EXTRAS / LEBEN  ======================== */

/* ---- Preloader ---- */
.dg-pre{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#0a0a12;transition:opacity .6s ease,visibility .6s ease}
.dg-pre.hide{opacity:0;visibility:hidden}
.dg-pre .box{display:flex;flex-direction:column;align-items:center;gap:18px}
.dg-pre .flame{width:64px;height:64px;animation:dgFloat 1.4s ease-in-out infinite;filter:drop-shadow(0 6px 22px rgba(246,78,96,.55))}
.dg-pre .pname{font-weight:900;font-size:26px;letter-spacing:1px;text-transform:uppercase;
  background:linear-gradient(90deg,var(--dg-blue),var(--dg-purple),var(--dg-teal),var(--dg-amber),var(--dg-red),var(--dg-blue));
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dgHue 3s linear infinite}
.dg-pre .bar{width:180px;height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.dg-pre .bar i{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--dg-blue),var(--dg-purple));animation:dgLoad 1.1s ease-in-out infinite}
@keyframes dgLoad{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

/* ---- Hover-/Glanz-Effekte (Shine-Sweep + Glow) ---- */
.dg-forum,.dg-card,.dg-join,.dg-stat,.dg-console,.dg-slider{position:relative;overflow:hidden}
.dg-forum::after,.dg-card::after,.dg-join::after,.dg-stat::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.13),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}
.dg-forum:hover::after,.dg-card:hover::after,.dg-join:hover::after,.dg-stat:hover::after{left:140%}
.dg-forum:hover{border-color:color-mix(in srgb,var(--dg-blue) 55%,transparent);box-shadow:0 14px 30px -14px rgba(54,153,255,.55);transform:translateY(-2px)}
.dg-join:hover,.dg-card:hover{border-color:color-mix(in srgb,var(--dg-blue) 40%,transparent);box-shadow:0 14px 30px -16px rgba(54,153,255,.45)}
.dg-stat:hover{transform:translateY(-3px);box-shadow:0 18px 36px -16px rgba(54,153,255,.4)}
.dg-srv:hover{background:var(--dg-panel-2);box-shadow:inset 3px 0 0 0 var(--dg-teal)}
.dg-connect:hover,.dg-btn:hover{box-shadow:0 8px 20px -8px rgba(54,153,255,.6)}
.dg-gi{transition:transform .25s}.dg-srv:hover .dg-gi{transform:scale(1.08) rotate(-3deg)}
.dg-fic{transition:transform .25s}.dg-forum:hover .dg-fic{transform:scale(1.06) rotate(-3deg)}

/* ---- animierte Last-Post Avatare + Namen (hüpfend, bunt) ---- */
.dg-flast img,.dg-flast .avatar img{border-radius:50%!important;animation:dgFloat 3s ease-in-out infinite;transition:transform .2s}
.dg-flast img:hover{transform:scale(1.15)}

/* ---- sauberer Last-Post-Block ---- */
.dg-lastpost{display:flex;flex-direction:column;gap:3px;min-width:0;padding-left:14px;border-left:2px solid var(--dg-line-2)}
.dg-lp-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--dg-muted)}
.dg-lp-title{font-weight:600;font-size:13.5px;color:var(--dg-txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.dg-lp-title:hover{color:var(--dg-blue)}
.dg-lp-meta{font-size:12px;color:var(--dg-muted);display:flex;align-items:center;gap:6px}
.dg-lp-meta i{font-style:normal;opacity:.5}
.dg-lp-meta a{font-weight:700;background:linear-gradient(90deg,var(--dg-blue),var(--dg-purple),var(--dg-teal),var(--dg-amber),var(--dg-red),var(--dg-blue));
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dgHue 8s linear infinite}

/* ---- neuer Footer ---- */
.dg-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:6px 0 14px}
.dg-footer-brand{max-width:420px}
.dg-footer-txt{margin:10px 0 0;font-size:13px;color:var(--dg-muted)}
.dg-footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.dg-footer-links a{color:var(--dg-txt-2);font-size:13.5px;transition:.15s}
.dg-footer-links a:hover{color:var(--dg-blue)}
.dg-footer-bottom{border-top:1px solid var(--dg-line);padding-top:14px;font-size:12.5px;color:var(--dg-muted)}
.dg-footer-bottom b{color:var(--dg-txt)}
.dg-footer-bottom a{color:var(--dg-blue)}

/* ---- Slider-Bilder: setze background-image am .dg-art je Slide ---- */
.dg-slide .dg-art{background-size:cover;background-position:center;background-repeat:no-repeat}

/* ---- Shoutbox: bewegte Punkte (Typing) ---- */
.dg-typing{display:inline-flex;gap:4px;align-items:center}
.dg-typing i{width:6px;height:6px;border-radius:50%;background:var(--dg-blue);animation:dgDot 1.2s infinite ease-in-out}
.dg-typing i:nth-child(2){animation-delay:.15s;background:var(--dg-purple)}
.dg-typing i:nth-child(3){animation-delay:.3s;background:var(--dg-teal)}
@keyframes dgDot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}

/* ---- responsive ---- */
@media (max-width:1080px){
  .dg-home{grid-template-columns:1fr}
  .dg-side{position:static;flex-direction:row;flex-wrap:wrap}
  .dg-side>*{flex:1;min-width:240px}.dg-dt{flex:1 1 100%}
  .dg-stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .dg-srv{grid-template-columns:34px 1.4fr 110px}.dg-srv .col-slot,.dg-srv .col-map{display:none}
  .dg-forum{grid-template-columns:46px 1fr;row-gap:6px}.dg-forum .dg-fnum,.dg-forum .dg-flast{display:none}
  .dg-slide h2{font-size:24px}.dg-slide{padding:0 24px}.dg-dots{left:24px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important}
  .dg-forum{opacity:1;transform:none}
}

/* =====================================================================
   MyBB-DEFAULT GLOBAL-SKIN  (Forum, Threads, Mitglieder, Profil, Editor)
   Färbt die Standard-MyBB-Elemente auf das Devils-Lila/Magenta.
   Gilt automatisch auf allen Seiten, nicht nur der Startseite.
   ===================================================================== */

/* ---- Header / Logo / oberes Menü ---- */
#header{padding:16px 0 0}
.logo{padding:0 0 10px}
.menu{background:transparent;border:none}
.menu ul{display:flex;flex-wrap:wrap;gap:4px;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:12px;padding:6px;list-style:none;box-shadow:var(--dg-shadow)}
.menu ul li{border:none!important;background:none!important}
.menu ul li a{display:inline-block;padding:9px 14px;border-radius:9px;color:var(--dg-txt-2)!important;font-weight:500;text-decoration:none;transition:.18s;background:none}
.menu ul li a:hover{color:#fff!important;background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple))}
/* obere Gast/User-Leiste + Suche */
#panel{background:var(--dg-panel)!important;border:1px solid var(--dg-line)!important;border-radius:12px;color:var(--dg-txt-2)!important;box-shadow:var(--dg-shadow)}
#panel a,.welcomeblock a{color:var(--dg-blue)!important}
.welcomeblock{color:var(--dg-txt-2)}

/* ---- Breadcrumb / Navigation ---- */
.navigation{color:var(--dg-muted)}
.navigation a{color:var(--dg-blue)}
.navigation .active{color:var(--dg-txt)}

/* ---- Tabellen / Foren / Threads (das Herz von MyBB) ---- */
.tborder{background:transparent!important;border:1px solid var(--dg-line)!important;border-radius:14px!important;overflow:hidden;box-shadow:var(--dg-shadow)}
.thead{background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple))!important;color:#fff!important;border:none!important;text-shadow:none}
.thead a,.thead strong{color:#fff!important}
.tcat{background:var(--dg-panel-2)!important;color:var(--dg-txt)!important;border:none!important;border-top:1px solid var(--dg-line)!important}
.tcat a,.tcat strong{color:var(--dg-txt)!important}
.trow1{background:var(--dg-panel)!important}
.trow2{background:color-mix(in srgb,var(--dg-panel) 80%, var(--dg-panel-2))!important}
.trow1,.trow2,.trow_shaded{color:var(--dg-txt-2)!important;border-color:var(--dg-line)!important}
.trow1:hover,.trow2:hover{background:inherit}
.trow_shaded{background:color-mix(in srgb,var(--dg-red) 12%, var(--dg-panel))!important}
.tfoot{background:var(--dg-panel-2)!important;color:var(--dg-txt-2)!important;border:none!important;border-top:1px solid var(--dg-line)!important}
.tfoot a{color:var(--dg-blue)!important}
.theadtext,.tcattext{color:#fff!important}
.smalltext,.smalltext a{color:var(--dg-muted)}

/* Links allgemein im Content */
#content a{color:var(--dg-blue)}
#content a:hover{color:var(--dg-magenta)}

/* ---- Buttons ---- */
.button,input.button,button.button,a.button,input[type=submit],input[type=button],.bbcodes input{
  background:linear-gradient(135deg,var(--dg-blue),var(--dg-blue-d))!important;color:#fff!important;
  border:none!important;border-radius:9px!important;padding:9px 16px!important;font-weight:600!important;cursor:pointer;
  box-shadow:0 6px 16px -8px color-mix(in srgb,var(--dg-blue) 80%,transparent);transition:.2s;text-shadow:none}
.button:hover,input.button:hover,button.button:hover,a.button:hover,input[type=submit]:hover{filter:brightness(1.08);transform:translateY(-1px)}
/* "Neues Thema / Antworten"-Buttons (oft Bilder) -> als farbige Pills */
a[href*="newthread"],a[href*="newreply"]{filter:hue-rotate(0)}

/* ---- Eingabefelder / Selects ---- */
input.textbox,textarea.textbox,select,input[type=text],input[type=password],input[type=email],textarea{
  background:var(--dg-panel-2)!important;border:1px solid var(--dg-line-2)!important;color:var(--dg-txt)!important;border-radius:9px!important}
input.textbox:focus,textarea.textbox:focus,input[type=text]:focus,textarea:focus{
  border-color:var(--dg-blue)!important;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--dg-blue) 25%,transparent)!important}

/* ---- Postbit (Beiträge im Thread) ---- */
.post{background:var(--dg-panel)!important;border:1px solid var(--dg-line)!important;border-radius:14px!important;box-shadow:var(--dg-shadow);overflow:hidden;margin-bottom:16px}
.post .post_author{border-bottom:1px solid var(--dg-line)!important;background:var(--dg-panel-2)!important}
.post_author{color:var(--dg-txt)}
.post_body,.post_content{color:var(--dg-txt-2)!important}
.author_information strong a{color:var(--dg-blue)!important;font-weight:700}
.post_management_buttons,.postbit_buttons{background:var(--dg-panel-2)!important;border-top:1px solid var(--dg-line)!important}
.post_management_buttons a,.postbit_buttons a{color:var(--dg-txt-2)!important}
.post_management_buttons a:hover,.postbit_buttons a:hover{color:var(--dg-blue)!important}
.trow_post_content,.post_content blockquote,blockquote{background:var(--dg-panel-2)!important;border-left:3px solid var(--dg-blue)!important;border-radius:8px;color:var(--dg-txt-2)}

/* ---- Seitenzahlen / Pagination ---- */
.pagination a,.pagination .pagination_current,.pages a{
  background:var(--dg-panel)!important;border:1px solid var(--dg-line)!important;color:var(--dg-txt-2)!important;
  border-radius:8px!important;padding:6px 11px!important;margin:0 2px;text-decoration:none;display:inline-block}
.pagination .pagination_current{background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple))!important;color:#fff!important;border:none!important}
.pagination a:hover{border-color:var(--dg-blue)!important;color:var(--dg-blue)!important}

/* ---- Editor (SCEditor) an die Farben anpassen ---- */
.sceditor-container,.sceditor-container textarea{background:var(--dg-panel-2)!important;color:var(--dg-txt)!important;border-radius:0 0 10px 10px}
div.sceditor-toolbar{background:var(--dg-panel)!important;border-bottom:1px solid var(--dg-line)!important}
.sceditor-button{border-radius:6px}

/* ---- Profil / Mitglieder-Boxen erben die .tborder/.trow-Styles automatisch ---- */
.profile_blocks .tborder,.usercp_nav,.float_left .tborder{border-radius:12px!important}

/* ---- Notices / Fehlermeldungen ---- */
.error,.validation_error{background:color-mix(in srgb,var(--dg-red) 14%,var(--dg-panel))!important;border:1px solid var(--dg-red)!important;color:var(--dg-txt)!important;border-radius:10px}
.inline_message,.notice{background:var(--dg-panel-2)!important;border:1px solid var(--dg-line-2)!important;color:var(--dg-txt-2)!important;border-radius:10px}

/* ===== HEADER: dunkel + dein Logo zentriert ===== */
#header{background:transparent !important;text-align:center;padding:22px 0 8px !important;border:none !important}
#header .logo{background:none !important;float:none !important;display:block;text-align:center;
  padding:0 !important;margin:0 auto 12px !important;width:auto !important;height:auto !important;border:none !important}
#header .logo a{display:inline-block}
#header .logo img{max-height:120px;width:auto !important;height:auto !important;
  filter:drop-shadow(0 6px 22px color-mix(in srgb,var(--dg-purple) 55%,transparent))}
/* Menü mittig unter dem Logo */
#header .menu{display:flex;justify-content:center}
#header .menu ul{margin:0 auto}
/* User-/Suchleiste mittig & schmaler */
#header #panel{max-width:1100px;margin:8px auto 0}

/* ===== FOOTER: weißen MyBB-Default-Footer dunkel machen ===== */
.footer{background:transparent !important;border:none !important;color:var(--dg-txt-2) !important}
.footer .upper,.footer .lower,.footer_themeselector,#footer{
  background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;
  border-radius:12px !important;color:var(--dg-txt-2) !important;box-shadow:var(--dg-shadow)}
.footer a,#footer a{color:var(--dg-blue) !important}
.footer ul.menu,.bottommenu{background:transparent !important}
.footer select,.footer input.button,.footer_themeselector select{
  background:var(--dg-panel-2) !important;color:var(--dg-txt) !important;
  border:1px solid var(--dg-line-2) !important;border-radius:8px !important}
.footer .lower{margin-top:8px}

/* ===== RESPONSIVE / MOBIL (gilt auf allen Seiten) ===== */
@media (max-width:980px){
  #container{width:96% !important}
  #header{padding:14px 0 6px !important}
  #header .logo img{max-height:84px}
  #header .menu ul{flex-wrap:wrap;justify-content:center}
  #header #panel{max-width:96%}
  .dg-stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  #container{width:100% !important;padding:0 10px !important}
  #header .logo img{max-height:62px}
  .menu ul li a{padding:7px 10px;font-size:13px}
  #panel,.welcomeblock{font-size:12px}
  .dg-stats-grid{grid-template-columns:1fr}
  .button,input.button,a.button,input[type=submit],input[type=button]{padding:8px 12px !important;font-size:13px}
  .tborder{overflow-x:auto}              /* breite Tabellen horizontal scrollen statt überlaufen */
  .footer select{width:100% !important;margin:4px 0}
  .dg-slide h2{font-size:21px}
  .dg-sb .cb{max-height:300px}
}

/* =====================================================================
   EXTRAS  ·  Logo-Animation · Back-to-Top · breiteres Forum ·
   Welcome-Schimmer · Mitglieder/Profil · Footer-Band
   ===================================================================== */

/* ---- Logo oben: sanftes Schweben + Glow-Puls ---- */
#header .logo a{position:relative;display:inline-block}
#header .logo img{animation:dgFloat 4.6s ease-in-out infinite}
@keyframes dgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
#header .logo a::after{content:"";position:absolute;left:50%;top:48%;width:240px;height:240px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,color-mix(in srgb,var(--dg-purple) 42%,transparent),transparent 70%);
  filter:blur(22px);z-index:-1;animation:dgGlowPulse 4.6s ease-in-out infinite;pointer-events:none}
@keyframes dgGlowPulse{0%,100%{opacity:.4}50%{opacity:.85}}

/* ---- Forum breiter, Sidebar etwas schmaler ---- */
#container{max-width:1440px !important}
.dg-home{grid-template-columns:minmax(0,1fr) 288px}

/* ---- Back-to-Top Button ---- */
#dgTop{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:14px;border:1px solid var(--dg-line-2);
  background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple));color:#fff;cursor:pointer;z-index:140;
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);
  transition:.25s;box-shadow:0 10px 26px -10px color-mix(in srgb,var(--dg-purple) 80%,transparent)}
#dgTop.show{opacity:1;visibility:visible;transform:translateY(0)}
#dgTop:hover{filter:brightness(1.1);transform:translateY(-3px)}

/* ---- "Willkommen neuestes Mitglied" – Schimmer ---- */
.dg-welcome{position:relative;overflow:hidden}
.dg-welcome::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;
  background:linear-gradient(120deg,transparent,color-mix(in srgb,#fff 18%,transparent),transparent);
  transform:skewX(-18deg);animation:dgShine 5s ease-in-out infinite;pointer-events:none}
@keyframes dgShine{0%,72%{left:-130%}100%{left:150%}}

/* ---- Mitglieder-/Profilseiten ---- */
.memberlist .trow1,.memberlist .trow2{transition:.18s}
.memberlist .trow1:hover,.memberlist .trow2:hover{background:var(--dg-panel-2) !important}
.profile_blocks,.profile_block,.usercp_container{border-radius:14px}
.usercp_nav_item,.usercp_nav a{border-radius:8px}
.author_avatar img,.post_author .author_avatar img{border-radius:12px;border:2px solid var(--dg-line-2)}

/* ---- Footer-Beschreibungsband (GameServer-Install) ---- */
.dg-footer-desc{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;
  background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:16px;padding:26px 30px;margin:30px 0 14px;box-shadow:var(--dg-shadow)}
.dg-footer-desc .col{max-width:620px}
.dg-footer-desc h4{margin:0 0 10px;color:var(--dg-txt);font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.dg-footer-desc p{margin:0;color:var(--dg-txt-2);font-size:13.5px;line-height:1.7}
.dg-footer-desc .links{display:flex;flex-direction:column;gap:8px;min-width:170px}
.dg-footer-desc .links a{color:var(--dg-txt-2);text-decoration:none;display:flex;align-items:center;gap:8px;transition:.15s}
.dg-footer-desc .links a:hover{color:var(--dg-blue)}
.dg-footer-desc .links a::before{content:"»";color:var(--dg-blue)}
@media (max-width:600px){.dg-footer-desc{padding:20px}}

/* =====================================================================
   HEADER · KORREKTE MyBB-Default-Selektoren (#logo, ul.menu.top_links, #panel)
   Ersetzt die früheren (falsch gezielten) Header-Regeln.
   ===================================================================== */
#header{background:transparent !important;text-align:center;padding:22px 0 6px !important;border:none !important}

/* Logo-Bereich: Logo + Navi zentriert untereinander */
#logo{background:none !important;border:none !important;padding:0 !important;height:auto !important}
#logo .wrapper{display:flex !important;flex-direction:column;align-items:center;gap:14px;max-width:1440px;width:95%;margin:0 auto;float:none !important}
#logo a:first-child{position:relative;display:inline-block;line-height:0}
#logo a:first-child img{max-height:120px;width:auto !important;height:auto !important;
  animation:dgFloat 4.6s ease-in-out infinite;
  filter:drop-shadow(0 6px 22px color-mix(in srgb,var(--dg-purple) 55%,transparent))}
#logo a:first-child::after{content:"";position:absolute;left:50%;top:48%;width:240px;height:240px;
  transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--dg-purple) 42%,transparent),transparent 70%);
  filter:blur(22px);z-index:-1;animation:dgGlowPulse 4.6s ease-in-out infinite;pointer-events:none}

/* Navigationsleiste (ul.menu.top_links) */
ul.menu.top_links{display:inline-flex !important;flex-wrap:wrap;justify-content:center;gap:4px;list-style:none;
  margin:0 !important;padding:6px !important;background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;
  border-radius:14px !important;box-shadow:var(--dg-shadow)}
ul.menu.top_links li{border:none !important;background:none !important;float:none !important;margin:0 !important;display:inline-block}
ul.menu.top_links li a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;
  color:var(--dg-txt-2) !important;font-weight:600;text-decoration:none;transition:.18s;background:none !important}
ul.menu.top_links li a:hover{color:#fff !important;background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple))}

/* Panel: "Hallo Gast / Anmelden / Registrieren" + Suche */
#panel{background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;border-radius:14px !important;
  color:var(--dg-txt-2) !important;box-shadow:var(--dg-shadow);max-width:1440px;width:95%;margin:14px auto 0 !important}
#panel .upper{background:transparent !important;border:none !important;margin:0 !important}
#panel .wrapper{display:flex !important;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:10px 16px !important;max-width:none;width:auto;float:none !important}
#panel a{color:var(--dg-blue) !important}
#panel .welcomeblock{color:var(--dg-txt-2) !important;margin:0 !important;padding:0 !important;background:none !important}
#panel form{display:flex;align-items:center;gap:8px;margin:0}
#panel input.textbox{min-width:200px;margin:0}

/* =====================================================================
   FEINSCHLIFF · panel.lower · Logo statisch · Scrollbar · BG-Raster
   ===================================================================== */

/* ---- #panel .lower (Admin/PM-Leiste – war hellgrau #efefef) ---- */
#panel .lower{background:var(--dg-panel-2) !important;color:var(--dg-txt-2) !important;
  border-top:1px solid var(--dg-line) !important;border-bottom:none !important;
  padding:9px 16px !important;border-radius:0 0 14px 14px}
#panel .lower a{color:var(--dg-blue) !important}
#panel .lower .wrapper{max-width:none;width:auto;float:none;padding:0;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
/* das Panel als Ganzes ohne Innen-Padding, damit upper/lower sauber sitzen */
#panel{padding:0 !important;overflow:hidden}

/* ---- Logo: KEINE Bewegung mehr (nur ruhiger Glow) ---- */
#logo a:first-child img{animation:none !important}
#logo a:first-child::after{animation:none !important;opacity:.5}

/* ---- Custom Scrollbar ---- */
*{scrollbar-width:thin;scrollbar-color:var(--dg-purple) var(--dg-panel)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:var(--dg-bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--dg-blue),var(--dg-purple));border-radius:10px;border:3px solid var(--dg-bg)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--dg-purple),var(--dg-blue))}

/* ---- dezentes Hintergrund-Raster (fade nach unten) ---- */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(color-mix(in srgb,var(--dg-purple) 8%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--dg-purple) 8%,transparent) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(circle at 50% -10%,#000,transparent 75%);
          mask-image:radial-gradient(circle at 50% -10%,#000,transparent 75%)}

/* ---- Footer-Logo (Bild oben im Beschreibungsband) ---- */
.dg-footer-desc .col img.dg-flogo{max-height:54px;width:auto;margin-bottom:12px;
  filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--dg-purple) 50%,transparent))}

/* ===== KOMPLETTER FOOTER (neue Struktur) ===== */
#footer{background:transparent !important;border:none !important;margin-top:24px;padding:0 !important}
#footer .container{width:95%;max-width:1440px;margin:0 auto}
.dg-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:14px;padding:12px 18px;margin-bottom:10px;box-shadow:var(--dg-shadow)}
.dg-footer-bottom .bottom_links{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
.dg-footer-bottom .bottom_links li{margin:0;border:none;background:none}
.dg-footer-bottom a{color:var(--dg-txt-2) !important;text-decoration:none}
.dg-footer-bottom a:hover{color:var(--dg-blue) !important}
.dg-fb-left{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dg-footer-bottom select{background:var(--dg-panel-2) !important;color:var(--dg-txt) !important;
  border:1px solid var(--dg-line-2) !important;border-radius:8px !important;padding:5px 8px}
.dg-footer-bottom input.button{padding:6px 12px !important}
.dg-copy{text-align:center;color:var(--dg-muted);font-size:12.5px;padding:6px 0 2px;line-height:1.8}
.dg-copy a{color:var(--dg-blue) !important}
.dg-copy b{color:var(--dg-txt)}
.dg-copy #current_time{display:block;color:var(--dg-muted);margin-bottom:2px}
@media (max-width:600px){.dg-footer-bottom{flex-direction:column;align-items:flex-start}}

/* ===== Preloader-Sicherheitsnetz: blendet auch OHNE Script nach 2,2s aus ===== */
.dg-pre{animation:dgPreAuto .4s ease 2.2s forwards}
@keyframes dgPreAuto{to{opacity:0;visibility:hidden;pointer-events:none}}
.dg-pre.hide{opacity:0;visibility:hidden;pointer-events:none}

/* =====================================================================
   POLISH · Logo-Wackeln (Hover) · Avatare · Forum-Hover · BG-Glow · Layout
   ===================================================================== */

/* ---- Logo wackelt beim Drüberfahren (oben + Footer) ---- */
@keyframes dgShake{
  0%,100%{transform:translateX(0) rotate(0)}
  15%{transform:translateX(-4px) rotate(-3deg)}
  30%{transform:translateX(4px) rotate(3deg)}
  45%{transform:translateX(-3px) rotate(-2deg)}
  60%{transform:translateX(3px) rotate(2deg)}
  75%{transform:translateX(-2px) rotate(-1deg)}
}
#logo a:first-child:hover img,
.dg-footer-desc .col:hover .dg-flogo{animation:dgShake .5s ease}

/* ---- Avatare / User-Icons animiert (Postbit, letzter Beitrag, Shoutbox) ---- */
.author_avatar img,.lastpost img,.dg-sb img,.post_author img,.eninfo img{transition:.2s ease}
.author_avatar img:hover,.lastpost img:hover,.dg-sb img:hover,.post_author img:hover{
  transform:scale(1.08) rotate(-2deg);
  box-shadow:0 0 0 2px var(--dg-blue),0 10px 22px -6px color-mix(in srgb,var(--dg-purple) 70%,transparent)}

/* ---- Forum-Zeilen: sanftes Anheben + Akzentkante beim Hover ---- */
.trow1,.trow2{position:relative}
.tborder .trow1:hover,.tborder .trow2:hover{box-shadow:none}

/* ---- Layout robuster: nichts läuft über, Sidebar/Forum sauber getrennt ---- */
#forums,#forums>*,#forums .tborder{min-width:0;max-width:100%}
.dg-side{min-width:0}
.dg-side>*{max-width:100%;box-sizing:border-box}
.dg-dt{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dg-dt>*{min-width:0}

/* ---- animierter Hintergrund-Glow (dezent, global) ---- */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.7;
  background:
    radial-gradient(440px 440px at 18% 28%, color-mix(in srgb,var(--dg-blue) 13%,transparent), transparent 70%),
    radial-gradient(520px 520px at 86% 72%, color-mix(in srgb,var(--dg-purple) 13%,transparent), transparent 70%);
  animation:dgBgFloat 20s ease-in-out infinite alternate}
@keyframes dgBgFloat{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-34px,0)}}

/* =====================================================================
   FIX · Sidebar-Überlappung · Discord/TS stapeln · Logo-Wackeln · Shoutbox
   ===================================================================== */

/* Forum strikt in Spalte 1, Sidebar strikt in Spalte 2, nichts läuft über */
.dg-home{align-items:start}
.dg-home > #forums,.dg-home > .forums{grid-column:1 !important;min-width:0;max-width:100%;overflow:hidden}
.dg-home > .dg-side{grid-column:2 !important;min-width:0;align-self:start}

/* Discord/TeamSpeak UNTEREINANDER -> Button-Text nicht mehr abgeschnitten */
.dg-dt{grid-template-columns:1fr !important;gap:12px !important}

/* Logo wackelt links/rechts beim Drüberfahren (Header + Footer) */
@keyframes dgWiggle{0%,100%{transform:translateX(0)}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}
  45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
#logo a:first-child:hover img{animation:dgWiggle .55s ease}
.dg-footer-desc .col img.dg-flogo{transition:.2s;cursor:pointer}
.dg-footer-desc .col img.dg-flogo:hover{animation:dgWiggle .55s ease}

/* Shoutbox kompakter (DVZ) */
.dg-sb .cb{padding:10px 14px !important}
.dg-sb .dvz-sb__messages,.dg-sb #shoutbox_messages{max-height:230px}
.dg-sb .dvz-sb__message,.dg-sb .shoutbox_message,.dg-sb li{display:flex !important;align-items:flex-start;gap:9px;
  padding:6px 0 !important;border-bottom:1px solid var(--dg-line) !important}
.dg-sb .dvz-sb__message img,.dg-sb .shoutbox_message img,.dg-sb li img{
  width:30px !important;height:30px !important;border-radius:8px;flex:0 0 auto;margin:0 !important}
.dg-sb .dvz-sb__message > div,.dg-sb .dvz-sb__body{min-width:0;font-size:13px;line-height:1.35}
.dg-sb .dvz-sb__date,.dg-sb .shoutbox_date{font-size:11px;color:var(--dg-muted)}

/* =====================================================================
   Kategorie-Header + Unterforen-Links + Logo-Animation oben
   ===================================================================== */

/* Unterforen-Links unter einem Forum -> als Pills */
.subs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:12px;color:var(--dg-muted)}
.subs strong{color:var(--dg-txt-2);font-weight:600;margin-right:2px}
.subs a{display:inline-block;padding:3px 10px;border-radius:8px;background:var(--dg-panel-2);
  border:1px solid var(--dg-line);color:var(--dg-txt-2) !important;text-decoration:none;font-size:11.5px;transition:.15s}
.subs a:hover{border-color:var(--dg-blue);color:var(--dg-blue) !important;transform:translateY(-1px)}

/* Kategorie-Header aufgefrischt */
.dg-cat-head .dg-eb2{display:inline-block;padding:4px 11px;border-radius:8px;
  background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple));color:#fff !important;
  font-size:10.5px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;box-shadow:0 4px 14px -6px color-mix(in srgb,var(--dg-purple) 80%,transparent)}
.dg-cat-head h3{text-shadow:0 0 18px color-mix(in srgb,var(--dg-blue) 55%,transparent)}
.dg-cat-head .ln{height:2px !important;background:linear-gradient(90deg,var(--dg-blue),var(--dg-magenta),transparent) !important;
  box-shadow:0 0 12px color-mix(in srgb,var(--dg-magenta) 65%,transparent)}

/* Logo OBEN: ruhiger Glow-Puls (Bild bewegt sich nicht) + Wackeln nur beim Hover */
#logo a:first-child::after{animation:dgGlowPulse 3.8s ease-in-out infinite !important;opacity:.5}
#logo a:hover img{animation:dgWiggle .55s ease}

/* =====================================================================
   Footer-Logo größer · Login-Popup/Modal dunkel · Redirect · Preloader
   ===================================================================== */

/* Footer-Logo größer */
.dg-footer-desc .col img.dg-flogo{max-height:82px}

/* Login-Popup / alle MyBB-Modals dunkel (weißer Rahmen weg) */
.modal,.modal_content,.modal_body,.php-modal,.thinwidth{
  background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;color:var(--dg-txt) !important;
  border-radius:16px !important;box-shadow:0 30px 80px -20px rgba(0,0,0,.8) !important}
.modal_title,.modal h3,.modal .modal_title{background:var(--dg-panel-2) !important;color:var(--dg-txt) !important;
  border:none !important;border-bottom:1px solid var(--dg-line) !important;border-radius:16px 16px 0 0 !important}
.modal a{color:var(--dg-blue) !important}
.modal input.textbox{background:var(--dg-panel-2) !important;border:1px solid var(--dg-line-2) !important;color:var(--dg-txt) !important}
.modal_overlay,.ui-widget-overlay,.loading_overlay{background:rgba(8,6,18,.72) !important}

/* Weiterleitungsseite (redirect) */
.redirect,.redirect_pause{color:var(--dg-txt-2)}

/* Preloader: erscheint, blendet sich nach 2,4s sicher aus */
.dg-pre{animation:dgPreAuto .45s ease 2.4s forwards}

/* "Wer ist online" + Werbeplatz-Box in der Sidebar sauberer */
.dg-side .dg-card .smalltext,.dg-side .dg-card{font-size:12.5px;line-height:1.5}
.dg-ad,.dg-side .dg-ad{text-align:center}

/* Discord-Widget (falls eingebunden) */
.dg-discord-widget iframe{width:100% !important;border:none;border-radius:12px;display:block;min-height:300px}

/* =====================================================================
   Footer: Schnelle Links 2-spaltig + Logo größer · Abstände
   ===================================================================== */

/* Footer-Logo größer */
.dg-footer-desc .col img.dg-flogo{max-height:100px}

/* Schnelle Links in 2 Spalten */
.dg-footer-desc .links{display:grid;grid-template-columns:repeat(2,auto);gap:8px 26px;align-content:start;min-width:230px}
.dg-footer-desc .links strong{grid-column:1 / -1;margin-bottom:4px}

/* Abstand Shoutbox -> Forum, damit nichts ineinander drückt */
.dg-sb{margin-bottom:22px}
.dg-home{margin-top:6px}
/* "Sidebar ausblenden"-Button etwas Luft */
.dg-side-collapse{margin-bottom:4px}

/* Discord/TeamSpeak-Karten: sauber in der Sidebar, kein Überlauf rechts */
.dg-side .dg-dt{width:100%}
.dg-side .dg-dt > *{min-width:0;overflow:hidden}
.dg-side .dg-dt .dg-cta,.dg-side .dg-dt a.btn{white-space:nowrap;font-size:13px;padding:8px 6px}

/* =====================================================================
   SHOUTBOX sauber + klappbar · SIDEBAR kein Überlauf · RESPONSIVE
   ===================================================================== */

/* ---- Shoutbox: Bilder zähmen, Linien, Abstände, Eingabe sichtbar ---- */
.dg-sb .ch{cursor:pointer;user-select:none}
.dg-sb .ch::after{content:"▾";margin-left:10px;transition:.2s;color:var(--dg-txt-2)}
.dg-sb.dg-collapsed .ch::after{display:inline-block;transform:rotate(-90deg)}
.dg-sb.dg-collapsed .cb{display:none}
.dg-sb .cb img{max-width:130px !important;max-height:130px !important;height:auto !important;border-radius:8px}
.dg-sb .dvz-sb__avatar img,.dg-sb .cb li > a:first-child img,.dg-sb .dvz-sb__message > a img{
  width:30px !important;height:30px !important;object-fit:cover;border-radius:8px;flex:0 0 auto}
.dg-sb .dvz-sb__message,.dg-sb .shoutbox_message,.dg-sb .cb li{display:flex !important;gap:9px;align-items:flex-start;
  padding:8px 2px !important;border-bottom:1px solid var(--dg-line) !important;margin:0 !important}
.dg-sb .dvz-sb__messages,.dg-sb #shoutbox_messages{max-height:240px;overflow-y:auto}
.dg-sb input[type=text],.dg-sb textarea,.dg-sb .dvz-sb__input{width:100% !important;background:var(--dg-panel-2) !important;
  border:1px solid var(--dg-blue) !important;color:var(--dg-txt) !important;border-radius:10px !important;padding:10px 12px !important;margin-top:8px}
.dg-sb ::placeholder{color:var(--dg-muted);opacity:1}

/* ---- Sidebar: nichts läuft rechts raus ---- */
.dg-side,.dg-side *{max-width:100%}
.dg-side .dg-dt{grid-template-columns:1fr !important;gap:12px !important}
.dg-side .dg-btn,.dg-side .dg-connect{display:block;width:100%;box-sizing:border-box;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-side .dg-card{overflow:hidden;word-wrap:break-word}

/* ---- RESPONSIVE / MOBIL (wichtig) ---- */
@media (max-width:900px){
  .dg-home{grid-template-columns:1fr !important}
  .dg-side{position:static !important;width:100%}
  .dg-side .dg-dt{grid-template-columns:1fr 1fr !important}
  #panel .wrapper{flex-direction:column;align-items:stretch;gap:8px}
  #panel form{width:100%}#panel input.textbox{min-width:0;width:100%}
  .dg-console{overflow-x:auto}
}
@media (max-width:560px){
  .dg-stats-grid{grid-template-columns:1fr 1fr}
  .dg-srv .col-map{display:none !important}
  ul.menu.top_links{width:100%;justify-content:center}
  #logo a:first-child img{max-height:68px}
  .dg-side .dg-dt{grid-template-columns:1fr !important}
}

/* =====================================================================
   Animierter Hintergrund (alle Seiten) · Forum-Button · Logo-Hover
   ===================================================================== */

/* sanft driftende Leucht-Kugeln hinter allem (global) */
body::after{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(420px 420px at 18% 25%, color-mix(in srgb,var(--dg-blue) 20%,transparent), transparent 70%),
    radial-gradient(480px 480px at 82% 30%, color-mix(in srgb,var(--dg-purple) 20%,transparent), transparent 70%),
    radial-gradient(520px 520px at 60% 88%, color-mix(in srgb,var(--dg-magenta) 15%,transparent), transparent 72%);
  filter:blur(34px);animation:dgBgDrift 26s ease-in-out infinite alternate}
@keyframes dgBgDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}100%{transform:translate3d(-2%,2%,0) scale(1)}}

/* "Forum"-Button (Home) hervorgehoben als erster Nav-Punkt */
ul.menu.top_links li a.home{background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple)) !important;color:#fff !important;font-weight:700}
ul.menu.top_links li a.home:hover{filter:brightness(1.1)}

/* Logo-Hover sicher (Bild wackelt beim Drüberfahren) */
#logo a img{transition:filter .2s}
#logo a:hover img{animation:dgWiggle .55s ease}

/* =====================================================================
   DVZ-SHOUTBOX · echte Klassen (.shout / .dvz__) · Look wie Referenz
   ===================================================================== */
.dg-sb .cb{padding:6px 12px !important}
.dg-sb .dvz{margin-bottom:0}
.dg-sb .dvz .container{padding:6px 4px}
.dg-sb .dvz .window{height:300px;overflow-y:auto;padding:0 8px;margin-right:-8px}
.dg-sb .dvz .entries{margin-bottom:12px}

/* einzelne Nachricht */
.dg-sb .shout{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
  margin-top:0 !important;padding:9px 0 !important;border-bottom:1px solid var(--dg-line) !important}
.dg-sb .shout:last-child{border-bottom:none !important}
.dg-sb .shout__avatar{height:38px;width:38px;flex:0 0 38px}
.dg-sb .shout__avatar img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;
  border-radius:50% !important;object-fit:cover}
.dg-sb .shout__container{flex:1;min-width:0;margin-left:12px !important;display:flex;align-items:flex-start}
.dg-sb .shout__the-message{flex:1 1 auto;min-width:0;word-break:break-word;
  background:var(--dg-panel-2) !important;padding:10px 14px !important;border-radius:10px;position:relative;color:var(--dg-txt)}
.dg-sb .shout__the-message:before{content:'';left:-9px;top:16px;position:absolute;width:0;height:0;
  border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:9px solid var(--dg-panel-2) !important}
.dg-sb .shout__the-message .text{margin-top:4px;color:var(--dg-txt-2)}
.dg-sb .shout__the-message a{color:var(--dg-blue);font-weight:700}

/* rechts: E/X-Buttons + Datum */
.dg-sb .shout .info{text-align:center;padding-left:12px;flex:0 0 auto;white-space:nowrap}
.dg-sb .shout .info a:not(:last-child){background:var(--dg-blue);display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-weight:bold;height:16px;width:16px;font-size:9px;border-radius:4px;margin:0 2px;transition:.3s}
.dg-sb .shout .info a:not(:last-child):hover{opacity:.7}
.dg-sb .shout .info > *:last-child{display:block;color:var(--dg-muted);font-size:11px;margin-top:5px}

/* Eingabe + Sende-Button */
.dg-sb .dvz__send-container{border:1px solid var(--dg-line-2);display:flex;justify-content:space-between;align-items:center;
  border-radius:10px;padding:10px 14px;background:var(--dg-panel-2);margin-top:10px}
.dg-sb .dvz__input{flex:1;max-height:44px;overflow-y:auto;resize:none;color:var(--dg-txt) !important;
  border:0 !important;margin:0;background:none !important;padding:0;box-shadow:none !important}
.dg-sb .dvz__input:focus{border:0 !important;box-shadow:none !important}
.dg-sb .dvz__button{background:none !important;border:none !important;color:var(--dg-blue) !important;cursor:pointer;
  font-size:18px;display:flex;align-items:center;padding:0 4px}
.dg-sb .dvz .headline .close{margin-left:auto}

/* =====================================================================
   POSTBIT-BUTTONS (Bearbeiten/Löschen/Zitieren/Multi-Zitat) + Such-Inputs
   weg vom weißen MyBB-Standard -> dunkle Text-Buttons im Design
   ===================================================================== */
.postbit_buttons,.post_controls,.post_management_buttons,.post_meta{background:transparent !important;border:none !important}
.postbit_buttons a,.postbit_buttons a.button,.post_controls a,.post_controls a.button,
.post_management_buttons a,.post_management_buttons a.button,ul.postbit_buttons li a,
.post .postbit_buttons .button{
  background:var(--dg-panel-2) !important;background-image:none !important;
  border:1px solid var(--dg-line) !important;color:var(--dg-txt-2) !important;
  border-radius:8px !important;padding:7px 13px !important;text-indent:0 !important;
  font-size:12.5px !important;font-weight:600 !important;box-shadow:none !important;
  width:auto !important;height:auto !important;line-height:1.2 !important;display:inline-block}
.postbit_buttons a:hover,.post_controls a:hover,.post_management_buttons a:hover{
  border-color:var(--dg-blue) !important;color:var(--dg-blue) !important;background:var(--dg-panel) !important}

/* Such-/Eingabefelder im Beitrag dunkel (waren weiß) */
.post input.textbox,.post_management_buttons input.textbox,#search_thread input,
input[name="keywords"],.thread_search input{
  background:var(--dg-panel-2) !important;border:1px solid var(--dg-line-2) !important;
  color:var(--dg-txt) !important;border-radius:8px !important}

/* leere weiße Such-Pille links im Button-Block */
.post_management_buttons,.postbit_find{background:transparent !important}

/* =====================================================================
   Feinschliff: Footer-Leerraum · Shoutbox E/X · Sidebar-Buttons ·
   Portal-Boxen · Logo-Hover
   ===================================================================== */

/* Footer-Band: kein riesiger Leerraum (Inhalt zusammen, zentriert) */
.dg-footer-desc{justify-content:center !important;gap:64px}
.dg-footer-desc .col{flex:1 1 460px;max-width:640px}
.dg-footer-desc .links{flex:0 0 auto}

/* Shoutbox: E/X-Buchstaben sichtbar, Scrollbar entschärfen */
.dg-sb .shout .info a:not(:last-child){text-indent:0 !important;overflow:visible !important;color:#fff !important;
  text-decoration:none !important;line-height:16px}
.dg-sb .dvz .window{scrollbar-width:thin;scrollbar-color:var(--dg-blue) var(--dg-panel-2)}
.dg-sb .dvz .window::-webkit-scrollbar{width:8px}
.dg-sb .dvz .window::-webkit-scrollbar-thumb{background:var(--dg-blue);border:2px solid var(--dg-panel-2);border-radius:8px}

/* Sidebar-Buttons: Text mittig & sichtbar */
.dg-side .dg-btn{display:flex !important;align-items:center;justify-content:center;gap:6px;
  color:#fff !important;font-weight:700 !important;text-decoration:none;text-align:center}
.dg-side .dg-btn.ghost{color:var(--dg-blue) !important;background:var(--dg-panel-2) !important}

/* Portal/Beiträge: weiße Code-/Zitat-/Spoiler-Boxen dunkel */
.code,.codeblock,pre,.code_body,.quote_body,blockquote,.mycode_code,.spoiler_body,.codeheader{
  background:var(--dg-panel-2) !important;color:var(--dg-txt) !important;border:1px solid var(--dg-line) !important;border-radius:8px}

/* Logo-Hover robust */
#logo:hover img,#logo a:hover img{animation:dgWiggle .55s ease !important}

/* Portal: Zeilen-Hover deaktivieren (stört dort, in Foren bleibt er) */
body.portal .trow1:hover,body.portal .trow2:hover,body.portal .trow_shaded:hover{
  background:var(--dg-panel) !important}

/* =====================================================================
   Footer-Band Layout: Logo LINKS neben der Schrift, Links auf Höhe
   ===================================================================== */
.dg-footer-desc{align-items:center !important}
.dg-footer-desc .col{display:flex !important;flex-direction:row !important;align-items:center;gap:22px;
  flex:1 1 560px;max-width:760px;text-align:left}
.dg-footer-desc .col img.dg-flogo{flex:0 0 auto;margin:0 !important}
.dg-footer-desc .dg-ftext{flex:1;min-width:0}
.dg-footer-desc .dg-ftext h4{margin:0 0 8px}
.dg-footer-desc .links{align-self:center}
@media (max-width:760px){
  .dg-footer-desc .col{flex-direction:column !important;text-align:center;align-items:center}
  .dg-footer-desc{flex-direction:column}
}

/* Footer-Band linksbündig (alles nach links eingerückt) */
.dg-footer-desc{justify-content:flex-start !important;gap:48px;padding-left:22px}
.dg-footer-desc .col{flex:0 1 auto !important;max-width:660px}
.dg-footer-desc .dg-ftext h4,.dg-footer-desc .dg-ftext p{text-align:left}

/* =====================================================================
   MODERNES POSTBIT (dg-post) – Avatar+Online, Autor-Spalte, Buttons
   ===================================================================== */
.dg-post{display:flex !important;align-items:stretch;gap:0;overflow:hidden;padding:0 !important}
.dg-post .post_author.dg-pauthor{flex:0 0 215px;float:none !important;width:auto !important;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  padding:22px 16px;background:var(--dg-panel-2) !important;border-right:1px solid var(--dg-line);border-bottom:none !important}
.dg-post .post_content.dg-pcontent{flex:1;min-width:0;float:none !important;width:auto !important;padding:18px 22px;display:flex;flex-direction:column}

/* Avatar + Online-Punkt */
.dg-avatar-wrap{position:relative;display:inline-block;line-height:0}
.dg-avatar-wrap img,.dg-pauthor .author_avatar img,.dg-pauthor img.author_avatar{
  width:86px !important;height:86px !important;border-radius:16px !important;object-fit:cover;border:2px solid var(--dg-line-2) !important}
.dg-onlinedot{position:absolute;right:-3px;bottom:-3px;line-height:0}
.dg-onlinedot img{width:auto !important;height:auto !important;max-width:18px;border:none !important;border-radius:50%}

/* Autor-Infos */
.dg-pauthor-info{margin:0}
.dg-pauthor-info .largetext a{font-size:16px;font-weight:800}
.dg-utitle{display:block;color:var(--dg-muted);font-size:12px;margin-top:3px}
.dg-ustars{display:block;margin-top:6px}
.dg-ustars img{display:inline}
.dg-pstats{margin-top:10px;width:100%;font-size:12px;color:var(--dg-txt-2);line-height:1.7;border-top:1px solid var(--dg-line);padding-top:10px}
.dg-pstats .float_left,.dg-pstats .float_right{float:none !important;display:inline}

/* Kopf (Datum) */
.dg-phead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:11px;margin-bottom:13px;
  border-bottom:1px solid var(--dg-line);color:var(--dg-muted);font-size:12.5px}
.dg-phead a{color:var(--dg-txt) !important;font-weight:700}

/* Aktionen als ⋮-Menü unten rechts */
.post_controls.dg-pcontrols{display:flex !important;justify-content:flex-end;align-items:center;
  margin-top:auto;padding-top:16px;border-top:1px solid var(--dg-line);background:transparent !important}
.dg-actions{position:relative}
.dg-kebab{width:40px;height:40px;border-radius:11px;background:var(--dg-panel-2);border:1px solid var(--dg-line);
  color:var(--dg-txt);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.dg-kebab:hover{border-color:var(--dg-blue);color:var(--dg-blue);box-shadow:0 0 14px color-mix(in srgb,var(--dg-blue) 35%,transparent)}
.dg-menu{position:absolute;right:0;bottom:48px;min-width:200px;background:var(--dg-panel);border:1px solid var(--dg-line);
  border-radius:12px;box-shadow:var(--dg-shadow);padding:6px;display:none;flex-direction:column;gap:3px;z-index:60}
.dg-actions.open .dg-menu{display:flex;animation:dgMenuIn .16s ease}
@keyframes dgMenuIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dg-menu a,.dg-menu a.button{display:flex !important;align-items:center;gap:9px;width:100% !important;
  padding:9px 13px !important;border-radius:8px !important;background:transparent !important;background-image:none !important;
  border:none !important;color:var(--dg-txt-2) !important;text-align:left !important;justify-content:flex-start !important;
  font-size:13px !important;font-weight:600 !important;text-indent:0 !important;box-shadow:none !important}
.dg-menu a:hover{background:var(--dg-panel-2) !important;color:#fff !important}

/* weißer Streifen oben am Beitrag weg */
#posts hr,.post hr,.post_separator{display:none !important}
.dg-post{border:1px solid var(--dg-line) !important;margin-top:0}
.dg-post .post_author,.dg-post .post_content{border-top:none !important}

/* mobil: Autor oben, Inhalt drunter */
@media (max-width:680px){
  .dg-post{flex-direction:column}
  .dg-post .post_author.dg-pauthor{flex:none;flex-direction:row;justify-content:flex-start;text-align:left;
    border-right:none;border-bottom:1px solid var(--dg-line)}
  .dg-pstats{border-top:none;padding-top:0}
}

/* Footer: Schnelle Links einen Schritt nach rechts */
.dg-footer-desc .links{margin-left:42px}

/* Themabewertung: Sterne komplett in Ruhe lassen (MyBB-Grafik liegt im background!) */
.thread_rating{background:transparent !important;border:none !important}

/* Schnellantwort: störenden Zeilen-Hover raus (wie im Portal) */
#quick_reply_form .trow1:hover,#quick_reply_form .trow2:hover,
#quickreply .trow1:hover,#quickreply .trow2:hover,
.quick_reply .trow1:hover,.quick_reply .trow2:hover{background:var(--dg-panel) !important}

/* =====================================================================
   ANIMIERTER PREMIUM-HINTERGRUND: wanderndes Gitter + treibende Lichter
   ===================================================================== */
body::before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--dg-blue) 7%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--dg-purple) 7%,transparent) 1px,transparent 1px) !important;
  background-size:52px 52px !important;
  -webkit-mask-image:radial-gradient(ellipse 92% 78% at 50% 2%,#000,transparent 82%) !important;
          mask-image:radial-gradient(ellipse 92% 78% at 50% 2%,#000,transparent 82%) !important;
  animation:dgGridPan 38s linear infinite}
@keyframes dgGridPan{from{background-position:0 0,0 0}to{background-position:52px 52px,52px 52px}}

body::after{
  background:
    radial-gradient(460px 460px at 16% 22%, color-mix(in srgb,var(--dg-blue) 22%,transparent), transparent 70%),
    radial-gradient(520px 520px at 84% 30%, color-mix(in srgb,var(--dg-purple) 22%,transparent), transparent 70%),
    radial-gradient(560px 560px at 60% 90%, color-mix(in srgb,var(--dg-magenta) 16%,transparent), transparent 72%) !important;
  filter:blur(42px) !important;opacity:.85 !important;
  animation:dgBgDrift 24s ease-in-out infinite alternate !important}

/* =====================================================================
   Forum-Feinschliff: Gitter sichtbarer · Hover-Leuchten · leeres ⋮ weg
   ===================================================================== */

/* Gitter heller + sanfter Verlauf -> auch auf Forum-/Thread-Seiten sichtbar */
body::before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--dg-blue) 11%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--dg-purple) 11%,transparent) 1px,transparent 1px) !important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%) !important;
          mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%) !important}

/* Beitrag-Karte leuchtet beim Drüberfahren */
.dg-post{transition:border-color .2s,box-shadow .2s}
.dg-post:hover{border-color:color-mix(in srgb,var(--dg-blue) 55%,var(--dg-line)) !important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--dg-blue) 28%,transparent),0 12px 36px rgba(0,0,0,.5) !important}

/* ⋮ verschwindet, wenn keine Aktion enthalten (greift auch ohne JS) */
.dg-actions:not(:has(a)){display:none !important}

/* ⋮-Button etwas kräftiger sichtbar */
.dg-kebab{box-shadow:0 2px 10px rgba(0,0,0,.35)}

/* =====================================================================
   FINALE: Gitter überall sichtbar · Footer-Links rechts · Mitglieder-Seite
   ===================================================================== */

/* Wrapper transparent, damit das Gitter auf ALLEN Seiten durchscheint */
html{background:var(--dg-bg)}
body{background:transparent !important}
#container,.wrapper,#content,#header{background:transparent !important}

/* Gitter heller + fast voller Viewport (auch tief auf Forum-/Thread-Seiten) */
body::before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--dg-blue) 13%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--dg-purple) 13%,transparent) 1px,transparent 1px) !important;
  background-size:50px 50px !important;
  -webkit-mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 70%,transparent 100%) !important;
          mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 70%,transparent 100%) !important;
  opacity:1 !important}

/* Lichter etwas kräftiger/lebendiger */
body::after{opacity:.9 !important;filter:blur(38px) !important}

/* Footer: Schnelle Links noch ein Stück nach rechts */
.dg-footer-desc .links{margin-left:80px}

/* ---------------------------------------------------------------------
   MITGLIEDER-SEITE (memberlist.php) – moderne Karten/Zeilen
   --------------------------------------------------------------------- */
.member_search,.member_function_row{background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;
  border-radius:14px !important;padding:14px 16px !important;margin-bottom:14px}
table.memberlist,#memberlist,.memberlist{border-radius:14px;overflow:hidden}
.memberlist .trow1,.memberlist .trow2,#memberlist .trow1,#memberlist .trow2{transition:background .15s}
.memberlist .trow1:hover,.memberlist .trow2:hover,#memberlist .trow1:hover,#memberlist .trow2:hover{
  background:var(--dg-panel-2) !important}
/* Avatare in der Mitgliederliste abgerundet */
.memberlist img,#memberlist img,.member_avatar img,td.trow1 img.avatar,td.trow2 img.avatar{
  border-radius:10px !important;border:1px solid var(--dg-line-2)}
/* Benutzernamen kräftiger */
.memberlist a.username,#memberlist a.username,.memberlist strong a{font-weight:700}

/* =====================================================================
   ⋮-MENÜ: Button-Text GARANTIERT sichtbar (überschreibt alles)
   ===================================================================== */
.dg-menu a,.dg-menu a.button,.dg-menu .postbit_buttons a,.dg-menu li a{
  display:flex !important;align-items:center !important;gap:9px !important;width:100% !important;
  min-height:38px !important;height:auto !important;padding:9px 13px !important;margin:0 !important;
  border-radius:8px !important;background:transparent !important;background-image:none !important;border:none !important;
  color:#fff !important;text-align:left !important;justify-content:flex-start !important;
  font-size:13px !important;font-weight:600 !important;line-height:1.3 !important;
  text-indent:0 !important;white-space:nowrap !important;overflow:visible !important;
  visibility:visible !important;opacity:1 !important;box-shadow:none !important;text-decoration:none !important}
.dg-menu a *,.dg-menu a span,.dg-menu a b{
  color:#fff !important;text-indent:0 !important;font-size:13px !important;
  visibility:visible !important;opacity:1 !important;display:inline !important;position:static !important;
  width:auto !important;height:auto !important;clip:auto !important;overflow:visible !important}
.dg-menu a img{display:inline-block !important;width:16px !important;height:16px !important;
  border:none !important;border-radius:0 !important;vertical-align:middle;opacity:.9}
.dg-menu a:hover{background:var(--dg-panel-2) !important;color:var(--dg-blue) !important}
.dg-menu a:hover *{color:var(--dg-blue) !important}
.dg-menu{min-width:210px !important;max-height:none !important;overflow:visible !important}

/* =====================================================================
   ⋮-MENÜ kräftig sichtbar + Sterne ausrichten
   ===================================================================== */
.dg-menu{background:var(--dg-panel) !important;border:1px solid var(--dg-line-2) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.6) !important;padding:7px !important}
.dg-menu a,.dg-menu a.button{font-size:13.5px !important;color:#fff !important;
  border-left:3px solid transparent !important}
.dg-menu a span{color:#fff !important;font-weight:600 !important;font-size:13.5px !important}
.dg-menu a:hover{background:color-mix(in srgb,var(--dg-blue) 22%,var(--dg-panel-2)) !important;
  border-left-color:var(--dg-blue) !important}
.dg-menu a:hover span{color:#fff !important}

/* Themabewertung: Sterne sauber neben dem Text ausrichten */
.thread_rating{display:inline-flex !important;align-items:center;gap:8px;vertical-align:middle}
.thread_rating .star_rating,.thread_rating img{vertical-align:middle}

/* =====================================================================
   ⋮-MENÜ FINAL – feste Farben, jeder Eintrag eine klare weiße Zeile
   ===================================================================== */
.dg-actions .dg-menu{display:none}
.dg-actions.open .dg-menu{display:block !important;position:absolute;right:0;bottom:50px;
  min-width:215px;background:#1a1430 !important;border:1px solid #3a2f63 !important;
  border-radius:12px !important;box-shadow:0 16px 44px rgba(0,0,0,.65) !important;padding:7px !important;z-index:200}
.dg-actions.open .dg-menu a,.dg-actions.open .dg-menu a.button{
  display:block !important;width:auto !important;min-height:0 !important;height:auto !important;
  padding:10px 14px !important;margin:2px 0 !important;border-radius:8px !important;
  background:transparent !important;background-image:none !important;border:none !important;
  color:#ffffff !important;font-size:14px !important;font-weight:600 !important;
  text-align:left !important;text-decoration:none !important;text-indent:0 !important;line-height:1.4 !important;
  white-space:nowrap !important;visibility:visible !important;opacity:1 !important}
.dg-actions.open .dg-menu a span,.dg-actions.open .dg-menu a b{
  color:#ffffff !important;font-size:14px !important;display:inline !important;visibility:visible !important;opacity:1 !important}
.dg-actions.open .dg-menu a img{display:none !important}
.dg-actions.open .dg-menu a:hover{background:#2a2150 !important;color:#ff5fa2 !important}
.dg-actions.open .dg-menu a:hover span{color:#ff5fa2 !important}

/* Themabewertung: dunkles Kästchen um die Zahl transparent (Sterne bleiben!) */
.thread_rating span{background-color:transparent !important}

/* =====================================================================
   SICHTBARE BEITRAGS-BUTTONS unten rechts (zuverlässig statt Popup)
   ===================================================================== */
.post_controls.dg-pcontrols{display:flex !important;flex-wrap:wrap;justify-content:flex-end;align-items:center;
  gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--dg-line);background:transparent !important}
.dg-pcontrols a,.dg-pcontrols a.button{
  display:inline-flex !important;align-items:center;gap:7px;
  padding:8px 13px !important;border-radius:9px !important;
  background:var(--dg-panel-2) !important;background-image:none !important;border:1px solid var(--dg-line) !important;
  color:#fff !important;font-size:12.5px !important;font-weight:600 !important;text-decoration:none !important;
  text-indent:0 !important;white-space:nowrap !important;line-height:1.2 !important;box-shadow:none !important;
  min-height:0 !important;height:auto !important;width:auto !important;visibility:visible !important;opacity:1 !important}
.dg-pcontrols a span,.dg-pcontrols a b{color:#fff !important;font-size:12.5px !important;display:inline !important;visibility:visible !important}
.dg-pcontrols a img{display:none !important}
.dg-pcontrols a:hover{border-color:var(--dg-blue) !important;color:var(--dg-blue) !important;background:var(--dg-panel) !important}
.dg-pcontrols a:hover span{color:var(--dg-blue) !important}

/* Themabewertung: position:relative an .star_rating rausnehmen -> Sterne sitzen sauber */
/* .star_rating MUSS position:relative behalten – sonst fliegt die "1" in die Ecke */
.star_rating,.thread_rating .star_rating{position:relative !important}

/* =====================================================================
   KOMPLETTE RESPONSIVE-SCHICHT
   ===================================================================== */

/* ---- Tablet quer / kleiner Desktop (<= 1000px): Sidebar unter die Foren ---- */
@media (max-width:1000px){
  .dg-home{display:block !important}
  .dg-side{width:auto !important;margin-top:18px}
  #container,.wrapper,#content{max-width:100% !important}
  .dg-stats-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ---- Tablet (<= 820px): Header, Foren-Karten, Server-Browser ---- */
@media (max-width:820px){
  /* Header zentriert, Suche/Welcome stapeln */
  #logo{text-align:center}
  ul.menu.top_links{flex-wrap:wrap !important;justify-content:center !important}
  #panel{flex-direction:column !important;gap:10px;text-align:center}
  #panel .float_left,#panel .float_right{float:none !important;text-align:center}

  /* Foren-Karten: Icon + Titel oben, Zahlen/letzter Beitrag darunter */
  .dg-forum{grid-template-columns:46px 1fr !important;row-gap:10px}
  .dg-forum .dg-fnum{grid-column:auto;display:inline-flex;justify-content:flex-start}
  .dg-forum .dg-flast{grid-column:1 / -1 !important;border-top:1px solid var(--dg-line);padding-top:10px}
  .dg-forum .ft,.dg-forum .fd,.dg-forum .subs{grid-column:2 / -1}

  /* Server-Browser + Slider kompakt */
  .dg-console,.dg-srv,.dg-stats{grid-template-columns:1fr !important}
  .dg-art,.dg-slides>*{min-height:280px}
}

/* ---- Handy (<= 560px) ---- */
@media (max-width:560px){
  /* Postbit: Autor oben, Inhalt darunter */
  .dg-post{flex-direction:column}
  .dg-post .post_author.dg-pauthor{flex:none;flex-direction:row;justify-content:flex-start;text-align:left;
    border-right:none;border-bottom:1px solid var(--dg-line);gap:14px}
  .dg-avatar-wrap img{width:64px !important;height:64px !important}
  .dg-pstats{border-top:none;padding-top:0}

  /* Foren-Karten ganz schmal: Zahlen ausblenden, Titel+letzter Beitrag bleiben */
  .dg-forum .dg-fnum{display:none}
  .dg-cat-head{font-size:13px}

  /* Stats einspaltig, Buttons mittig, Slider-Text kleiner */
  .dg-stats-grid{grid-template-columns:1fr !important}
  .dg-pcontrols{justify-content:center !important}
  .dg-art h2,.dg-slides h2{font-size:22px !important}

  /* Tabellen nicht überlaufen lassen */
  table.tborder{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* Footer mittig */
  .dg-footer-desc{padding:18px !important}
  .dg-footer-desc .links{margin-left:0 !important}
}

/* =====================================================================
   YOUTUBE-BLOCK
   ===================================================================== */
.dg-yt{margin:26px 0}
.dg-yt-wrap{display:grid;grid-template-columns:1fr 330px;gap:16px;margin-top:14px}
.dg-yt-main{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--dg-line);background:#000;aspect-ratio:16/9}
.dg-yt-main iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dg-yt-list{display:flex;flex-direction:column;gap:10px}
.dg-yt-tile{display:flex;gap:11px;align-items:center;background:var(--dg-panel);border:1px solid var(--dg-line);
  border-radius:12px;padding:8px;text-decoration:none;transition:.15s;cursor:pointer}
.dg-yt-tile:hover{border-color:var(--dg-blue);box-shadow:0 0 16px color-mix(in srgb,var(--dg-blue) 26%,transparent);transform:translateY(-1px)}
.dg-yt-th{flex:0 0 100px;height:58px;border-radius:8px;background-size:cover;background-position:center;
  border:1px solid var(--dg-line-2);position:relative}
.dg-yt-th::after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.dg-yt-th::before{content:"\25B6";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.dg-yt-tt{color:var(--dg-txt);font-size:13px;font-weight:600;line-height:1.3}
.dg-yt-more{display:block;text-align:center;padding:11px;border-radius:10px;background:var(--dg-panel-2);
  border:1px solid var(--dg-line);color:var(--dg-blue) !important;font-weight:700;text-decoration:none}
.dg-yt-more:hover{border-color:var(--dg-blue);background:var(--dg-panel)}
@media (max-width:820px){.dg-yt-wrap{grid-template-columns:1fr}}

/* =====================================================================
   MITGLIEDERLISTE – Feinschliff: Avatar rund + A-Z-Navigation als Pillen
   ===================================================================== */
.trow1 img[src*="avatar"],.trow2 img[src*="avatar"],td img[src*="avatar"],
.trow1 img[src*="uploads"],.trow2 img[src*="uploads"]{
  border-radius:12px !important;border:1px solid var(--dg-line-2) !important;background:var(--dg-panel-2);
  padding:2px;object-fit:cover}
/* A-Z Buchstaben-Navigation in der Mitglieder-Kopfzeile */
.thead a[href*="letter="]{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:6px;
  background:rgba(255,255,255,.14);color:#fff !important;font-size:12px;font-weight:700;text-decoration:none;transition:.12s}
.thead a[href*="letter="]:hover{background:rgba(255,255,255,.32);transform:translateY(-1px)}

/* =====================================================================
   MITGLIEDERLISTE ALS KARTEN (nur die Tabelle mit der A-Z-Navigation)
   ===================================================================== */
/* tbody -> Karten-Grid */
.tborder:has(a[href*="letter="]) tbody{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px;padding:14px}
/* Spaltenkopf-Zeile (Avatar/Benutzername/...) ausblenden – Karten brauchen keine Spalten */
.tborder:has(a[href*="letter="]) tr.tcat{display:none !important}
/* jede Mitglieder-Zeile = Karte */
.tborder:has(a[href*="letter="]) tbody tr.trow1,
.tborder:has(a[href*="letter="]) tbody tr.trow2{
  display:flex !important;flex-direction:column;align-items:center;text-align:center;gap:5px;
  background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;border-radius:16px;
  padding:20px 16px;transition:.16s}
.tborder:has(a[href*="letter="]) tbody tr.trow1:hover,
.tborder:has(a[href*="letter="]) tbody tr.trow2:hover{
  border-color:var(--dg-blue) !important;box-shadow:0 0 22px color-mix(in srgb,var(--dg-blue) 26%,transparent);transform:translateY(-3px)}
/* Zellen zu Blöcken */
.tborder:has(a[href*="letter="]) tbody td{
  display:block !important;border:none !important;background:transparent !important;padding:2px 0 !important;width:100%;text-align:center}
/* Avatar groß oben */
.tborder:has(a[href*="letter="]) tbody td:first-child{margin-bottom:6px}
.tborder:has(a[href*="letter="]) tbody td:first-child img{
  width:90px !important;height:90px !important;border-radius:18px !important;border:2px solid var(--dg-line-2) !important;padding:0 !important}
/* Labels vor die Zahlen-Spalten */
.tborder:has(a[href*="letter="]) tbody td:nth-child(3),
.tborder:has(a[href*="letter="]) tbody td:nth-child(4),
.tborder:has(a[href*="letter="]) tbody td:nth-child(5),
.tborder:has(a[href*="letter="]) tbody td:nth-child(6),
.tborder:has(a[href*="letter="]) tbody td:nth-child(7){font-size:12.5px;color:var(--dg-txt-2)}
.tborder:has(a[href*="letter="]) tbody td:nth-child(3)::before{content:"Mitglied seit: ";color:var(--dg-muted)}
.tborder:has(a[href*="letter="]) tbody td:nth-child(4)::before{content:"Letzter Besuch: ";color:var(--dg-muted)}
.tborder:has(a[href*="letter="]) tbody td:nth-child(5)::before{content:"Beiträge: ";color:var(--dg-muted)}
.tborder:has(a[href*="letter="]) tbody td:nth-child(6)::before{content:"Themen: ";color:var(--dg-muted)}
.tborder:has(a[href*="letter="]) tbody td:nth-child(7)::before{content:"Empfehlungen: ";color:var(--dg-muted)}

/* =====================================================================
   MITGLIEDER-KARTEN – verstärkt & breiter gefasst
   ===================================================================== */
/* Tabelle, die A-Z-Navigation enthält -> Block; tbody -> Karten-Grid */
table:has(a[href*="letter="]),.tborder:has(a[href*="letter="]){
  display:block !important;width:100% !important;border:none !important;background:transparent !important;box-shadow:none !important}
table:has(a[href*="letter="]) thead,.tborder:has(a[href*="letter="]) thead{display:block !important}
table:has(a[href*="letter="]) thead tr,.tborder:has(a[href*="letter="]) thead tr{display:block !important}
table:has(a[href*="letter="]) tr.tcat,.tborder:has(a[href*="letter="]) tr.tcat{display:none !important}
table:has(a[href*="letter="]) tbody,.tborder:has(a[href*="letter="]) tbody{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(225px,1fr)) !important;gap:14px !important;padding:14px !important}
table:has(a[href*="letter="]) tbody tr,.tborder:has(a[href*="letter="]) tbody tr{
  display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:5px !important;
  background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;border-radius:16px !important;padding:20px 16px !important;transition:.16s}
table:has(a[href*="letter="]) tbody tr:hover,.tborder:has(a[href*="letter="]) tbody tr:hover{
  border-color:var(--dg-blue) !important;box-shadow:0 0 22px color-mix(in srgb,var(--dg-blue) 26%,transparent) !important;transform:translateY(-3px)}
table:has(a[href*="letter="]) tbody td,.tborder:has(a[href*="letter="]) tbody td{
  display:block !important;border:none !important;background:transparent !important;padding:2px 0 !important;width:100% !important;text-align:center !important}
table:has(a[href*="letter="]) tbody td:first-child img,.tborder:has(a[href*="letter="]) tbody td:first-child img{
  width:90px !important;height:90px !important;border-radius:18px !important;border:2px solid var(--dg-line-2) !important;padding:0 !important}

/* =====================================================================
   MITGLIEDER-KARTEN – KORREKT (tr hat KEINE Klasse, td.trow1 trägt sie)
   Ziel-Tabelle: .tborder mit Avatar in td.trow1 (= Mitgliederliste)
   ===================================================================== */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a){display:block !important;border:none !important;background:transparent !important;box-shadow:none !important;width:100% !important}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important;gap:14px !important;padding:14px !important}
/* A-Z-Kopfzeile (td.thead) über volle Breite */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr:has(td.thead){grid-column:1 / -1 !important;display:block !important}
/* Spaltenkopf-Zeile (td.tcat) ausblenden */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr:has(td.tcat){display:none !important}
/* Mitglieder-Zeilen -> Karten */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr:has(td.trow1),
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr:has(td.trow2){
  display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:5px !important;
  background:var(--dg-panel) !important;border:1px solid var(--dg-line) !important;border-radius:16px !important;padding:20px 16px !important;transition:.16s}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr:has(td.trow1):hover,
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr:has(td.trow2):hover{
  border-color:var(--dg-blue) !important;box-shadow:0 0 22px color-mix(in srgb,var(--dg-blue) 26%,transparent) !important;transform:translateY(-3px)}
/* Zellen zu Blöcken */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td{
  display:block !important;border:none !important;background:transparent !important;padding:2px 0 !important;width:100% !important;text-align:center !important}
/* Avatar groß oben */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:first-child img{
  width:92px !important;height:92px !important;border-radius:18px !important;border:2px solid var(--dg-line-2) !important;padding:0 !important;margin-bottom:6px}
/* Labels vor die Spalten 3-7 */
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:nth-child(n+3){font-size:12.5px;color:var(--dg-txt-2)}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:nth-child(3)::before{content:"Mitglied seit: ";color:var(--dg-muted)}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:nth-child(4)::before{content:"Letzter Besuch: ";color:var(--dg-muted)}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:nth-child(5)::before{content:"Beiträge: ";color:var(--dg-muted)}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:nth-child(6)::before{content:"Themen: ";color:var(--dg-muted)}
table.tborder:has(td.trow1 img[src*="avatar"]):has(a + a + a + a) tbody > tr > td:nth-child(7)::before{content:"Empfehlungen: ";color:var(--dg-muted)}

/* =====================================================================
   RESPONSIVE-BASIS: MyBBs feste min-width:990px aushebeln (DER Handy-Blocker)
   ===================================================================== */
#container{min-width:0 !important;max-width:1280px !important;width:auto !important;margin:0 auto !important}
html{overflow-x:hidden}
body{overflow-x:hidden !important;max-width:100vw}
*{max-width:100%}
img,video,iframe{max-width:100% !important;height:auto}
@media (max-width:1280px){#container{max-width:100% !important;padding-left:14px;padding-right:14px}}
@media (max-width:560px){#container{padding-left:8px;padding-right:8px}}

/* =====================================================================
   SLIDER-VERBESSERUNGEN: Label weg · Text lesbar · Bewegung · Hover
   ===================================================================== */
/* "Werbung"-Label auf den Slides entfernen */
.dg-slide .dg-adslot{display:none !important}

/* Bilder füllen sauber & zentriert, dunkler Grund (kein Blitzen beim Laden) */
.dg-slide .dg-art{background-size:cover !important;background-position:center !important;background-color:#0d0b1c}

/* Starker dunkler Verlauf links (wo der Text steht) -> immer lesbar */
.dg-slide .dg-art::after{background:
  linear-gradient(90deg,rgba(8,6,20,.85) 0%,rgba(8,6,20,.6) 38%,rgba(8,6,20,.2) 68%,transparent 100%),
  linear-gradient(0deg,rgba(8,6,20,.45),transparent 55%) !important}

/* Textschatten zur Sicherheit + Badge mit Hintergrund */
.dg-slide h2{text-shadow:0 2px 14px rgba(0,0,0,.75)}
.dg-slide p{text-shadow:0 1px 8px rgba(0,0,0,.7);opacity:1}
.dg-slide .dg-eb{background:rgba(0,0,0,.4)}

/* Langsamer Ken-Burns-Zoom = dezente Bewegung */
@keyframes dgKen{0%{transform:scale(1.03)}100%{transform:scale(1.13)}}
.dg-slide .dg-art{animation:dgKen 16s ease-in-out infinite alternate;will-change:transform}

/* Slider-Hover: Glow + leichter Schatten */
.dg-slider{transition:box-shadow .3s}
.dg-slider:hover{box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb,var(--dg-blue) 32%,transparent)}

/* =====================================================================
   SERVERVIEWER – deutlicher Hover (Glow + Akzent wie bei den Karten)
   ===================================================================== */
.dg-srv{transition:background .15s,box-shadow .15s,transform .15s}
.dg-srv:not(.hd):hover{
  background:var(--dg-panel-2) !important;
  box-shadow:inset 3px 0 0 var(--dg-blue),0 6px 20px rgba(0,0,0,.35);
  transform:translateX(2px)}
.dg-srv:not(.hd):hover .nm{color:var(--dg-blue)}

/* =====================================================================
   SLIDER-Überlapp beheben (Zoom bleibt sauber im Slide) + Werbung-Hover
   ===================================================================== */
/* Jeden Slide hart clippen, Zoom mittig & dezenter -> kein Reinragen vom Nachbarn */
.dg-slide{overflow:hidden !important}
.dg-slide .dg-art{transform-origin:center center !important;backface-visibility:hidden}
@keyframes dgKen{0%{transform:scale(1)}100%{transform:scale(1.07)}}
.dg-slide .dg-art{animation:dgKen 18s ease-in-out infinite alternate}

/* Werbung-Box(en) bekommen Hover-Effekt wie der Rest */
.dg-ad{transition:border-color .15s,box-shadow .15s}
.dg-ad:hover{border-color:var(--dg-blue) !important;box-shadow:0 0 20px color-mix(in srgb,var(--dg-blue) 26%,transparent)}
.dg-side .dg-card{transition:border-color .15s,box-shadow .15s,transform .15s}
.dg-side .dg-card:hover{border-color:var(--dg-blue);box-shadow:0 0 18px color-mix(in srgb,var(--dg-blue) 22%,transparent);transform:translateY(-2px)}

/* =====================================================================
   SLIDER: Slides exakt volle Breite (kein Nachbar-Streifen mehr links)
   ===================================================================== */
.dg-slider{overflow:hidden !important}
.dg-slides{width:100%}
.dg-slide{flex:0 0 100% !important;min-width:100% !important;max-width:100% !important;overflow:hidden !important}
.dg-slide .dg-art{border-radius:0 !important;inset:0 !important}

/* =====================================================================
   BLITZ-/SHINE-EFFEKT auch auf der Werbung-Box + generell kräftiger
   ===================================================================== */
.dg-ad{position:relative;overflow:hidden}
.dg-ad::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);
  transition:left .6s ease;pointer-events:none;z-index:4}
.dg-ad:hover::after{left:140%}
.dg-forum::after,.dg-card::after,.dg-join::after,.dg-stat::after{
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent) !important}

/* =====================================================================
   SLIDER-STREIFEN ENDGÜLTIG: box-sizing border-box (padding zählt rein)
   -> jede Slide exakt 100% breit, kein Nachbar-Streifen mehr
   ===================================================================== */
.dg-slider,.dg-slides,.dg-slide,.dg-slide .dg-art,.dg-slide .dg-copy{box-sizing:border-box !important}
.dg-slide{flex:0 0 100% !important;width:100% !important;min-width:100% !important;max-width:100% !important}
.dg-slides{flex-wrap:nowrap !important}

/* =====================================================================
   HANDY-MENÜ (Hamburger) + mobile Navigation / Suche / Slider
   ===================================================================== */
/* Hamburger-Button: auf Desktop versteckt */
.dg-burger{display:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;
  width:46px;height:42px;padding:0;cursor:pointer;background:var(--dg-panel-2);border:1px solid var(--dg-line);border-radius:10px}
.dg-burger span{width:22px;height:2px;background:#fff;border-radius:2px;transition:.25s}
.dg-burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dg-burger.on span:nth-child(2){opacity:0}
.dg-burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:820px){
  /* Logo-Zeile: Logo links, Hamburger rechts, Menü klappt darunter auf */
  #logo .wrapper{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;position:relative}
  #logo a:first-child{order:1}
  #logo a:first-child img{max-height:64px;width:auto}
  .dg-burger{display:flex;order:2}
  ul.menu.top_links{order:3;flex-basis:100%;width:100%;display:none !important;flex-direction:column;gap:5px;
    background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:12px;padding:8px;margin-top:8px}
  ul.menu.top_links.nav-open{display:flex !important}
  ul.menu.top_links li{width:100%;margin:0}
  ul.menu.top_links li a{display:block;width:100%;text-align:center;padding:12px;border-radius:8px}
  ul.menu.top_links li a.home{background:linear-gradient(135deg,var(--dg-blue),var(--dg-purple));color:#fff}

  /* Suche + Welcome stapeln, Suche volle Breite */
  #panel .upper .wrapper{flex-direction:column;gap:10px;align-items:stretch;text-align:center}
  #panel form,#panel .quicksearch,#panel input.textbox{width:100% !important;box-sizing:border-box}
  #panel input.textbox{min-width:0 !important}

  /* Slider mobil: niedriger, Text kleiner, Pfeile kleiner */
  .dg-slider{height:220px;margin:16px 0}
  .dg-slide{padding:0 20px}
  .dg-slide h2{font-size:22px}
  .dg-slide p{font-size:13px;max-width:100%}
  .dg-slide .dg-art::after{background:linear-gradient(0deg,rgba(8,6,20,.78),rgba(8,6,20,.35) 70%) !important}
  .dg-slide .dg-copy{max-width:100%;text-align:center;margin:0 auto}
  .dg-snav{width:34px;height:34px}
}

@media (max-width:480px){
  .dg-slider{height:190px}
  .dg-slide h2{font-size:19px}
  #logo a:first-child img{max-height:54px}
}

/* =====================================================================
   Hamburger-Position: Logo + Button zentriert zusammen (nicht ganz rechts)
   ===================================================================== */
@media (max-width:820px){
  #logo .wrapper{justify-content:center !important;gap:14px}
  #logo a:first-child{order:1}
  .dg-burger{order:2;margin-left:0}
  ul.menu.top_links{order:3}
}

/* =====================================================================
   ROBUST MOBIL: nichts läuft mehr über (Discord/TS-Buttons, Sidebar)
   ===================================================================== */
@media (max-width:1000px){
  .dg-side,.dg-side .dg-card,.dg-side .dg-btn,.dg-dt,.dg-connect,.dg-join,
  .dg-console,.dg-srv,.dg-sb,.dg-stats,.dg-stat,.dg-ad{
    max-width:100% !important;box-sizing:border-box !important}
  .dg-btn{white-space:normal !important;word-break:break-word;width:auto !important;max-width:100% !important}
  .dg-dt{flex-wrap:wrap !important}
  /* alle direkten Layout-Boxen dürfen schrumpfen (kein erzwungenes Überlaufen) */
  #content,.wrapper,#forums,.dg-home,.dg-side{min-width:0 !important}
  .dg-home>*{min-width:0 !important}
}
/* Flex-Kinder dürfen schrumpfen -> verhindert seitliches Überlaufen */
.dg-home,.dg-dt,.dg-srv,.dg-stats-grid,#panel .wrapper{min-width:0}
.dg-home>*,.dg-dt>*{min-width:0}

/* =====================================================================
   HANDY-MENÜ: nach vorne holen + sauber untereinander stapeln
   ===================================================================== */
@media (max-width:820px){
  /* Hamburger sicher sichtbar */
  .dg-burger{display:flex !important; z-index:100000 !important; position:relative}

  /* Menü standardmäßig zu */
  ul.menu.top_links{
    display:none !important;
    position:absolute !important;
    top:100% !important; left:0 !important; right:0 !important;
    width:100% !important;
    flex-direction:column !important;
    background:var(--dg-panel,#161228) !important;
    border-top:2px solid var(--dg-blue,#e23b6e) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.6) !important;
    z-index:99999 !important;           /* VOR den Hintergrund */
    padding:6px 0 !important;
    margin:0 !important;
    list-style:none !important;
  }
  /* offen = sichtbar */
  ul.menu.top_links.nav-open{ display:flex !important; }

  /* Einträge sauber untereinander, volle Breite */
  ul.menu.top_links li{
    display:block !important;
    width:100% !important;
    float:none !important;
    margin:0 !important;
    border-bottom:1px solid var(--dg-line,rgba(255,255,255,.06)) !important;
  }
  ul.menu.top_links li:last-child{ border-bottom:0 !important; }
  ul.menu.top_links li a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:14px 18px !important;
    color:var(--dg-txt,#fff) !important;
    text-align:left !important;
    white-space:normal !important;
  }
  ul.menu.top_links li a:hover{
    background:rgba(226,59,110,.15) !important;
    color:#fff !important;
  }

  /* Logo-Zeile als Anker, damit das Menü darunter aufklappt */
  #logo .wrapper, #panel .wrapper{ position:relative !important; }
  #logo{ position:relative !important; z-index:99998 !important; }
}

/* =====================================================================
   PORTAL responsiv: auf dem Handy einspaltig stapeln
   (Hauptbereich oben, Sidebar drunter) – am PC unverändert
   ===================================================================== */
@media (max-width:820px){
  #dg-portal,
  #dg-portal tbody,
  #dg-portal tr{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
  }
  #dg-portal td{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    min-width:0 !important;
  }
  #dg-portal .dg-portal-spacer{ display:none !important; }
  #dg-portal .dg-portal-main{ order:1 !important; }   /* Inhalt zuerst */
  #dg-portal .dg-portal-side{ order:2 !important; }   /* Sidebar drunter */

  /* Inhalte in den Spalten dürfen nicht überlaufen */
  #dg-portal .dg-portal-side > *,
  #dg-portal .dg-portal-main > *{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  #dg-portal table{ width:100% !important; }
}

/* =====================================================================
   SERVER-VIEWER: pulsierender Online-Punkt + klarer Offline-Zustand
   ===================================================================== */
.dg-st i{ animation:dgPulse 1.8s infinite; }
.dg-st{ font-weight:700; }
/* Offline jetzt deutlich (rot statt grau) */
.dg-st.off{ color:var(--dg-red) !important; }
.dg-st.off i{ background:var(--dg-red) !important; box-shadow:0 0 8px var(--dg-red) !important; animation:none !important; }
/* Live-Badge in der Konsolen-Leiste etwas kräftiger */
.dg-console .dg-bar .live{ font-weight:700; letter-spacing:.3px; }

/* =====================================================================
   DVZ-SHOUTBOX · ECHTES Front-Markup (#shoutbox.front)
   styled direkt die realen Klassen .head/.entry/.avatar/.user/.text/.info
   ===================================================================== */
#shoutbox{
  background:var(--dg-panel);
  border:1px solid var(--dg-line);
  border-radius:16px;
  box-shadow:var(--dg-shadow);
  overflow:hidden;
  margin:0 0 22px;
  color:var(--dg-txt-2);
}
/* Kopfzeile */
#shoutbox > .head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;
  background:var(--dg-panel-2);
  border-bottom:1px solid var(--dg-line);
}
#shoutbox > .head strong{
  color:var(--dg-txt);font-size:14px;letter-spacing:.3px;
  display:inline-flex;align-items:center;gap:9px;
}
#shoutbox > .head strong::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--dg-online);box-shadow:0 0 8px var(--dg-online);
  animation:dgPulse 1.6s infinite;
}
#shoutbox > .head .right{margin:0}
#shoutbox > .head .right a{color:var(--dg-muted);font-size:12px;text-decoration:none}
#shoutbox > .head .right a:hover{color:var(--dg-blue)}

/* Nachrichtenbereich */
#shoutbox > .body{padding:8px 12px}
#shoutbox .window{height:170px;overflow-y:auto;padding-right:6px}
#shoutbox .data{display:block}

/* einzelne Nachricht – eine saubere Zeile: Avatar | Name | Text ........ Datum */
#shoutbox .entry{
  display:flex;align-items:center;gap:9px;
  padding:8px 2px;
  border-bottom:1px solid var(--dg-line);
}
#shoutbox .entry:last-child{border-bottom:none}
#shoutbox .entry .avatar{flex:0 0 30px;line-height:0}
#shoutbox .entry .avatar img{
  width:30px !important;height:30px !important;max-width:30px !important;
  border-radius:50% !important;object-fit:cover;border:none !important;
}
#shoutbox .entry .user{flex:0 0 auto;font-weight:700;font-size:13px}
#shoutbox .entry .user a{color:var(--dg-blue);text-decoration:none}
#shoutbox .entry .text{
  flex:1 1 auto;min-width:0;color:var(--dg-txt-2);font-size:13px;line-height:1.4;
  word-break:break-word;
}
#shoutbox .entry .info{flex:0 0 auto;margin-left:auto}
#shoutbox .entry .info a{color:var(--dg-muted);font-size:11px;text-decoration:none;white-space:nowrap}
#shoutbox .entry .info .date{color:var(--dg-muted)}

/* Eingabezeile (falls eingeblendet) */
#shoutbox input[type=text],#shoutbox textarea{
  background:var(--dg-panel-2) !important;border:1px solid var(--dg-line-2) !important;
  color:var(--dg-txt) !important;border-radius:9px !important;
  padding:8px 12px !important;width:100% !important;box-sizing:border-box;
}
#shoutbox ::placeholder{color:var(--dg-muted);opacity:1}

/* Scrollbar im Fenster */
#shoutbox .window::-webkit-scrollbar{width:8px}
#shoutbox .window::-webkit-scrollbar-thumb{background:var(--dg-line-2);border-radius:8px}
#shoutbox .window::-webkit-scrollbar-track{background:transparent}

/* =====================================================================
   MODERNE THEMENLISTE (forumdisplay) – per echte Klassen, nur via :has
   greift NUR auf die Tabelle mit Themen-Zeilen (tr.inline_row),
   nicht auf Forenübersicht/Mitgliederliste.
   ===================================================================== */
table.tborder:has(.inline_row){
  border:none !important;
  border-radius:16px;
  overflow:hidden;
  background:var(--dg-panel);
  box-shadow:var(--dg-shadow);
  border-spacing:0 !important;
  margin:6px 0 16px;
}

/* Separator-Zeilen ("Wichtige Themen" / "Normale Themen") -> dunkler Balken */
table.tborder:has(.inline_row) tr:not(.inline_row) > td[colspan]{
  background:var(--dg-panel-2) !important;
  color:var(--dg-txt) !important;
  border-bottom:1px solid var(--dg-line) !important;
  padding:9px 16px !important;
  font-weight:600;
}

/* Forum-Titelzeile (thead) -> Devils-Panel statt Pink */
table.tborder:has(.inline_row) td.thead{
  background:linear-gradient(90deg,var(--dg-panel-2),var(--dg-panel)) !important;
  border-bottom:1px solid var(--dg-line) !important;
  padding:14px 18px !important;
  color:var(--dg-txt) !important;
}
table.tborder:has(.inline_row) td.thead strong{ color:var(--dg-txt) !important; font-size:15px; }
table.tborder:has(.inline_row) td.thead a{ color:var(--dg-txt-2) !important; }
table.tborder:has(.inline_row) td.thead a:hover{ color:var(--dg-blue) !important; }

/* Spaltenkopf (tcat) -> dezente Uppercase-Labels */
table.tborder:has(.inline_row) td.tcat{
  background:var(--dg-panel-2) !important;
  border-bottom:1px solid var(--dg-line) !important;
  padding:10px 14px !important;
}
table.tborder:has(.inline_row) td.tcat a,
table.tborder:has(.inline_row) td.tcat strong{
  color:var(--dg-muted) !important;
  text-transform:uppercase; font-size:11px; letter-spacing:.6px; font-weight:700;
}

/* Themen-Zeilen */
table.tborder:has(.inline_row) tr.inline_row td{
  background:var(--dg-panel) !important;
  border-bottom:1px solid var(--dg-line) !important;
  padding:12px 14px !important;
  vertical-align:middle;
  transition:background .15s;
}
table.tborder:has(.inline_row) tr.inline_row:hover td{ background:var(--dg-panel-2) !important; }
table.tborder:has(.inline_row) tr.inline_row:last-of-type td{ border-bottom:none !important; }

/* Betreff (1. großer Link in der Betreff-Spalte) */
table.tborder:has(.inline_row) tr.inline_row td:nth-child(3) a{
  color:var(--dg-blue) !important; font-weight:600; font-size:14.5px; text-decoration:none;
}
table.tborder:has(.inline_row) tr.inline_row td:nth-child(3) a:hover{ text-decoration:underline; }

/* Verfasser + Datum dezent */
table.tborder:has(.inline_row) tr.inline_row .author,
table.tborder:has(.inline_row) tr.inline_row .author a,
table.tborder:has(.inline_row) tr.inline_row .thread_start_datetime,
table.tborder:has(.inline_row) tr.inline_row .smalltext{
  color:var(--dg-muted) !important; font-weight:500;
}
table.tborder:has(.inline_row) tr.inline_row .author a{ color:var(--dg-txt-2) !important; }

/* Antworten / Ansichten */
table.tborder:has(.inline_row) tr.inline_row td[align="center"]{ color:var(--dg-txt-2) !important; font-size:13px; }
table.tborder:has(.inline_row) tr.inline_row td[align="center"] a{ color:var(--dg-txt-2) !important; }

/* Letzter Beitrag */
table.tborder:has(.inline_row) tr.inline_row .lastpost{ color:var(--dg-muted) !important; font-size:12px; }
table.tborder:has(.inline_row) tr.inline_row .lastpost a{ color:var(--dg-blue) !important; }

/* etwas Luft auf dem Handy */
@media (max-width:820px){
  table.tborder:has(.inline_row) tr.inline_row td{ padding:10px 8px !important; }
  table.tborder:has(.inline_row) td.tcat{ padding:8px 8px !important; }
}

/* =====================================================================
   EINGEBETTETE VIDEOS in Beiträgen (YouTube/Vimeo) wieder GROSS
   -> volle Beitragsbreite, sauberes 16:9, responsiv.
   (überschreibt die globale iframe-Regel; NICHT der Startseiten-Block .dg-yt)
   ===================================================================== */
.video,.video_wrapper{
  margin:14px 0;
  max-width:100%;
}
.video iframe,
.video_wrapper iframe,
.post_body iframe[src*="youtu"],
.post_body iframe[src*="vimeo"],
.post_body iframe[src*="dailymotion"],
.post_content iframe[src*="youtu"]{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  max-width:900px;            /* so groß wie ~1100 früher, aber sauber begrenzt */
  border:0 !important;
  border-radius:12px;
  display:block;
}