/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
@media(max-width:900px){
 .shell{display:block;}
 
 .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){
 
 
 .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}
 .convtop,.peerbar,.chathead{flex-wrap:wrap}
 .thhead{flex-wrap:wrap;row-gap:8px}
 .thpres{display:block;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}
}
.nx-demobar{min-height:38px;box-sizing:border-box;
 padding-top:calc(env(safe-area-inset-top));
 padding-bottom:0;align-items:center}
@media(max-width:900px){
  input,textarea,select{font-size:var(--nx-typo-kartenkopf)}
}
.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(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)}
}
.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}
@media(max-width:600px){.nx-biasfree{font-size:var(--nx-typo-klein);padding:3px 8px}}
.ov{inset:1px;background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{
 inset:1px;background-position:7px 7px}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4;letter-spacing:.1px}
.console-cta{background:var(--nx-hebung);}
@media (hover:hover){.console-cta:hover{background:var(--nx-hebung);}}
.nx-ctrls.inhead{position:static;top:auto;right:auto;
 margin:0 0 0 auto;display:inline-flex;gap:10px;align-items:center;
 opacity:0;pointer-events:none;transition:opacity .15s ease}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.ff-t.on{background:var(--accent);color:#fff}
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}
.logo{height:19px;width:auto}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:0 var(--nx-rand);position:relative;z-index:1}
.h-display{font-family:var(--nx-f-titel);font-weight:800;line-height:1.05;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)}}
.ltop{position:sticky;top:0;z-index:30;background:rgba(15,15,24,.82);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.ltop .in{display:flex;align-items:center;height:68px;gap:24px}
.lnav{margin-left:18px;display:flex;gap:24px;font-size:14px;font-weight:700;color:var(--dim)}
@media (hover:hover){.lnav a:hover{color:var(--txt)}}
.lright{margin-left:auto;display:flex;gap:12px;align-items:center}
.lright .si{font-weight:700;font-size:14px;color:var(--txt)}
.page-h{padding:70px 0 26px}
.page-h .ey{font-size:var(--nx-typo-text);font-weight:800;color:var(--nx-text)}
.page-h h1{font-size:56px;margin:12px 0 0}
.page-h p{font-size:18px;color:var(--dim);max-width:620px;margin:16px 0 0;line-height:1.55}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:16px}
.sec-h h2{font-family:var(--nx-f-titel);font-weight:800;}
.sec-h a{color:var(--nx-text);font-weight:700;font-size:14px}
.thumb{height:172px;position:relative}
.thumb .cat{position:absolute;top:12px;left:12px;font-size:var(--nx-typo-klein);font-weight:800;color:#fff;background:rgba(0,0,0,.45);border-radius:var(--nx-r-bedien);padding:4px 8px}
.foot{margin-top:40px}
@media(max-width:820px){.page-h h1{font-size:38px}.lnav{display:none}}
.footer{z-index:1;margin-top:36px;
}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0;transition:.15s}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;align-items:center;gap:16px;flex-wrap:wrap;
 font-size:var(--nx-typo-meta);color:var(--faint)}
@media(max-width:760px){.finner{grid-template-columns:1fr 1fr}}
.val .ic{width:46px;height:46px;border-radius:var(--nx-r-karte);display:flex;align-items:center;justify-content:center;background:var(--nx-hebung);color:var(--nx-text);margin-bottom:16px}
.story{max-width:760px;margin:0 auto;color:var(--dim);font-size:var(--nx-typo-kartenkopf);line-height:1.7}
.story p{margin-bottom:16px}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.num{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:26px}
.num b{font-family:var(--nx-f-titel);font-weight:800;font-size:38px;color:var(--nx-text);display:block}
.num span{color:var(--dim);font-size:var(--nx-typo-text)}
.team{display:grid;}
.member h4{font-family:var(--nx-f-text);font-weight:700;}
@media(max-width:820px){.vals, .nums{grid-template-columns:1fr 1fr}}
.nx-fb-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;vertical-align:middle;font-family:var(--nx-f-text);font-weight:700;font-size:9px;color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:4px 8px;white-space:nowrap}
.app~footer.footer .finner{max-width:none;margin:0;padding-left:40px;padding-right:40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.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)}
.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}
.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}
.team{grid-template-columns:repeat(3,1fr);gap:20px}
.member{text-align:center;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--nx-r-tafel);padding:28px 22px;transition:transform .15s,border-color .15s;
  display:flex;flex-direction:column;align-items:center}
@media (hover:hover){.member:hover{transform:translateY(-3px);border-color:var(--nx-linie)}}
.member .av,.member>.av{height:72px;width:72px;border-radius:50%;
  margin-bottom:16px}
