/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
#nx-loader{position:fixed;inset:0;z-index:100000;background:var(--nx-grund,#101013)}
@keyframes nxlflow{0%{transform:translate3d(28%,0,0)}100%{transform:translate3d(-28%,0,0)}}
#nx-loader .nxl-note::before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:260%;z-index:-1;background:linear-gradient(110deg,rgba(91,39,232,0) 34%,transparent 47%,rgba(52,229,216,.34) 53%,rgba(91,39,232,0) 66%);animation:nxlflow 1.6s linear infinite;will-change:transform}
#nx-loader.nxl-off{opacity:0;pointer-events:none}
#nx-loader .nxl-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;max-width:88vw;padding:10px 16px;border-radius:var(--nx-r-pille);background:var(--nx-hebung);position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,0.14);font:700 var(--nx-typo-text)/1.35 "Nunito Sans",sans-serif;color:var(--nx-text2);text-align:left;white-space:nowrap}
@media(max-width:560px){#nx-loader .nxl-note{white-space:normal;text-align:center;max-width:84vw}}
#nx-loader .nxl-note .nxl-dot{width:8px;height:8px;border-radius:50%;background:#34e5d8;box-shadow:none;flex:none}
body{margin:0;}
.nx-drawer{position:fixed;inset:0;z-index:9700;display:none}
.nx-drawer.open{display:block}
.nx-drawer .nx-scrim{position:absolute;inset:0;background:rgba(4,4,8,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nx-drawer.open .nx-panel{transform:translateX(0)}
.nx-drawer .nx-dhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.nx-drawer .nx-dclose{width:38px;height:38px;border-radius:var(--nx-r-karte);border:1px solid var(--line,#23233a);
 background:transparent;color:#fff;font-size:18px;cursor:pointer}
@media (hover:hover){.nx-drawer a.nx-dlink:hover{background:var(--nx-hebung)}}
.nx-drawer a.nx-dlink.active{background:var(--nx-hebung);color:var(--nx-text)}
.nx-drawer .nx-dsep{height:1px;background:var(--line,#23233a);margin:8px 4px}
body.nx-lock{overflow:hidden}
@media(max-width:900px){
 .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
 
 .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:760px){
 table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:900px){
 .carousel,.t10row,.row-scroll,.hscroll,.mstrip,.cardrow{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
}
@media(max-width:760px){
 
 .bento .sptile{min-height:150px}
 .bento .sptile.big{min-height:210px}
}
@media(max-width:480px){
 .bento .sptile{min-height:180px}
}
@media(max-width:760px){
 
 .lfgband{padding:16px 16px;gap:8px}
 .thhead{row-gap:8px}
 .thpres{line-height:1.5}
 .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
 
 .chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
}
@supports (height:100svh){
 body{min-height:100svh}
}
@supports (height:100dvh){
 .shell,.app,.page,main{min-height:auto}
}
.nx-demobar{min-height:38px;box-sizing:border-box;align-items:center}
@media(max-width:900px){
 
 
 
}
.carousel,.t10row,.row-scroll,.hscroll,.mstrip,.cardrow,.chips,table{
 -webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar,.t10row::-webkit-scrollbar,.hscroll::-webkit-scrollbar,
.mstrip::-webkit-scrollbar,.cardrow::-webkit-scrollbar{height:0}
@media(max-width:900px){ input,textarea,select{font-size:16px}
}
@media(max-width:900px){
  [style*="position:sticky"]{top:0}
}
body::before{-webkit-transform:translateZ(0);transform:translateZ(0)}
@media(max-width:900px){
  .chip-f,.tha,button,.rbtn{touch-action:manipulation}
}
.nx-db-persp{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:580;
  display:inline-flex;gap:6px;align-items:center;
  padding:8px;border-radius:var(--nx-r-pille);
  background:var(--nx-flaeche);
backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}
.nx-db-persp::before{content:"Preview as";font-family:var(--nx-f-text);font-weight:800;
  font-size:var(--nx-typo-meta);color:var(--nx-text);
  padding:0 12px 0 10px}
.nx-db-persp-tab{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--nx-r-pille);
  font-family:var(--nx-f-text);font-weight:700;font-size:14px;letter-spacing:.02em;
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media (hover:hover){.nx-db-persp-tab:hover{color:#fff;background:var(--nx-hebung-2)}}
.nx-demobar .nx-db-persp-tab,.nx-db-persp .nx-db-persp-tab{text-decoration:none}
.nx-db-persp-tab.active{color:#fff;background:var(--accent);border-color:transparent;
}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  .nx-db-persp::before{font-size:var(--nx-typo-klein);padding:0 8px 0 6px}
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.socialbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0 2px}
.sb-stat{font-size:var(--nx-typo-text);color:var(--dim)}
.sb-stat b{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff;margin-right:4px}
.sb-mutual{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-text);color:var(--dim)}
.sb-mfaces{display:inline-flex}
.sb-mfaces i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;
  font-family:var(--nx-f-text);font-weight:700;font-size:8.5px;color:#fff;
  background:var(--accent);border:2px solid var(--bg,#08080a);margin-left:-7px}
.sb-mfaces i:first-child{margin-left:0}
@media(max-width:760px){.socialbar{gap:16px}.sb-mutual{flex-basis:100%}}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:.02em;color:var(--green,#3be37a);
  background:rgba(59,227,122,.09);
  padding:3px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;cursor:help;line-height:1}
.nx-biasfree svg{flex:none;width:12px;height:12px}
.nx-biasfree.dim{color:var(--dim);background:var(--nx-hebung)}
@media(max-width:600px){.nx-biasfree{font-size:var(--nx-typo-klein);padding:3px 8px}}
.nx-info{display:flex;align-items:flex-start;gap:16px;
 max-width:var(--nx-breite);margin:0 auto 4px;padding:16px 16px;
 border-radius:var(--nx-r-tafel);border:1px solid var(--line,#23233a);
 background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(19,19,30,.5));
 position:relative;z-index:1}
.nx-info-ic{width:34px;height:34px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;
 background:var(--nx-hebung);color:var(--nx-text)}
.nx-info-ic svg{width:19px;height:19px}
.nx-info-bd{flex:1;min-width:0}
.nx-info-t{font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:#fff;margin-bottom:3px}
.nx-info-x{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.5}
.nx-info-close{flex:none;width:28px;height:28px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);
 background:transparent;color:var(--dim);cursor:pointer;display:grid;place-items:center;transition:.15s}
@media (hover:hover){.nx-info-close:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
@media(max-width:600px){.nx-info{padding:16px 16px;gap:8px}.nx-info-ic{width:30px;height:30px}}
.ov{background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{background-position:7px 7px}
.tcard > div:not([class]){min-width:0;flex:1}
.rank > div:not([class]){min-width:0;flex:1}
.nx-mbox > div:not([class]){min-width:0;flex:1}
.cname,.uname,.rname,.pname,.gname,.sname,.lname{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cmeta,.rmeta,.gmeta,.umeta{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tcard .cbtn,.tcard > button:last-child{flex:none;}
.custin .t{flex:1;min-width:0}
.im{margin-top:4px}
.fclaim{font-family:'Nunito Sans',sans-serif;max-width:320px;margin-top:2px}
.fclaim .fcl1,.fclaim .fcl2{display:flex;align-items:flex-start;gap:8px;color:var(--dim)}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4;letter-spacing:.1px}
.fclaim .fcli{width:14px;height:14px;flex:none;margin-top:2px;color:inherit}
.console-cta{background:var(--nx-hebung);}
@media (hover:hover){.console-cta:hover{background:var(--nx-hebung);}}
.section > h2:first-child, .nx-rows > h2:first-child{margin:0 0 16px}
.nx-guard{display:flex;align-items:flex-start;gap:8px;margin:18px 0 4px;padding:12px 14px;
 border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-karte);
 background:var(--nx-hebung);color:var(--dim);font-size:var(--nx-typo-text);line-height:1.45}
.nx-guard svg{flex:none;margin-top:1px;color:var(--nx-text)}
.nx-guard b{color:var(--txt);font-weight:700}
.nx-ctrls.inhead{
 margin:0 0 0 auto;display:inline-flex;gap:10px;align-items:center;
 opacity:0;pointer-events:none;transition:opacity .15s ease}
.nx-row:hover .nx-ctrls.inhead,.nx-ctrls.inhead.show{opacity:1;pointer-events:auto}
.nx-ctrls.inhead + .seeall{margin-left:14px}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.nxc-modal{position:fixed;inset:0;background:rgba(4,4,9,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:none;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .15s}
.nxc-modal.open{display:flex;opacity:1}
.nxc-box{width:min(440px,94vw);background:var(--nx-hebung);border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);padding:26px 24px;text-align:center;box-shadow:none}
.nxc-ic{width:46px;height:46px;margin:0 auto 14px;border-radius:var(--nx-r-tafel);display:grid;place-items:center;font-size:22px;color:#fff;background:var(--accent)}
.nxc-t{font-family:var(--nx-f-titel);font-weight:800;font-size:18px;color:var(--txt);margin-bottom:8px}
.nxc-s{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.5;margin-bottom:20px}
.nxc-s b{color:var(--txt)}
.nxc-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.nxc-cancel{padding:10px 16px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:none;color:var(--dim);font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
@media (hover:hover){.nxc-cancel:hover{color:var(--txt);border-color:var(--line2,var(--nx-linie))}}
.nxc-go{padding:10px 18px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent,#5b27e8);color:#fff;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
@media (hover:hover){.nxc-go:hover{filter:brightness(1.08)}}
.nx-skel{height:64px;border-radius:var(--nx-r-karte);margin:8px 0;background:linear-gradient(90deg,var(--surface2,#202024) 25%,#22223400 37%,var(--surface2,#202024) 63%);background-size:400% 100%;animation:nxshimmer 1.4s ease infinite}
@keyframes nxshimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.nx-empty{padding:22px 4px;color:var(--dim);font-size:14px}
.ff-seg{display:flex;gap:4px;margin-bottom:7px}
.ff-t{flex:1;padding:6px 0;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.08);background:var(--nx-hebung);color:var(--dim);font-size:var(--nx-typo-meta);font-family:var(--nx-f-text);cursor:pointer;white-space:nowrap;transition:.15s}
@media (hover:hover){.ff-t:hover{color:#fff;background:var(--nx-hebung)}}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.ff-add-row{display:flex;gap:6px;margin-bottom:11px}
.ff-in{flex:1;min-width:0;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);color:#fff;font-size:var(--nx-typo-text);padding:8px 12px;font-family:inherit}
.ff-in::placeholder{color:var(--nx-leise)}
.ff-in:focus{outline:none;border-color:var(--accent)}
.ff-add{flex:none;width:34px;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:.15s}
@media (hover:hover){.ff-add:hover{background:var(--nx-hebung)}}
.savedfilters{display:flex;flex-wrap:wrap;gap:6px}
.sf{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.08);font-size:var(--nx-typo-text);color:var(--dim);cursor:pointer;transition:.15s;font-family:var(--nx-f-text)}
@media (hover:hover){.sf:hover{background:var(--nx-hebung)}}
.sf.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.sf-dot{width:7px;height:7px;border-radius:50%;flex:none;opacity:.55}
.sf.on .sf-dot{opacity:1}
.sf-t{line-height:1}
.sf-x{background:none;border:none;color:inherit;font-size:var(--nx-typo-kartenkopf);line-height:1;cursor:pointer;opacity:.45;padding:0 2px;font-family:inherit}
@media (hover:hover){.sf-x:hover{opacity:1;color:#ff6b6b}}
.ff-empty{font-size:var(--nx-typo-meta);color:var(--dim)}
.cname,.uname,.dsrcname{cursor:pointer;transition:color .15s}
@media (hover:hover){.cname:hover,.uname:hover,.dsrcname:hover{color:var(--nx-text)}}
.ctop{cursor:pointer}
.nx-pcswitch{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);flex:none}
.nx-pcswitch a{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:12px 16px;border-radius:var(--nx-r-bedien);color:var(--dim);text-decoration:none;display:flex;align-items:center;gap:8px;transition:.15s;cursor:pointer;line-height:1;white-space:nowrap}
.nx-pcswitch a svg{width:15px;height:15px;flex:none}
@media (hover:hover){.nx-pcswitch a:hover{color:#fff}}
.nx-pcswitch a.on{color:#fff;background:var(--accent);box-shadow:none}
.nx-demobar .nx-pcswitch{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:2px;border-radius:var(--nx-r-bedien);border-color:rgba(255,255,255,.20);background:var(--nx-hebung)}
.nx-demobar .nx-pcswitch a{font-size:var(--nx-typo-klein);padding:4px 10px;border-radius:var(--nx-r-bedien);gap:4px;color:rgba(255,255,255,.72)}
.nx-demobar .nx-pcswitch a svg{width:12px;height:12px}
@media (hover:hover){.nx-demobar .nx-pcswitch a:hover{color:#fff}}
.nx-demobar .nx-pcswitch a.on{background:rgba(255,255,255,.20);color:#fff;box-shadow:none}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);background:var(--bg);min-height:100vh;position:relative;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;z-index:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px}
a{color:inherit;text-decoration:none}
svg{display:block}
.logo{height:19px;width:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.h-display{font-family:var(--nx-f-titel);font-weight:800;line-height:1.04;letter-spacing:-.01em}
@media (hover:hover){.btn.pri:hover{transform:translateY(-1px)}}
.btn.ghost{border:1px solid var(--line)}
@media (hover:hover){.btn.ghost:hover{border-color:var(--line2)}}
.lwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}
.lcard{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:34px 32px;box-shadow:none}
.lcard .top{text-align:center;margin-bottom:26px}
.lcard .top a{display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}
.lcard .top .beta{position:relative;vertical-align:middle;margin-left:5px}
.lcard h1{font-family:var(--nx-f-titel);font-weight:800;font-size:26px;margin-bottom:6px}
.lcard .sub{color:var(--dim);font-size:14px}
.oauth{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.ob{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
@media (hover:hover){.ob:hover{border-color:var(--line2);background:var(--nx-hebung-2)}}
.ob svg{width:19px;height:19px}
.divider{display:flex;align-items:center;gap:14px;color:var(--faint);font-size:var(--nx-typo-text);margin:4px 0 18px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.field{margin-bottom:14px}
.field label{display:block;font-size:var(--nx-typo-text);font-weight:700;color:var(--dim);margin-bottom:6px}
.field input{width:100%;padding:12px 14px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);font:inherit;font-size:14px;outline:none}
.field input:focus{border-color:var(--accent)}
.signin{width:100%;padding:12px;border-radius:var(--nx-r-karte);border:none;background:var(--accent);color:#fff;font:inherit;font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer;margin-top:6px}
@media (hover:hover){.signin:hover{background:#5b27e8}}
.alt{text-align:center;margin-top:18px;font-size:14px;color:var(--dim)}
.alt a{color:var(--nx-text);font-weight:700;cursor:pointer}
.legal{text-align:center;margin-top:18px;font-size:var(--nx-typo-meta);color:var(--faint);line-height:1.5}
.legal a{color:var(--dim);text-decoration:underline}
/* Der Zurueck-Weg steht unter der Kopfflaeche, auf der Kante des Hauses ·
  vorher lag er bei 22 Punkten hinter der festen Kopfleiste. */
.back{position:fixed;top:calc(var(--nx-kopf, 72px) + 16px);left:var(--nx-kopfrand,34px);z-index:2;font-size:var(--nx-typo-text);font-weight:700;color:var(--dim)}
@media (hover:hover){.back:hover{color:var(--txt)}}
.nx-fb-h .grad{white-space:nowrap}
.nx-db-persp{border:1px solid rgba(255,255,255,.12);box-shadow:none}
.nx-db-persp-tab.active{box-shadow:none}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
.av{position:relative;line-height:1}
.av>.online{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#3be37a;box-shadow:0 0 0 2px var(--panel,#121215)}
.av{font-family:var(--nx-f-text)}
@keyframes nxOnlineBreath{from{box-shadow:none}to{box-shadow:none}}
.pb-reset{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.3px;cursor:pointer;transition:background .15s}
@media (hover:hover){.pb-reset:hover{background:rgba(255,255,255,.15)}}
.pb-reset svg{display:block}
.invdec{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.invdec svg{display:block}
.chjoin{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.chjoin svg{display:block}
.nxn-clear{border-radius:var(--nx-r-pille);padding:4px 12px;border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--nx-text);font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:.3px;cursor:pointer;transition:background .15s}
@media (hover:hover){.nxn-clear:hover{background:var(--nx-hebung)}}
.banner,[style*="linear-gradient("]{background-repeat:no-repeat}
img,[style*="gradient"],.cov,.cov>*,.av,.sthumb,.spthumb,.gc-cov,[class*="-cov"],[class*="thumb"],.nx-clip,.nx-ytclip-thumb,.sptile>*,.cimg,.gimg,.eimg{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}
.pb-navlab{flex:none;font:800 9px var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-prevbar{overflow:hidden}
.nx-prevbar>.pb-badge{flex:none}
.nx-prevbar>.pb-right{flex:none;margin-left:auto}
.nx-prevbar>.pb-switch{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);scroll-behavior:smooth}
.nx-prevbar>.pb-switch[data-nx-ende]{mask-image:none;-webkit-mask-image:none}
.nx-prevbar>.pb-switch::-webkit-scrollbar{display:none}
@media(max-width:1100px){.pb-navlab{display:none}}
.pb-reset-lead{margin-left:0}
.nx-idpop{position:absolute;top:calc(100% + var(--nx-kopf-haken, 8px));right:0;min-width:210px;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:120}
.nx-idi{display:block;width:100%;text-align:left;padding:8px 14px;border:0;background:none;border-radius:var(--nx-r-bedien);color:var(--txt);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
@media (hover:hover){.nx-idi:hover{background:var(--nx-hebung)}}
.nx-idh{color:var(--dim);font:700 9px var(--nx-f-text);padding:10px 14px 4px}
.nx-idi-q{color:var(--nx-text)}
.nx-idsep{height:1px;background:var(--line,rgba(255,255,255,.08));margin:6px 8px}
.nx-idout{color:var(--dim)}
input, select, textarea{font-family:inherit}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}
p,p,.note,.note,.sub,.sub,.nx-why-p,.nx-why-p,.lead,.lead,.nxp3-v span,.nxp3-v span,.desc,.desc,.cardsub,.cardsub,.subline,.subline,.nx-surf-step span,.nx-surf-step span,.nx-surf-step,.nx-surf-step,.nxp3-v,.nxp3-v,.hiw-step span,.hiw-step span{text-wrap:pretty}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .finner .fbrand{min-width:0}}
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{margin-top:0;margin-bottom:0}
section.nx-row.nx-row:has(.gcard),.section.nx-row.nx-row:has(.gcard){padding-top:3px;padding-bottom:3px}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
#nx-hiw{padding-top:0}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
.topbar + section.nx-row.nx-row.nx-row.nx-row,.topbar ~ main > section.nx-row:first-child,.topbar + .section.nx-row.nx-row.nx-row{margin-top:32px}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:22px;font-weight:800;line-height:1.2}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
.nx-anim-pop{animation:nxpop .24s ease-out}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.nx-anim-in{animation:nxfadeup .34s cubic-bezier(.2,.7,.3,1) both}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.nx-anim-toast{animation:nxtoastin .3s cubic-bezier(.2,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
#nxMsgMenu{position:fixed;z-index:9600;width:300px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-tafel);padding:8px;box-shadow:var(--nx-schatten);font-family:"Nunito Sans",sans-serif;display:none}
#nxMsgMenu.open{display:block}
#nxMsgMenu .mh{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
#nxMsgMenu .mi{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--nx-r-bedien);text-decoration:none}
@media (hover:hover){#nxMsgMenu .mi:hover{background:var(--nx-hebung)}}
#nxMsgMenu .mav{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
#nxMsgMenu .mt{flex:1;min-width:0}
#nxMsgMenu .mn{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
#nxMsgMenu .ms{display:block;font:400 var(--nx-typo-text)/1.45 "Nunito Sans",sans-serif;color:var(--dim);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nxMsgMenu .mz{font:400 var(--nx-typo-klein) "Nunito Sans",sans-serif;color:var(--nx-leise);flex:none;margin-top:2px}
#nxMsgMenu .mf{border-top:1px solid rgba(255,255,255,.07);margin-top:6px;padding:9px 10px 4px;text-align:center}
#nxMsgMenu .mf a{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--nx-text);text-decoration:none}
#nx-search-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-karte);box-shadow:var(--nx-schatten);padding:6px;z-index:6000;display:none;max-height:420px;overflow:auto}
#nx-search-drop.on{display:block}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
@media (hover:hover){.nxsd-row:hover{background:var(--nx-hebung)}}
.nxsd-av{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);flex:none}
.nxsd-n{flex:1;min-width:0;font:700 14px "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nxsd-t{font:700 var(--nx-typo-klein) var(--nx-f-text);flex:none}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
.nxsr-ov{position:fixed;inset:0;z-index:80;background:rgba(4,4,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none}
.nxsr-ov.on{display:block}
.nxsr-p{max-width:580px;margin:110px auto 0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-tafel);overflow:hidden;box-shadow:var(--nx-schatten)}
.nxsr-in{width:100%;box-sizing:border-box;background:transparent;border:none;outline:none;color:var(--txt);padding:17px 19px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);border-bottom:1px solid rgba(255,255,255,.08)}
.nxsr-in::placeholder{color:var(--nx-leise)}
.nxsr-res{max-height:52vh;overflow:auto;padding:8px 0 10px}
.nxsr-g{padding:10px 19px 4px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-r.on{background:var(--accent)}
.nxsr-art{width:52px;height:29px;border-radius:var(--nx-r-marke);flex:none;object-fit:cover;background:var(--nx-hebung)}
.nxsr-art.rund{width:30px;height:30px;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.nxsr-r:hover{background:var(--nx-hebung)}}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.nxsr-a{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nxsr-none{padding:16px 19px;color:var(--nx-leise);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif}
.nx-noti{position:absolute;top:calc(100% + var(--nx-kopf-haken, 14px));right:0;width:344px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--nx-r-tafel);box-shadow:var(--nx-schatten);padding:8px;z-index:120;transition:opacity .15s ease,transform .15s ease;font-family:'Nunito Sans',sans-serif;text-align:left;cursor:default}
.nx-noti.open{opacity:1;transform:translateY(0);pointer-events:auto}
.nx-noti-head{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt);letter-spacing:.2px}
.nx-noti-head span{font-size:var(--nx-typo-text);color:var(--nx-text);cursor:pointer}
@media (hover:hover){.nx-noti-head span:hover{text-decoration:underline}}
.nx-noti-item{display:flex;gap:16px;align-items:center;padding:8px;border-radius:var(--nx-r-karte);cursor:pointer;transition:background .15s}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
.nx-noti-ic{width:38px;height:38px;border-radius:var(--nx-r-karte);flex:none;display:grid;place-items:center;color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text)}
.nx-noti-tx{min-width:0;flex:1}
.nx-noti-t{font-size:var(--nx-typo-text);color:var(--dim);font-weight:400;line-height:1.35}
.nx-noti-t b{color:var(--txt);font-weight:700}
.nx-noti-s{font-size:var(--nx-typo-text);color:var(--dim);margin-top:1px}
.nx-noti-time{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:4px}
.nx-noti-dot{width:7px;height:7px;border-radius:50%;background:var(--accent,#5b27e8);flex:none;box-shadow:var(--nx-schatten)}
.nx-noti-foot{padding:14px 8px 6px;text-align:center}
.nx-noti-foot a{font-size:var(--nx-typo-text);color:var(--nx-text);text-decoration:none;font-family:var(--nx-f-text)}
@media (hover:hover){.nx-noti-foot a:hover{text-decoration:underline}}
@media(max-width:900px){
 .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:8px}
 
 .shell{padding-left:max(14px,env(safe-area-inset-left));
 padding-right:max(14px,env(safe-area-inset-right))}
 body{padding-bottom:env(safe-area-inset-bottom)}
}
.nx-noti{opacity:0;pointer-events:none;transform:translateY(-8px)}
.chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
.chip-f,.tha,button,.rbtn{touch-action:manipulation}
.btn, .chip-f, .sf, .cta, .soontag{white-space:nowrap}
body{padding-top:var(--nx-leiste,48px)}
.nx-demobar{display:none}
.side{top:0}
.nx-prevbar{position:fixed;top:0;left:0;right:0;height:48px;z-index:4000;gap:16px;padding:0 max(18px,calc((100% - 1320px)/2));font-family:var(--nx-f-text);}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-badge i{width:5px;height:5px;border-radius:50%;display:inline-block}
.nx-prevbar .pb-switch{display:flex;align-items:center;gap:12px}
.nx-prevbar .pb-grp{display:flex;align-items:center;gap:3px}
.nx-prevbar .pb-glabel{font-size:9px;font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-div{width:1px;height:18px;background:var(--nx-hebung-2)}
.nx-prevbar a.pb-p{display:inline-flex;align-items:center;line-height:1;height:26px;font-size:var(--nx-typo-text);font-weight:700;text-decoration:none;padding:0 9px;border-radius:var(--nx-r-bedien);white-space:nowrap;transition:background .15s,color .15s}
@media (hover:hover){.nx-prevbar a.pb-p:hover{color:#fff;background:var(--nx-hebung)}}
.nx-prevbar .pb-right{display:flex;align-items:center;gap:14px}
.nx-prevbar .pb-t{display:inline-block}
@media(max-width:860px){.nx-prevbar .pb-glabel{display:none}}
@media(max-width:680px){.nx-prevbar .pb-badge .pb-t{display:none}}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-badge i{background:#8a8aa0}
.nx-prevbar .pb-switch{background:rgba(15,15,24,.55);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.10);border-radius:var(--nx-r-bedien);padding:4px 12px}
.nx-prevbar .pb-glabel{color:var(--dim)}
.nx-prevbar a.pb-p{color:var(--dim)}
.nx-prevbar a.pb-p.on{color:#fff;background:var(--nx-hebung-2)}
.nx-prevbar .pb-right{margin-left:auto;padding-right:4px}
.pb-admin .pb-glabel{color:var(--nx-leise)}
.pb-admin .pb-p .pb-t{color:inherit}
.pb-admin .pb-p.on{background:var(--nx-hebung)}
.pb-admin .pb-p.on .pb-t{color:#fff}
.nx-prevbar{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.045) 0 11px,rgba(255,255,255,.012) 11px 22px),#0d0d14;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:inset 0 -12px 24px -18px rgba(255,255,255,.13)}
.pb-right{gap:8px}
.pb-right a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.3px;text-decoration:none;white-space:nowrap;transition:background .15s}
@media (hover:hover){.pb-right a:hover{background:rgba(255,255,255,.15)}}
.pb-glabel{display:inline-flex;align-items:center;gap:4px}
.pb-eye{display:block;opacity:.7}
.pb-on{color:var(--txt)}
.pb-on .pb-t{color:var(--txt)}
a.pb-p.pb-on,a.pb-partner.pb-on,a.pb-ob.pb-on{text-shadow:0 0 14px rgba(255,255,255,.30)}
.nx-prevbar .pb-badge{padding:4px 12px}
.nx-prevbar .pb-badge .pb-t{font-size:var(--nx-typo-klein);line-height:13px}
.nx-prevbar{display:flex;}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover,.sptile:hover,.nx-fm:hover,.nx-why-c:hover,.nx-supp-c:hover,.evcard:hover,.gcard:hover,.pcard:hover,.rowcard:hover,.nx-rowcard:hover,.subscard:hover,.podcard:hover,.mkt-card:hover,.post:hover,.grp:hover,.ftile:hover,.lcard:hover,.dccard:hover,.block:hover,.fgcard:hover{transform:translateY(-2px);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
.ob.on{border-color:var(--nx-linie)}
#profilfield .ob{padding:10px 8px;font-size:13px}
#profilfield>div{gap:10px;grid-template-columns:repeat(4,1fr)}

/* DER ANMELDEWEG AM TELEFON.
  Gemessen bei 390 Punkten: der Weg zurueck 44 mal 17 Punkte, der Link auf
  die Landingpage im Kartenkopf 206 mal 19, "Terms" 32 mal 16 und "Privacy
  Policy" 144 mal 33.

  Der Weg zurueck steht fest bei 22 Punkten und liegt damit UNTER der
  Kopfzeile, die am Telefon bis 56 reicht · ein Tipp auf seine Mitte traf
  die Wortmarke der Kopfzeile, nicht ihn. Eine groessere Trefferflaeche an
  einer verdeckten Stelle waere ein Versprechen ohne Einloesung, deshalb
  steht er hier im Fluss der Seite statt darueber.

  Die beiden Rechtslinks stehen mitten im Satz und duerfen ihn nicht
  zerreissen: ihre Hoehe kommt aus dem Zeilenabstand des Absatzes, und die
  seitliche Polsterung holt der negative Rand wieder heraus, damit der
  Punkt am Satzende an seinem Wort klebt. */
@media(max-width:767px){
  .back{position:static;margin:10px 0 0 14px;min-height:44px;
        display:inline-flex;align-items:center;padding:0 8px}
  .lcard .top a{min-height:44px}
  .legal,.alt{line-height:44px}
  .legal a,.alt a{display:inline-block;line-height:20px;padding:12px 7px;margin:0 -7px;min-width:44px;text-align:center}
}