:root{color-scheme:light dark;
--bg:light-dark(#f6f4ff,#0b0a18);--bg2:light-dark(#ebe6ff,#100e24);
--text:light-dark(#16152c,#ecebff);--muted:light-dark(#5b5a78,#a5a3c6);
--line:light-dark(rgba(30,20,60,.12),rgba(255,255,255,.11));
--panel:light-dark(rgba(255,255,255,.68),rgba(255,255,255,.05));
--panel2:light-dark(#fff,rgba(255,255,255,.12));
--shadow:light-dark(0 10px 30px rgba(30,20,80,.09),0 10px 30px rgba(0,0,0,.4));
--c1:#ff1e6c;--c2:#ff7a00;--c3:#ffd400;--c4:#00e676;--c5:#08a9ff;--c6:#a020ff;
--t1:light-dark(#c8004c,#ff6a9c);--t2:light-dark(#b04d00,#ff9a3d);--t4:light-dark(#007a3a,#3df08f);--t5:light-dark(#00699e,#54c9ff);--t6:light-dark(#7a1fd6,#c493ff);
--brand:linear-gradient(135deg,#0783d6,#9312ea);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 96px);height:auto}
body{background:var(--bg);color:var(--text);font:400 1rem/1.55 Inter,system-ui,sans-serif;overflow-x:hidden;transition:background .3s,color .3s}
h1,h2,h3,h4{font-family:'Chakra Petch',Inter,sans-serif;letter-spacing:.01em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.ambient{position:fixed;inset:0;z-index:-1;background:
radial-gradient(650px 450px at 8% -5%,rgba(255,30,108,.16),transparent 60%),
radial-gradient(750px 550px at 95% 6%,rgba(8,169,255,.17),transparent 60%),
radial-gradient(600px 500px at 45% 105%,rgba(160,32,255,.15),transparent 60%),
radial-gradient(500px 400px at 82% 92%,rgba(0,230,118,.10),transparent 60%)}
.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:var(--shadow)}

.rgb-bar{height:6px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6),var(--c1));background-size:300% 100%;animation:rgb 9s linear infinite;box-shadow:0 0 22px rgba(160,32,255,.45)}
@keyframes rgb{to{background-position:300% 0}}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:999;/*background:var(--bg);*/}
nav{background:light-dark(rgba(246,244,255,.52),rgba(11,10,24,.52));border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.logo img{display:block;width:165px;height:auto;filter:drop-shadow(0 0 1px light-dark(transparent,rgba(255,255,255,.7)))}
.nav-links{display:flex;gap:6px;font-size:.95rem;color:var(--muted)}
.nav-links a{padding:8px 14px;border-radius:10px;transition:background .2s,color .2s}
.nav-links a:hover{background:var(--panel2);color:var(--text)}
.nav-right{display:flex;align-items:center;gap:12px}
.themes{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.themes button{width:34px;height:32px;border:0;background:none;color:var(--muted);border-radius:9px;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.themes button:hover{color:var(--text)}
.themes button[aria-checked=true]{background:var(--panel2);color:var(--t6);box-shadow:var(--shadow)}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font:600 .82rem Inter,sans-serif;cursor:pointer;transition:color .2s,background .2s}
.lang-btn:hover,.lang-btn[aria-expanded=true]{color:var(--text);background:var(--panel2)}
.lang-btn .chev{transition:transform .2s}.lang-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:160px;padding:6px;border:1px solid var(--line);border-radius:14px;background:light-dark(#fff,#17152b);box-shadow:0 18px 40px light-dark(rgba(30,20,80,.18),rgba(0,0,0,.6));z-index:60}
.lang-menu a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:9px;background:none;color:var(--text);font:500 .92rem Inter,sans-serif;cursor:pointer;text-align:left}
.lang-menu a:hover{background:light-dark(rgba(30,20,60,.07),var(--panel2))}
.lang-menu a[aria-checked=true]{color:var(--t6);font-weight:600}
.lang-menu a .check{opacity:0;flex:none;transform:scale(.6);transition:opacity .15s,transform .15s}
.lang-menu a[aria-checked=true] .check{opacity:1;transform:scale(1)}
.user-widget{position:relative;border-radius: 14px;border: 3px solid #27ff00;}
.user-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 9px 0 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);cursor:pointer;transition:color .2s,background .2s}
.user-btn:hover,.user-btn[aria-expanded=true]{color:var(--text);background:var(--panel2)}
.user-btn .chev{transition:transform .2s}.user-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.user-avatar{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--brand);color:#fff;font:700 .85rem 'Chakra Petch',sans-serif}
.login-btn[hidden]{display:none}
.user-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:200px;padding:6px;border:1px solid var(--line);border-radius:14px;background:light-dark(#fff,#17152b);box-shadow:0 18px 40px light-dark(rgba(30,20,80,.18),rgba(0,0,0,.6));z-index:60}
.user-menu-link{display:block;width:100%;padding:10px 12px;border:0;border-radius:9px;background:none;color:var(--text);font:500 .92rem Inter,sans-serif;cursor:pointer;text-align:left}
.user-menu-link:hover{background:light-dark(rgba(30,20,60,.07),var(--panel2))}
.user-menu-link.user-logout{color:var(--t1)}
.burger{display:none;position:relative;width:40px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer}
.burger span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .2s}
.burger span:nth-child(1){top:12px}.burger span:nth-child(2){top:18px}.burger span:nth-child(3){top:24px}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu{display:none}.mobile-menu .themes{display:none}.mobile-menu .login-btn,.mobile-menu .user-widget{display:none}
.mlink{display:block;padding:15px 4px;border-bottom:1px solid var(--line);font:600 1.1rem 'Chakra Petch',sans-serif}
.mrow{display:flex;align-items:center;gap:14px;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;font:600 .92rem Inter,sans-serif;border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.btn-primary{background:var(--brand);border-color:transparent;color:#fff;box-shadow:0 6px 22px rgba(147,18,234,.38)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(147,18,234,.5);color:#fff;}
.btn-ghost{background:var(--panel)}.btn-ghost:hover{border-color:var(--c6);color:var(--t6)}

.hero{padding-top:96px;padding-bottom:80px;position:relative;text-align:center;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(var(--line) 1px,transparent 1.5px) 0 0/26px 26px;-webkit-mask-image:linear-gradient(#000 20%,transparent 85%);mask-image:linear-gradient(#000 20%,transparent 85%);z-index:-1;pointer-events:none}
/* --- Hintergrundvideo (ersetzt den animierten .hero::after-Glow) --- */
.hero-video{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;overflow:hidden;pointer-events:none}
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.6;filter:blur(3px) saturate(.9)}

/* Hero-Inhalt: gebündelt + Scrim für Lesbarkeit über dem Video */
.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:34px 30px 10px;border-radius:34px}
.hero-content::before{content:"";position:absolute;inset:-96px -20px -18px;z-index:-1;border-radius:38px;pointer-events:none;
  background:radial-gradient(60% 64% at 50% 44%,color-mix(in srgb,var(--bg) 78%,transparent) 0%,color-mix(in srgb,var(--bg) 48%,transparent) 52%,transparent 80%);
  -webkit-backdrop-filter:blur(9px) saturate(1.1);backdrop-filter:blur(9px) saturate(1.1);
  -webkit-mask-image:radial-gradient(72% 78% at 50% 46%,#000 38%,transparent 100%);
  mask-image:radial-gradient(72% 78% at 50% 46%,#000 38%,transparent 100%)}

.hero h1{font-size:clamp(2.8rem,7vw,5.4rem);line-height:1.02;font-weight:700;max-width:880px;margin:0 auto 24px;letter-spacing:-.015em;text-shadow:0 2px 22px color-mix(in srgb,var(--bg) 75%,transparent)}
/* Nahtloser Loop: Kachel = 200% = exakt eine volle Verschiebung (90deg => Kanten deckungsgleich) */
.grad{background-image:linear-gradient(90deg,var(--c1),var(--c2),var(--c5),var(--c6),var(--c1));background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;animation:pan 7s linear infinite}
@keyframes pan{from{background-position:0 0}to{background-position:200% 0}}
.lead{color:var(--muted);font-size:1.15rem;max-width:560px;margin:0 auto 38px;text-shadow:0 1px 14px color-mix(in srgb,var(--bg) 85%,transparent)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.rise{animation:rise .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0ms)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
main .btn-primary,.server-connect{position:relative;overflow:hidden}
main .btn-primary::after,.server-connect::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:left .65s}
main .btn-primary:hover::after,.server-connect:hover::after{left:150%}

/* Tag-Pill + Puls */
.tag{display:inline-flex;align-items:center;gap:10px;padding:7px 15px;margin-bottom:22px;border-radius:999px;font:600 .78rem/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pulse{display:none;width:7px;height:7px;flex:none;border-radius:50%;background:var(--c4);box-shadow:0 0 0 0 color-mix(in srgb,var(--c4) 65%,transparent);animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c4) 65%,transparent)}70%,100%{box-shadow:0 0 0 10px transparent}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:920px;margin:64px auto 0;text-align:left;box-shadow:var(--shadow)}
.stat{background:var(--bg);padding:24px;position:relative;display:flex;align-items:center;gap:16px}
.ico{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:13px;color:var(--a);background:color-mix(in srgb,var(--a) 14%,transparent);border:1px solid color-mix(in srgb,var(--a) 38%,transparent)}.ico svg{width:22px;height:22px}
.stat::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--a);box-shadow:0 0 16px var(--a)}
.stat:nth-child(1){--a:var(--c1)}.stat:nth-child(2){--a:var(--c2)}.stat:nth-child(3){--a:var(--c5)}.stat:nth-child(4){--a:var(--c4)}
.stat .num{font:700 2.3rem/1.1 'Chakra Petch',sans-serif;display:flex;align-items:center}
.stat .label{color:var(--muted);font-size:.86rem}

section.block{padding-top:88px;padding-bottom:88px;border-top:1px solid var(--line)}
.block-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px;flex-wrap:wrap}
.block-head h2{font-size:2.2rem;font-weight:700;margin-bottom:6px}
.block-head p{color:var(--muted);max-width:480px}

.server-grid,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.server-card{padding:22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.server-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--a);box-shadow:0 0 20px var(--a)}
.server-card::after{content:"";position:absolute;inset:0;background:radial-gradient(320px 160px at 50% 0,color-mix(in srgb,var(--a) 20%,transparent),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}
.server-card:hover::after{opacity:1}.server-card>*{position:relative;z-index:1}
.server-card:nth-child(1){--a:var(--c1)}.server-card:nth-child(2){--a:var(--c5)}.server-card:nth-child(3){--a:var(--c4)}
.server-card:hover,.news-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px light-dark(rgba(30,20,80,.17),rgba(0,0,0,.65))}
.server-top{display:flex;justify-content:space-between;align-items:center}
.server-map{font:600 1.3rem 'Chakra Petch',sans-serif}
.server-mode{font-size:.78rem;color:var(--t5);background:rgba(8,169,255,.12);border:1px solid rgba(8,169,255,.3);padding:3px 10px;border-radius:20px}
.server-ip{color:var(--muted);font-size:.82rem;background:light-dark(rgba(30,20,60,.05),rgba(0,0,0,.28));border:1px solid var(--line);padding:9px 12px;border-radius:9px;overflow-wrap:anywhere}
.bar{height:9px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 9px)}
.bar i{display:block;height:100%;width:0;transition:width 1.3s cubic-bezier(.4,0,.2,1);background:repeating-linear-gradient(90deg,var(--a) 0 6px,transparent 6px 9px)}
.server-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--muted)}
.server-connect{font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:9px;background:var(--brand);color:#fff}
.bar.in i{width:var(--w)}
.server-connect:hover{filter:brightness(1.12)}

.split{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.thread-list{overflow:hidden}
.thread{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-left:3px solid var(--a);transition:background .2s}
.thread+.thread{border-top:1px solid var(--line)}.thread:hover{background:var(--panel2)}
.thread:nth-child(1){--a:var(--c2)}.thread:nth-child(2){--a:var(--c5)}.thread:nth-child(3){--a:var(--c1)}.thread:nth-child(4){--a:var(--c4)}
.thread .cat{font-size:.78rem;font-weight:600;margin-bottom:3px}
.thread:nth-child(1) .cat{color:var(--t2)}.thread:nth-child(2) .cat{color:var(--t5)}.thread:nth-child(3) .cat{color:var(--t1)}.thread:nth-child(4) .cat{color:var(--t4)}
.thread .title{font-weight:600}
.thread .meta{color:var(--muted);font-size:.82rem;margin-top:3px}
.side-panel{padding:24px}
.side-panel h3{font-size:1.15rem;margin-bottom:12px}
.side-row{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.side-row:last-child{border-bottom:0}
.side-row b{font:700 1.3rem 'Chakra Petch',sans-serif;color:var(--t6)}

.news-card{overflow:hidden;transition:transform .2s}
.news-thumb{height:150px;position:relative;background:var(--g)}
.news-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px) 0 0/28px 28px;-webkit-mask-image:radial-gradient(circle at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 70% 40%,#000,transparent 75%)}
.news-thumb::after{transition:transform .6s}.news-card:hover .news-thumb::after{transform:scale(1.12) rotate(2deg)}
.g1{--g:linear-gradient(135deg,var(--c1),var(--c2))}.g2{--g:linear-gradient(135deg,var(--c6),var(--c5))}.g3{--g:linear-gradient(135deg,var(--c2),var(--c3))}
.news-card{display:block;color:inherit}
.news-thumb{overflow:hidden}
.news-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15;transition:opacity .3s,transform .6s}
.news-card:hover .news-thumb img{opacity:.8;transform:scale(1.04)}
.news-empty{grid-column:1/-1;color:var(--muted);text-align:center;padding:24px 0}
.news-body{padding:22px}
.news-body .cat{font-size:.78rem;color:var(--t6);font-weight:600;margin-bottom:8px}
.meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.meta-row .cat{margin:0!important}.date{color:var(--muted);font-size:.8rem;white-space:nowrap}
.title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}.title-row h2{margin:0!important}
.powered{font:500 .8rem Inter,sans-serif;color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:5px 13px;border-radius:30px;transition:border-color .2s}.powered b{color:var(--t6);font-weight:700}.powered:hover{border-color:var(--c6)}
.news-body h3{font-size:1.1rem;line-height:1.3;margin-bottom:8px}
.news-body p{color:var(--muted);font-size:.9rem}

footer{border-top:1px solid var(--line);padding:72px 0 32px;background:var(--bg2);position:relative;overflow:hidden}
footer::before{content:"";position:absolute;top:-160px;left:50%;width:900px;height:320px;margin-left:-450px;background:radial-gradient(closest-side,rgba(160,32,255,.24),transparent);filter:blur(60px);pointer-events:none}
.lang-select{display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted)}.lang-select select{background:none;border:0;color:var(--text);font:500 .88rem Inter,sans-serif;padding:8px 4px;cursor:pointer}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;margin-bottom:48px}
.footer-brand img{width:120px;height:auto;filter:drop-shadow(0 0 1px light-dark(transparent,rgba(255,255,255,.7)))}
.footer-brand p{color:var(--muted);font-size:.9rem;max-width:260px;margin-top:14px}
.social-icons {width:auto;height:32px;margin-top:10px;}
.social-x-icon,.social-instagram-icon,.social-facebook-icon,.social-youtube-icon {width:32px;height:32px;background-repeat:no-repeat;float:left;opacity:0.5;border:2px solid #FFF; border-radius:8px; margin-right:6px;}
.social-x-icon:hover,.social-instagram-icon:hover,.social-facebook-icon:hover,.social-youtube-icon:hover {opacity:0.8;cursor:pointer;}
.social-x-icon {background-color:#000; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNMTYwIDk2QzEyNC43IDk2IDk2IDEyNC43IDk2IDE2MEw5NiA0ODBDOTYgNTE1LjMgMTI0LjcgNTQ0IDE2MCA1NDRMNDgwIDU0NEM1MTUuMyA1NDQgNTQ0IDUxNS4zIDU0NCA0ODBMNTQ0IDE2MEM1NDQgMTI0LjcgNTE1LjMgOTYgNDgwIDk2TDE2MCA5NnpNNDU3LjEgMTgwTDM1My4zIDI5OC42TDQ3NS40IDQ2MEwzNzkuOCA0NjBMMzA1IDM2Mi4xTDIxOS4zIDQ2MEwxNzEuOCA0NjBMMjgyLjggMzMzLjFMMTY1LjcgMTgwTDI2My43IDE4MEwzMzEuNCAyNjkuNUw0MDkuNiAxODBMNDU3LjEgMTgwek00MTkuMyA0MzEuNkwyNDkuNCAyMDYuOUwyMjEuMSAyMDYuOUwzOTIuOSA0MzEuNkw0MTkuMyA0MzEuNnoiLz48L3N2Zz4=")}
.social-instagram-icon {background-color:#ff8800; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNMjkwLjQgMjc1LjdDMjc0IDI4NiAyNjQuNSAzMDQuNSAyNjUuNSAzMjMuOEMyNjYuNiAzNDMuMiAyNzguMiAzNjAuNCAyOTUuNiAzNjguOUMzMTMuMSAzNzcuMyAzMzMuOCAzNzUuNSAzNDkuNiAzNjQuM0MzNjYgMzU0IDM3NS41IDMzNS41IDM3NC41IDMxNi4yQzM3My40IDI5Ni44IDM2MS44IDI3OS42IDM0NC40IDI3MS4xQzMyNi45IDI2Mi43IDMwNi4yIDI2NC41IDI5MC40IDI3NS43ek00MzIuNyAyMDcuM0M0MjcuNSAyMDIuMSA0MjEuMiAxOTggNDE0LjMgMTk1LjNDMzk2LjIgMTg4LjIgMzU2LjcgMTg4LjUgMzMxLjIgMTg4LjhDMzI3LjEgMTg4LjggMzIzLjMgMTg4LjkgMzIwIDE4OC45QzMxNi43IDE4OC45IDMxMi44IDE4OC45IDMwOC42IDE4OC44QzI4My4xIDE4OC41IDI0My44IDE4OC4xIDIyNS43IDE5NS4zQzIxOC44IDE5OCAyMTIuNiAyMDIuMSAyMDcuMyAyMDcuM0MyMDIgMjEyLjUgMTk4IDIxOC44IDE5NS4zIDIyNS43QzE4OC4yIDI0My44IDE4OC42IDI4My40IDE4OC44IDMwOC45QzE4OC44IDMxMyAxODguOSAzMTYuOCAxODguOSAzMjBDMTg4LjkgMzIzLjIgMTg4LjkgMzI3IDE4OC44IDMzMS4xQzE4OC42IDM1Ni42IDE4OC4yIDM5Ni4yIDE5NS4zIDQxNC4zQzE5OCA0MjEuMiAyMDIuMSA0MjcuNCAyMDcuMyA0MzIuN0MyMTIuNSA0MzggMjE4LjggNDQyIDIyNS43IDQ0NC43QzI0My44IDQ1MS44IDI4My4zIDQ1MS41IDMwOC44IDQ1MS4yQzMxMi45IDQ1MS4yIDMxNi43IDQ1MS4xIDMyMCA0NTEuMUMzMjMuMyA0NTEuMSAzMjcuMiA0NTEuMSAzMzEuNCA0NTEuMkMzNTYuOSA0NTEuNSAzOTYuMiA0NTEuOSA0MTQuMyA0NDQuN0M0MjEuMiA0NDIgNDI3LjQgNDM3LjkgNDMyLjcgNDMyLjdDNDM4IDQyNy41IDQ0MiA0MjEuMiA0NDQuNyA0MTQuM0M0NTEuOSAzOTYuMyA0NTEuNSAzNTYuOSA0NTEuMiAzMzEuM0M0NTEuMiAzMjcuMSA0NTEuMSAzMjMuMiA0NTEuMSAzMTkuOUM0NTEuMSAzMTYuNiA0NTEuMSAzMTIuOCA0NTEuMiAzMDguNUM0NTEuNSAyODMgNDUxLjkgMjQzLjYgNDQ0LjcgMjI1LjVDNDQyIDIxOC42IDQzNy45IDIxMi40IDQzMi43IDIwNy4xTDQzMi43IDIwNy4zek0zNjUuNiAyNTEuOEMzODMuNyAyNjMuOSAzOTYuMiAyODIuNyA0MDAuNSAzMDRDNDA0LjggMzI1LjMgNDAwLjMgMzQ3LjUgMzg4LjIgMzY1LjZDMzgyLjIgMzc0LjYgMzc0LjUgMzgyLjIgMzY1LjYgMzg4LjJDMzU2LjcgMzk0LjIgMzQ2LjYgMzk4LjMgMzM2IDQwMC40QzMxNC43IDQwNC42IDI5Mi41IDQwMC4yIDI3NC40IDM4OC4xQzI1Ni4zIDM3NiAyNDMuOCAzNTcuMiAyMzkuNSAzMzUuOUMyMzUuMiAzMTQuNiAyMzkuNyAyOTIuNCAyNTEuNyAyNzQuM0MyNjMuNyAyNTYuMiAyODIuNiAyNDMuNyAzMDMuOSAyMzkuNEMzMjUuMiAyMzUuMSAzNDcuNCAyMzkuNiAzNjUuNSAyNTEuNkwzNjUuNiAyNTEuNnpNMzk0LjggMjUwLjVDMzkxLjcgMjQ4LjQgMzg5LjIgMjQ1LjQgMzg3LjcgMjQxLjlDMzg2LjIgMjM4LjQgMzg1LjkgMjM0LjYgMzg2LjYgMjMwLjhDMzg3LjMgMjI3IDM4OS4yIDIyMy43IDM5MS44IDIyMUMzOTQuNCAyMTguMyAzOTcuOSAyMTYuNSA0MDEuNiAyMTUuOEM0MDUuMyAyMTUuMSA0MDkuMiAyMTUuNCA0MTIuNyAyMTYuOUM0MTYuMiAyMTguNCA0MTkuMiAyMjAuOCA0MjEuMyAyMjMuOUM0MjMuNCAyMjcgNDI0LjUgMjMwLjcgNDI0LjUgMjM0LjVDNDI0LjUgMjM3IDQyNCAyMzkuNSA0MjMuMSAyNDEuOEM0MjIuMiAyNDQuMSA0MjAuNyAyNDYuMiA0MTkgMjQ4QzQxNy4zIDI0OS44IDQxNS4xIDI1MS4yIDQxMi44IDI1Mi4yQzQxMC41IDI1My4yIDQwOCAyNTMuNyA0MDUuNSAyNTMuN0M0MDEuNyAyNTMuNyAzOTggMjUyLjYgMzk0LjkgMjUwLjVMMzk0LjggMjUwLjV6TTU0NCAxNjBDNTQ0IDEyNC43IDUxNS4zIDk2IDQ4MCA5NkwxNjAgOTZDMTI0LjcgOTYgOTYgMTI0LjcgOTYgMTYwTDk2IDQ4MEM5NiA1MTUuMyAxMjQuNyA1NDQgMTYwIDU0NEw0ODAgNTQ0QzUxNS4zIDU0NCA1NDQgNTE1LjMgNTQ0IDQ4MEw1NDQgMTYwek00NTMgNDUzQzQzNC4zIDQ3MS43IDQxMS42IDQ3Ny42IDM4NiA0NzguOUMzNTkuNiA0ODAuNCAyODAuNCA0ODAuNCAyNTQgNDc4LjlDMjI4LjQgNDc3LjYgMjA1LjcgNDcxLjcgMTg3IDQ1M0MxNjguMyA0MzQuMyAxNjIuNCA0MTEuNiAxNjEuMiAzODZDMTU5LjcgMzU5LjYgMTU5LjcgMjgwLjQgMTYxLjIgMjU0QzE2Mi41IDIyOC40IDE2OC4zIDIwNS43IDE4NyAxODdDMjA1LjcgMTY4LjMgMjI4LjUgMTYyLjQgMjU0IDE2MS4yQzI4MC40IDE1OS43IDM1OS42IDE1OS43IDM4NiAxNjEuMkM0MTEuNiAxNjIuNSA0MzQuMyAxNjguMyA0NTMgMTg3QzQ3MS43IDIwNS43IDQ3Ny42IDIyOC40IDQ3OC44IDI1NEM0ODAuMyAyODAuMyA0ODAuMyAzNTkuNCA0NzguOCAzODUuOUM0NzcuNSA0MTEuNSA0NzEuNyA0MzQuMiA0NTMgNDUyLjlMNDUzIDQ1M3oiLz48L3N2Zz4=")}
.social-facebook-icon {background-color:#1877F2; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNMTYwIDk2QzEyNC43IDk2IDk2IDEyNC43IDk2IDE2MEw5NiA0ODBDOTYgNTE1LjMgMTI0LjcgNTQ0IDE2MCA1NDRMMjU4LjIgNTQ0TDI1OC4yIDM5OC4yTDIwNS40IDM5OC4yTDIwNS40IDMyMEwyNTguMiAzMjBMMjU4LjIgMjg2LjNDMjU4LjIgMTk5LjIgMjk3LjYgMTU4LjggMzgzLjIgMTU4LjhDMzk5LjQgMTU4LjggNDI3LjQgMTYyIDQzOC45IDE2NS4yTDQzOC45IDIzNkM0MzIuOSAyMzUuNCA0MjIuNCAyMzUgNDA5LjMgMjM1QzM2Ny4zIDIzNSAzNTEuMSAyNTAuOSAzNTEuMSAyOTIuMkwzNTEuMSAzMjBMNDM0LjcgMzIwTDQyMC4zIDM5OC4yTDM1MSAzOTguMkwzNTEgNTQ0TDQ4MCA1NDRDNTE1LjMgNTQ0IDU0NCA1MTUuMyA1NDQgNDgwTDU0NCAxNjBDNTQ0IDEyNC43IDUxNS4zIDk2IDQ4MCA5NkwxNjAgOTZ6Ii8+PC9zdmc+")}
.social-youtube-icon {background-color:#FF0000; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj4KICA8cGF0aCBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIGQ9Ik0zNzggMzIwLjJMMjgyLjggMjY2LjFMMjgyLjggMzc0LjNMMzc4IDMyMC4yek00ODAgOTZMMTYwIDk2QzEyNC43IDk2IDk2IDEyNC43IDk2IDE2MEw5NiA0ODBDOTYgNTE1LjMgMTI0LjcgNTQ0IDE2MCA1NDRMNDgwIDU0NEM1MTUuMyA1NDQgNTQ0IDUxNS4zIDU0NCA0ODBMNTQ0IDE2MEM1NDQgMTI0LjcgNTE1LjMgOTYgNDgwIDk2ek00OTQuNCAyMzIuMUM1MDIgMjYwLjcgNTAyIDMyMC4zIDUwMiAzMjAuM0M1MDIgMzIwLjMgNTAyIDM3OS45IDQ5NC40IDQwOC40QzQ5MC4yIDQyNC4yIDQ3Ny45IDQzNi4xIDQ2Mi4yIDQ0MC4zQzQzMy45IDQ0OCAzMjAgNDQ4IDMyMCA0NDhDMzIwIDQ0OCAyMDYuMSA0NDggMTc3LjggNDQwLjRDMTYyLjEgNDM2LjIgMTQ5LjggNDI0LjMgMTQ1LjYgNDA4LjVDMTM4IDM3OS45IDEzOCAzMjAuMyAxMzggMzIwLjNDMTM4IDMyMC4zIDEzOCAyNjAuNiAxNDUuNiAyMzIuMUMxNDkuOCAyMTYuMyAxNjIuMSAyMDMuOSAxNzcuOCAxOTkuN0MyMDYuMSAxOTIgMzIwIDE5MiAzMjAgMTkyQzMyMCAxOTIgNDMzLjkgMTkyIDQ2Mi4yIDE5OS43QzQ3Ny45IDIwMy45IDQ5MC4yIDIxNi4zIDQ5NC40IDIzMi4xeiI+PC9wYXRoPgo8L3N2Zz4K")}
.footer-col h4{font-size:.95rem;color:var(--t6)}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:16px}
.footer-col a{color:var(--muted);font-size:.9rem}.footer-col a:hover{color:var(--text)}
.footer-col a.sub{font-family:'JetBrains Mono',monospace;font-size:.85rem}.sub b{font-weight:700}
.sub b{font-weight:800}.footer-col li:nth-child(1) .sub b{color:var(--c1)}.footer-col li:nth-child(2) .sub b{color:var(--c5)}.footer-col li:nth-child(3) .sub b{color:var(--c2)}.footer-col li:nth-child(4) .sub b{color:var(--c4)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem;flex-wrap:wrap;gap:12px}
.footer-bottom-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.jusprog-logo{display:inline-flex;line-height:0;border-radius:4px}.jusprog-logo img{display:block;max-width:100%;height:auto}

::selection{background:var(--c6);color:#fff}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--c5),var(--c6));border-radius:20px;border:3px solid var(--bg2)}
/*body::before {content: "";position: fixed;top: 0;left: 0;right: 0;height: env(safe-area-inset-top, 0px);background: #000;z-index: 55;pointer-events: none;}*/
body::after{content:"";position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
:focus-visible{outline:2px solid var(--c5);outline-offset:2px}
@media(max-width:900px){.nav-links{display:none}.hero{padding-top:56px}.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.server-grid,.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.wrap{padding:0 20px}.logo img{width:130px}.burger{display:block}.mobile-menu:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;padding:8px 0 22px;background:light-dark(rgba(246,244,255,.97),rgba(11,10,24,.97));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}}
@media(max-width:760px){.nav-right .themes{display:none}.mobile-menu .themes{display:inline-flex}}
@media(max-width:420px){.nav-right .themes{display:none}.mobile-menu .themes{display:inline-flex} .logo img{width:100px}}
@media(max-width:390px){.nav-right .btn{display:none}.nav-right .user-widget{display:none}.mobile-menu .login-btn:not([hidden]){display:inline-flex}.mobile-menu .user-widget:not([hidden]){display:block}.stat{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.stat .num{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.rgb-bar,.rise,.grad,.pulse,.bar i{animation:none;transition:none}html{scroll-behavior:auto}}

/* ---------- Video DSGVO Platzhalter YouTube ---------- */
.video-container embed,.video-container iframe,.video-container object,.yt-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}
.video-container iframe{z-index:1}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-top:15px}