.member h4{font-size:18px;margin:0 0 4px}
.member span{display:block;color:var(--nx-text);font-weight:700;font-size:var(--nx-typo-text);
  letter-spacing:.02em}
@media(max-width:820px){.team{grid-template-columns:1fr}}
.nx-pt-chip{float:right;padding:4px 10px;border-radius:var(--nx-r-pille);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--nx-text)}
h1 .grad,h2 .grad,.h-display .grad,.sec-h .grad{background:linear-gradient(var(--nx-text),var(--nx-text));-webkit-background-clip:text;background-clip:text;color:transparent}
#nx-about-scope p, .sec p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.nx-glow-ab div:has(> .nx-pt-chip){position:relative}
.nx-glow-ab .nx-pt-chip{position:absolute;top:16px;right:16px;float:none}
.nx-glow-ab div:has(> .nx-pt-chip) h3{padding-right:124px}
.nx-ab-narrow{font-size:var(--nx-typo-kartenkopf);line-height:1.65;margin-top:14px;max-width:940px}
.nx-glow-st p{font-size:var(--nx-typo-kartenkopf);line-height:1.66}
.nx-calm{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.nx-calm > *{grid-column:1/-1}
.nx-calm .nx-calm-p{grid-column:1;max-width:none;margin-top:6px}
.nx-calm .nx-ab-narrow{grid-column:2;max-width:none;margin-top:6px}
@media(max-width:900px){.nx-calm .nx-calm-p,.nx-calm .nx-ab-narrow{grid-column:1/-1}}
.nx-ab-note{margin:14px auto 0;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);max-width:1120px;padding:0 24px;box-sizing:border-box}
.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-credo{margin:0 auto;max-width:64ch}
.nx-credo b{display:block;font:800 30px/1.28 var(--nx-f-titel);color:#fff;letter-spacing:-.015em;text-wrap:balance}
.nx-hiw-h1{margin:0 0 0;color:var(--txt);text-align:left}
.nx-hiw-head.nx-hiw-head{margin-top:48px}
.nx-hiw-head p{text-align:left;margin-bottom:0}
#nx-hiw{margin-top:34px}
.nx-credo>span{display:block;margin:18px auto 0;font:400 var(--nx-typo-kartenkopf)/1.6 'Nunito Sans',sans-serif;color:var(--dim);max-width:58ch;text-wrap:pretty}
@media(max-width:820px){.nx-credo b{font-size:22px}.nx-hiw-h1{font-size:18px}.nx-hiw-head{margin-top:48px}}
.nx-ab-badge{align-items:center;gap:8px;
text-transform:none;letter-spacing:0;
margin-bottom:2px}
.nx-ab-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent,#5b27e8);flex:none}
.nx-ab-phil h2,.nx-calm h2{text-align:left}
.nx-calm{gap:14px 40px}
.nx-glow-ab .wrap,.nx-glow-st .wrap{padding-top:0}
.nx-ab-phil{margin-bottom:8px}
.nx-why{padding-top:6px}
.phero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.phero{grid-template-columns:1fr}}
.nx-why-h{margin:10px 0 0;font-size:clamp(20px,2.6vw,30px);line-height:1.32;text-align:left}
.nx-why-p{margin:15px 0 0;font:400 var(--nx-typo-kartenkopf)/1.62 'Nunito Sans',sans-serif;color:var(--dim);max-width:56ch}
.nx-why-q{margin:13px 0 0;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);max-width:60ch}
.vis{height:300px;border-radius:var(--nx-r-tafel);border:1px solid var(--line2,rgba(255,255,255,.10));
  background:var(--surface,#1f1f24);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;box-sizing:border-box}
.nx-flow{box-shadow:none}
.nx-flow-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.nx-flow-chips span{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-pille);padding:4px 12px}
.nx-flow-arr{color:var(--nx-text);font-size:var(--nx-typo-kartenkopf);line-height:1}
.nx-flow-brand{padding:12px 26px;border-radius:var(--nx-r-tafel);border:1px solid rgba(255,255,255,0.14);
  background:linear-gradient(135deg,transparent,rgba(52,229,216,.08));
  font:800 18px var(--nx-f-titel);color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px}
.nx-flow-brand span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);font-style:normal}
.nx-flow-out{padding:8px 16px;border-radius:var(--nx-r-pille);border:1px solid rgba(52,229,216,.4);background:rgba(52,229,216,.08);
  font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:#8ff0e6}
.nx-hiw-h1{font-size:var(--nx-typo-seite);line-height:1.1}
.sec-h h2{font-size:22px}
.sec{padding:44px 0}
.sec-h h2{margin-bottom:6px}
.nx-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:26px 0 0}
.nx-zwei > div{padding:20px 22px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--nx-r-tafel);
  background:var(--nx-hebung)}
.nx-zwei i{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-text);font-style:normal;margin:0 0 9px}
.nx-zwei b{display:block;font:800 var(--nx-typo-kartenkopf)/1.45 var(--nx-f-text);color:#fff;margin:0 0 9px;text-wrap:balance}
.nx-zwei span{display:block;font:400 var(--nx-typo-text)/1.7 "Nunito Sans",sans-serif;color:var(--dim);text-wrap:pretty}
.nx-st-sig{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 26px;
  font:800 var(--nx-typo-meta) var(--nx-f-text);color:#fff}
.nx-st-sig i{font-style:normal;color:var(--nx-text)}
.nx-st-warum{max-width:74ch;margin:0 0 34px}
.nx-st-warum p{font:400 14px/1.7 "Nunito Sans",sans-serif;color:var(--dim);margin:0 0 14px;text-wrap:pretty}
.nx-st-warum p b{color:var(--txt);font-weight:700}
.nx-st-gross{font:800 18px/1.35 var(--nx-f-titel);color:#fff;
  margin:0 0 12px;text-wrap:balance}
.nx-st-satz{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:16px 0 34px}
.nx-st-satz > div{padding:16px 18px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--nx-r-tafel);
  background:var(--nx-hebung)}
.nx-st-satz b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);
  color:var(--nx-text);margin:0 0 8px}
.nx-st-satz span{display:block;font:400 var(--nx-typo-text)/1.65 "Nunito Sans",sans-serif;color:var(--dim);text-wrap:pretty}
.nx-st-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin:18px 0 0;align-items:start}
@media(max-width:1000px){.nx-st-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.nx-st-list{grid-template-columns:minmax(0,1fr)}}
.nx-st{padding:18px 0;border-top:1px solid var(--line,rgba(255,255,255,.09))}
.nx-st:first-child{border-top:0;padding-top:0}
.nx-st b{display:block;font:800 var(--nx-typo-kartenkopf)/1.4 var(--nx-f-text);color:#fff;margin:0 0 7px;text-wrap:balance}
.nx-st span{display:block;font:400 var(--nx-typo-text)/1.7 "Nunito Sans",sans-serif;color:var(--dim);max-width:74ch;text-wrap:pretty}
@media (max-width:760px){.nx-st b{font-size:14px}.nx-st-gross{font-size:var(--nx-typo-kartenkopf)}}
.nx-benefit-grid{gap:14px}
.eyebrow.eyebrow.eyebrow{}
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);gap:32px}
  .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{padding-bottom:19px;}
#nx-hiw{padding-top:0}
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}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:22px;font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
.nx-set-card h2,.csechead{font-size:18px}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
.nx-eu-foot .nx-eu{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
.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}
.nxsr-ov.on{display:block}
.nxsr-r.on{background:var(--accent)}
@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)}
.nx-noti.open{opacity:1;transform:translateY(0);pointer-events:auto}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt);letter-spacing:.2px}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
@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}
#nx-hiw .nx-g-lead{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:6px 0 22px}
#nx-hiw .nx-g-wrap{display:block;}
#nx-hiw .nx-g-group{margin-bottom:44px}
#nx-hiw .nx-g-h{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);border-bottom:1px solid var(--line,rgba(255,255,255,.06));padding-bottom:10px;margin-bottom:4px}
/* Der Trenner unter jedem Eintrag wurde von der Hausregel entfernt, ohne
  dass etwas an seine Stelle trat · uebrig blieben sieben winzige Haken am
  rechten Rand eines schwarzen Nichts, 957 Punkte von ihrem Titel entfernt.
  Jeder Eintrag steht jetzt auf seiner eigenen Flaeche. */
/* Jede Frage ist eine Flaeche (--nx-hebung) · ihr Text steht im Polster,
  nicht auf der Kante. Hier standen links 2 Punkte, aus der Zeit, als die
  Fragen noch Zeilen ohne Grund waren. Rechts bleibt Platz fuer den Pfeil. */
#nx-hiw .nx-g-item{position:relative;display:block;width:100%;text-align:left;background:var(--nx-hebung);border:none;border-radius:var(--nx-r-karte);margin-bottom:8px;padding:16px 36px 16px 16px;cursor:pointer;font:700 14px var(--nx-f-text);color:var(--dim);transition:color .15s}
#nx-hiw .nx-g-item::after{content:'\203A';position:absolute;right:16px;top:13px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--nx-leise);transition:transform .15s}
#nx-hiw .nx-g-item.on::after{transform:rotate(90deg)}
@media (hover:hover){#nx-hiw .nx-g-item:hover{color:#fff}}
#nx-hiw .nx-g-item.on{color:#fff}
#nx-hiw .nx-g-body{display:none;margin-top:8px;font:400 14px/1.65 'Nunito Sans',sans-serif;color:var(--dim);max-width:60ch}
#nx-hiw .nx-g-item.on .nx-g-body{display:block}
#nx-hiw{display:grid;grid-template-columns:190px minmax(0,1fr);gap:46px;align-items:start;max-width:var(--nx-breite);margin:0 auto;padding:0 var(--nx-rand)}
#nx-hiw .nx-g-wrap{margin:0;max-width:none}
/* DIE LISTE BEGINNT AUF DER LINIE IHRER UEBERSCHRIFT. Mit dem negativen
  Rand stand das gewaehlte Thema 14 Punkte links vor "Guide" heraus · und
  als einziges Feld der Seite mit Radius 0. */
/* Die Leiste klebt 16 Punkte unter der Kopfflaeche (--nx-kopf,
  nxm-kopfmass.js), wie die Sprungleiste · ein fester Wert stimmte nur fuer
  eine Kopfhoehe. Ein Kapitel landet mit derselben Luft darunter. */
.nx-g-nav{position:sticky;top:calc(var(--nx-kopf, 72px) + 16px)}
#nx-hiw .nx-g-group{scroll-margin-top:calc(var(--nx-kopf, 72px) + 16px)}
.nx-g-nav a{display:block;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);text-decoration:none;padding:8px 12px;transition:.15s}
@media (hover:hover){.nx-g-nav a:hover{color:#fff}}
.nx-g-nav a.on{color:#fff;background:var(--accent);border-radius:var(--nx-r-bedien)}
@media(max-width:1000px){#nx-hiw{display:block}.nx-g-nav{display:none}#nx-hiw .nx-g-wrap{margin:0 auto;max-width:720px}}
/* EIN HALBER STRICH IN DER LUFT · die Linie folgte der 60-Zeichen-Spalte des
  Antworttextes und hoerte darum bei 41 Prozent der Reihenbreite auf. Auf
  einer Seite ohne jede andere Linie war sie die einzige. */
.nx-g-fb{display:block;margin-top:16px;padding-top:0;border-top:none;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-g-group>button[data-gfb]{display:none}
.nx-g-item.on+button[data-gfb="y"],.nx-g-item.on+button[data-gfb="y"]+button[data-gfb="n"]{display:inline-block;background:none;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:var(--nx-r-bedien);color:var(--dim);font:600 var(--nx-typo-meta) 'Nunito Sans',sans-serif;padding:4px 14px;margin:6px 8px 14px 0;cursor:pointer}
@media (hover:hover){.nx-g-item.on+button[data-gfb="y"]:hover,.nx-g-item.on+button[data-gfb="y"]+button[data-gfb="n"]:hover{color:#fff;border-color:rgba(255,255,255,.3)}}
.nx-g-fb button{background:none;border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-bedien);color:var(--dim);font:700 var(--nx-typo-klein) var(--nx-f-text);padding:4px 12px;margin-left:8px;cursor:pointer}
@media (hover:hover){.nx-g-fb button:hover{border-color:var(--nx-linie)}}
@media(max-width:900px){#nx-hiw .nx-g-wrap{grid-template-columns:1fr}}
.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-glabel{font-size:9px;font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
header.ltop{display:none}
.fcol .nx-soon-badge{font:800 9px var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:4px 12px;line-height:1.4}
.fsocial .s{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:var(--dim);background:var(--nx-hebung);
  cursor:default;transition:.15s}
.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}
.nx-ab-phil{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.07));border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:32px 34px}
.nx-ab-badge{display:inline-block;padding:4px 12px;border-radius:var(--nx-r-pille);font:800 9px var(--nx-f-text);background:rgba(52,229,216,.1);border:1px solid rgba(52,229,216,.35);color:#7fe8dd}
.story p{font:400 14px/1.65 'Nunito Sans',sans-serif;color:var(--txt);max-width:760px;margin:0 0 14px}
.nx-team-note{margin:16px 0 0;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ab-cta{background:linear-gradient(120deg,rgba(255,255,255,.03),rgba(52,229,216,.08));border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--nx-r-block);padding:44px 30px;text-align:center}
.nx-calm{background:linear-gradient(135deg,rgba(61,220,132,.07),rgba(52,229,216,.05));border:1px solid rgba(61,220,132,.25);border-radius:var(--nx-r-tafel);padding:30px 34px}
.nx-calm-p{margin:0;font:400 var(--nx-typo-kartenkopf)/1.65 'Nunito Sans',sans-serif;color:var(--txt);max-width:720px}
.nx-ab-hl{text-align:left}
.nx-ab-hl h1{text-align:left}
.nx-ab-hl p{text-align:left;max-width:520px;text-wrap:balance}
.nx-ab-heroline{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);letter-spacing:.02em;color:var(--nx-text);margin:0 0 10px}
.nx-ab-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (hover:hover){.nx-ab-pages .nx-ab-pages .val:hover{border-color:var(--nx-linie)}}
.nx-ab-pages .ic{border-radius:var(--nx-r-karte);width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.nx-ab-pages .val:nth-child(4n+1) .ic{background:var(--nx-hebung);color:var(--nx-text)}
.nx-ab-pages .val:nth-child(4n+2) .ic{background:rgba(52,229,216,.12);color:#34e5d8}
.nx-ab-pages .val:nth-child(4n+3) .ic{background:rgba(255,204,51,.12);color:#ffcc33}
.nx-ab-pages .val:nth-child(4n) .ic{background:rgba(61,220,132,.12);color:#3ddc84}
.nx-ab-pages h3{margin:0 0 7px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt)}
.nx-ab-pages p{margin:0;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-glow-pg{position:relative}
.nx-glow-pg::before{content:"";position:absolute;inset:0;background:none;pointer-events:none}
.nx-glow-pg .wrap{position:relative;z-index:1}
.story p:first-child{font-size:var(--nx-typo-kartenkopf);color:var(--txt);line-height:1.6}
@media(max-width:860px){.nx-ab-pages{grid-template-columns:1fr}}
.nx-ab-hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.nx-ab-tablet{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:38px 36px;box-shadow:none}
.nx-ab-tq{font-family:var(--nx-f-titel);font-weight:800;font-size:clamp(20px,2.2vw,26px);line-height:1.3;color:var(--txt)}
.nx-ab-tb{margin-top:22px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-meta);color:var(--txt)}
.nx-ab-uf{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.05));border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:30px 34px}
.nx-ab-ufq{margin:12px 0 0;font-family:var(--nx-f-text);font-weight:800;font-size:clamp(17px,2vw,22px);line-height:1.45;color:var(--txt);max-width:860px}
.nx-ab-sgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
.nx-ab-facts{display:flex;flex-direction:column;gap:12px}
.nx-ab-facts>div{background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-karte);padding:12px 16px;transition:border-color .15s}
@media (hover:hover){.nx-ab-facts>div:hover{border-color:var(--nx-linie)}}
.nx-ab-facts b{display:block;font:700 14px var(--nx-f-text);color:var(--txt)}
.nx-ab-facts span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-glow-ab{position:relative}
.nx-glow-ab::before{content:"";position:absolute;inset:0;background:none;pointer-events:none}
.nx-glow-st{position:relative}
.nx-glow-st::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 420px at 86% 45%,rgba(52,229,216,.05),transparent 70%);pointer-events:none}
.nx-glow-ab .wrap,.nx-glow-st .wrap{position:relative;z-index:1}
.nx-glow-ab .ic{border-radius:var(--nx-r-karte);width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.nx-glow-ab .val:nth-child(3n+1) .ic{background:var(--nx-hebung);color:var(--nx-text)}
.nx-glow-ab .val:nth-child(3n+2) .ic{background:rgba(52,229,216,.12);color:#34e5d8}
.nx-glow-ab .val:nth-child(3n) .ic{background:rgba(255,204,51,.12);color:#ffcc33}
@media(max-width:860px){.nx-ab-hgrid,.nx-ab-sgrid{grid-template-columns:1fr}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.nx-oc{padding:64px 0 26px;position:relative;overflow:hidden}
.nx-oc::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:none}
.nx-oc-in{max-width:var(--nx-breite);margin:0 auto;text-align:center;padding:0 var(--nx-rand);position:relative}
.nx-oc-ey{display:inline-block;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-text);background:var(--nx-hebung);
  border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:6px 14px;margin-bottom:20px}
.nx-oc-h1{font-family:var(--nx-f-titel);font-weight:800;font-size:60px;line-height:1.08;
  letter-spacing:-1.8px;color:#fff;margin:0 auto 18px;max-width:820px}
.nx-oc-h1 em{font-style:normal;color:var(--nx-text)}
.nx-oc-sub{font:400 15px/1.65 'Nunito Sans',sans-serif;color:var(--dim);
  margin:0 auto 26px;max-width:600px}
.nx-oc-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.nx-oc-b{display:inline-flex;align-items:center;gap:8px;font:800 13px var(--nx-f-text);
  border-radius:var(--nx-r-bedien);padding:12px 20px;text-decoration:none;transition:filter .15s ease}
.nx-oc-b1{color:#fff;background:var(--accent,#5b27e8)}
@media (hover:hover){.nx-oc-b1:hover{filter:brightness(1.14)}}
.nx-oc-b2{color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.14)}
@media (hover:hover){.nx-oc-b2:hover{background:var(--nx-hebung-2)}}
.nx-oc-fakten{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;
  padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.nx-oc-f{display:flex;align-items:center;gap:10px}
.nx-oc-f svg{color:var(--nx-text);flex:none;shape-rendering:crispEdges}
.nx-oc-f b{font:800 24px var(--nx-f-titel);letter-spacing:-.7px;color:#fff;display:block}
.nx-oc-f span{display:block;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:1px}
.nx-oc-f > div{text-align:left}
@media(max-width:900px){.nx-oc-h1{font-size:40px;letter-spacing:-1px}.nx-oc-fakten{gap:22px}}
@media(max-width:620px){.nx-oc-h1{font-size:var(--nx-typo-seite)}}
.nx-oc-f .nx-mwst{display:inline-block;font:400 9.5px 'Nunito Sans',sans-serif;
  letter-spacing:0;color:var(--dim);margin-left:5px;vertical-align:2px}
.nx-oc-fragen{max-width:820px;margin:0 auto 34px;text-align:left}
.nx-oc-fragen-h{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;text-align:center}
.nx-oc-q{padding:0 0 0 16px;margin-bottom:18px;background:var(--nx-hebung)}
.nx-oc-q b{display:block;font:800 13.5px var(--nx-f-text);color:#fff;margin-bottom:5px}
.nx-oc-q span{display:block;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-oc-geld{max-width:860px;margin:0 auto 32px;text-align:left;
  border:1px solid rgba(255,255,255,0.13);border-radius:var(--nx-r-block);padding:22px 24px;
  background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}
.nx-oc-geld-h{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;margin-bottom:6px}
.nx-oc-geld-s{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 18px}
.nx-oc-geld-g{display:grid;grid-template-columns:1.35fr .85fr;gap:26px}
.nx-oc-lab{font:800 9.5px var(--nx-f-text);
  color:var(--nx-text);margin-bottom:11px}
.nx-oc-lab.spaeter{color:var(--dim)}
.nx-oc-z{padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}
.nx-oc-z:first-of-type{border-top:none;padding-top:0}
.nx-oc-z b{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);margin-bottom:2px}
.nx-oc-z span{display:block;font:400 var(--nx-typo-meta)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-oc-z i{font-style:normal;color:var(--dim)}
.nx-oc-fuss{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);
  font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-oc-mit{text-align:center;margin:0 auto 30px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;
  color:var(--dim)}
.nx-oc-mit b{font-family:var(--nx-f-text);font-weight:800;color:#fff}
@media(max-width:820px){.nx-oc-geld-g{grid-template-columns:1fr;gap:18px}
  }
.nx-oc-geld .nx-oc-geld-h{letter-spacing:-.01em;margin-bottom:8px}
.nx-oc-geld .nx-oc-geld-s{max-width:70ch}
.nx-oc-sub{font-size:var(--nx-typo-kartenkopf)}
.nx-oc-btns{margin-bottom:34px}
.nx-oc-fragen{margin-bottom:38px}
.nx-oc-fragen-h{font-size:22px;letter-spacing:-.01em;margin-bottom:20px}
.nxp-flow-h{font-size:22px;letter-spacing:-.01em;margin-bottom:18px}
.nx-supp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:30px;text-align:left}
.nx-supp-c{border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);padding:16px;
  background:var(--nx-hebung)}
.nx-supp-ct{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:6px}
.nx-supp-ct svg{color:var(--nx-text);flex:none}
.nx-supp-c p{margin:0;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-supp-c p i{font-style:normal;color:var(--dim)}
.nx-hiw-werte{font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--txt);margin-bottom:6px}
.nx-hiw-werte span{display:block;margin-top:9px;font:400 12px 'Nunito Sans',sans-serif;
  letter-spacing:0;text-transform:none;color:var(--dim)}
.nx-hiw-werte a{color:var(--nx-text);text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.nx-supp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nx-supp-grid{grid-template-columns:1fr}}
.nx-hiw-head h1{line-height:1.1;letter-spacing:-.01em}
.nx-hiw-head p,.nx-hiw-head .sub,.nx-hiw-head > span{
  line-height:1.6;margin-top:12px;font-size:var(--nx-typo-text)!important}
.nx-g-nav > *{line-height:1.45!important}
.wrap.nx-hiw-head > p{margin-top:16px!important}
.wrap.nx-hiw-head{margin-bottom:34px}
/* How it works · kompakt: eine Woche als Beispiel, drei Spalten, vier Regeln, der Stand */
.nx-hw-ey{font:800 var(--nx-typo-klein) var(--nx-f-text);color:#34e5d8;margin:0 0 14px}
.nx-hw-aha{margin:34px auto 0;padding:22px 24px 18px;border-radius:var(--nx-r-block);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 70%,transparent);text-align:left}
/* EINE WOCHE, REINER TEXT. Fuenf Tage aus fuenf Feldern (Handel, Spiele,
  Events, Menschen, Inhalte): Tag, ein fetter Satzanfang, ein Satz. Keine
  Leitlinie, keine Punkte, kein hervorgehobener Schritt · eine Zeitleiste
  macht aus Beispielen einen Ablauf, und der Ablauf hiess Abend. Die Zeile
  bricht von selbst um, am Telefon und am Rechner gilt dieselbe Regel. */
.nx-hw-woche{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--nx-luecke-kompakt)}
.nx-hw-woche li{display:grid;grid-template-columns:3em minmax(0,1fr);column-gap:var(--nx-luecke-kompakt);align-items:baseline}
.nx-hw-woche time{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text)}
.nx-hw-woche p{margin:0;font:400 var(--nx-typo-text)/1.5 var(--nx-f-text);color:var(--dim)}
.nx-hw-woche b{font-weight:800;color:var(--nx-weiss)}
.nx-hw-cap{margin:18px 0 0;font:400 13px/1.5 'Nunito Sans',sans-serif;color:var(--dim);max-width:70ch}
.nx-hw-regeln{margin:34px auto 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
/* DIESELBEN VIER VERSPRECHEN, DIESELBE FORM. Auf der Partnerseite
  tragen sie einen neutralen Rand, hier einen tuerkisen · gleicher
  Wortlaut, gleiche Groesse, zwei Erscheinungsbilder. Farbe gehoert
  laut Gestaltungsgrundlage in den Punkt und in den Knopf, nicht an
  eine Kante · also gewinnt die neutrale Fassung. */
.nx-hw-regeln span{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--txt);border:1px solid rgba(255,255,255,0.16);border-radius:var(--nx-r-pille);padding:8px 14px}
.nx-hw-wer{margin:34px auto 0;text-align:left}
.nx-hw-wer>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}
.nx-hw-wer>div:last-child{border-bottom:1px solid rgba(255,255,255,.07)}
/* DIE SPALTENZAHL STAND IN DER FALSCHEN REIHENFOLGE. Der Block bei 900
  Punkten setzt diese Zeilen auf eine Spalte, steht aber VOR der Grundregel
  daneben · und eine spaetere Regel gleicher Staerke gewinnt. Bei 390
  Punkten galt deshalb weiter 120px fuer das Wort und 133px fuer den Satz:
  "Creators" stand allein, sein Satz zerbrach daneben in sieben Zeilen.
  Dieselbe Regel, an die richtige Stelle gesetzt. */
@media(max-width:900px){.nx-hw-wer>div{grid-template-columns:1fr;gap:2px}}
.nx-hw-wer b{font:800 13px var(--nx-f-text);color:#fff}
.nx-hw-wer span{font:400 14px/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-hw-stand2{margin:34px auto 16px;font:400 13px/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
#nx-hiw .nx-g-group{display:none}
#nx-hiw .nx-g-group.on{display:block}
/* AM TELEFON GIBT ES KEINE KAPITELLEISTE. Die Leiste links, die ein
  Kapitel auswaehlt, erscheint erst ab 1001 Punkten · darunter blieb von
  "Pick a topic" genau ein Kapitel uebrig, die sechs anderen standen auf
  Breite und Hoehe null. Ohne Waehler wird nicht gewaehlt: dann stehen alle
  sieben Kapitel untereinander, mit ihren Ueberschriften, die die Regel
  darunter unter 1001 Punkten ohnehin schon zeigt. */
@media(max-width:1000px){#nx-hiw .nx-g-group{display:block}}
/* Erklärspalte: ein Takt (16 in der Gruppe, 34 zwischen Gruppen, 80 vor dem Guide), eine Versalgröße */
/* Guide ab 1001 px: die Leiste links nennt das Kapitel, die Überschrift in der Spalte wiederholt es nicht */
@media(min-width:1001px){#nx-hiw .nx-g-group .nx-g-h{display:none}}
/* Fußzeile: die Follow-us-Spalte schließt mit der Inhaltskante ab */
@media(min-width:1000px){.finner .fcol:has(#fsocial){justify-self:end}}

/* ==================================================================
 HOW IT WORKS 
 Die Seite fuehrte mit EINEM Abend: die Zeitleiste stand direkt unter
 dem Titel und war der groesste Block. Was NEXTARI ist und wofuer es
 steht, kam danach · die vier Regeln nur als vier nackte Pillen ohne
 einen Satz.

 Jetzt: erst was man bekommt, dann wofuer wir stehen, DANN der Abend
 als Beispiel. Der Abend bleibt vollstaendig · er fuehrt nur nicht
 mehr.
 ================================================================== */
.nx-hw-vorteile{margin:30px auto 0;text-align:left;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nx-hw-vorteile > div{background:var(--nx-hebung);border-radius:var(--nx-r-tafel);padding:15px 16px}
.nx-hw-vorteile b{display:block;font:800 13.5px var(--nx-f-text);color:#fff;margin-bottom:5px}
.nx-hw-vorteile span{display:block;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-hw-werte{margin:30px auto 0;text-align:left;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.nx-hw-w b{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--txt);margin-bottom:4px}
.nx-hw-w span{display:block;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-hw-lead{margin:38px 0 0;text-align:left;
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
/* Flaeche statt Kante · wie ueberall sonst im Haus. */
.nx-hw-aha{border:0;margin-top:10px}
@media(max-width:900px){
  .nx-hw-vorteile,.nx-hw-werte{grid-template-columns:1fr}
}

/* DIE FUENF SAEULEN 
 Drei Vorteile waren zu wenig und zwei davon zu unscharf. Was hier stand,
 beschrieb Funktionen; was fehlte, war der Rahmen: NEXTARI ist der
 Zweitschirm fuer die KULTUR um die Spiele, nicht fuer die Spielsitzung.
 Die fuenf Saetze stehen so im Hauspapier vom · hier in der
 Sprache eines Spielers, nicht der eines Decks.
 Eine Liste, keine Kaertchen: fuenf Kaertchen in einem Dreierraster
 lassen die letzte Reihe halb leer stehen. */
.nx-hw-saeulen{margin:30px auto 0;text-align:left;display:flex;flex-direction:column;gap:2px}
.nx-hw-s{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;
  padding:13px 16px;border-radius:var(--nx-r-karte);background:var(--nx-hebung)}
.nx-hw-s b{font:800 13.5px/1.45 var(--nx-f-text);color:#fff}
.nx-hw-s span{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:900px){.nx-hw-s{grid-template-columns:1fr;gap:4px}}


/* ==================================================================
 DER ROTE FADEN DER INFO-SEITEN · Festgelegt.

 Der Claim im Fuss ("Second screen for gaming culture.") traegt seit
 jeher einen Verlauf von Hausviolett nach Tuerkis. Die drei
 Erklaerseiten · Become a partner, How it works, Support us · tragen
 denselben Satzbau: ein weisser Anfang und eine zweite Zeile, die die
 Sache benennt. Sie bekommen deshalb DENSELBEN Verlauf, nicht ein
 eigenes Violett. Ein Faden, drei Seiten, ein Fuss.

 Die Hausregel "Farbe nur in Punkt und Knopf" gilt fuer die APP · dort
 entscheidet Farbe ueber einen Zustand. Auf einer Erklaerseite ist der
 Claim die Marke und kein Bedienelement.

 Der Verlauf steht in @supports: wo background-clip:text nicht traegt,
 bleibt die Farbe aus der Regel darueber stehen, statt dass der Satz
 unsichtbar wird.
 ================================================================== */
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .nx-oc-h1 em{
    background:linear-gradient(var(--nx-text),var(--nx-text));
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent}
}

/* C93 · NEXTARI und Discord auf How it works: ein Bild, drei Zeilen. */
.nx-hw-dc{display:flex;gap:16px;align-items:flex-start;margin:34px 0 0;text-align:left}
.nx-hw-dc-bild{flex:0 0 40px;width:40px;height:40px;color:var(--nx-text)}
.nx-hw-dc-zeilen{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.nx-hw-dc-zeilen b{font:800 var(--nx-typo-text)/1.5 var(--nx-f-text);color:var(--nx-text)}
.nx-hw-dc-zeilen span{font:400 var(--nx-typo-text)/1.5 var(--nx-f-text);color:var(--dim)}