/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
:root{
--blue:#8ab4f8;}
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);min-height:100vh;}
button{cursor:pointer;border:none;background:none;color:inherit}
@media (hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--accent)}}
.app{display:flex;min-height:100vh}
.soon .ic{opacity:.7}
.main{margin-left:0;min-width:0;}
.head{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}
.head h1{font-family:var(--nx-f-titel);font-weight:800;letter-spacing:-.3px}
.head-act{display:flex;gap:8px;flex:none;align-items:center}
.search input{background:none;border:none;outline:none;color:var(--txt);font-size:var(--nx-typo-text);width:100%}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat .k{font-weight:700;}
.stat .v{font-family:var(--nx-f-titel);line-height:1}
.stat .v small{font-size:var(--nx-typo-kartenkopf);color:var(--dim);font-weight:700}
.stat .d{font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px}
.stat .d em{font-style:normal;color:var(--green)}
.attn{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}
.card{margin-bottom:16px;}
.grip{color:var(--faint);cursor:grab;flex:none}
.grid{display:grid;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.grid:last-child{border-bottom:none}
@media (hover:hover){.grid:hover:not(.headr){background:var(--nx-hebung)}}
.end{display:flex;justify-content:flex-end;gap:8px}
.muted{color:var(--faint)}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.pill.paused,.pill.pending,.pill.draft{color:var(--gold);border-color:rgba(255,197,61,.32);background:rgba(255,197,61,.08)}
.pill.paused .dot,.pill.pending .dot,.pill.draft .dot{background:var(--gold)}
.note{margin-bottom:16px}
.note svg{color:var(--nx-text);flex:none;margin-top:1px}
.note b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text)}
.note p{font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px;line-height:1.5;max-width:820px}
.field input, .field select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-size:14px;outline:none}
.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);outline:none}
.act{display:flex;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line);align-items:flex-start}
.act:last-child{border-bottom:none}
.act .tm{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
/* EINE LEERE SAEULE IST AUCH EINE SAEULE · stand nichts in der Woche, hatte
  jeder Balken die Hoehe null und die Zeichenflaeche war ein 609 auf 170
  Punkte grosses schwarzes Rechteck mit sieben Kuerzeln darunter. Ein
  Bodenstrich sagt "an dem Tag nichts" statt gar nichts. */
.chart .bar{width:100%;max-width:34px;min-height:3px;border-radius:8px 6px 0 0;background:var(--accent);transition:.2s}
.chart .col:not(:has(.bar[style*="height: 0"])) .bar{min-height:3px}
.chart .bar[style*="height:0%"],.chart .bar[style*="height: 0%"]{
  background:var(--nx-hebung-2)}
/* GESEHEN: war die GANZE Woche leer, blieb von den sieben Bodenstrichen oben ein
  schwarzes Rechteck von 645 auf 167 Punkten stehen · darin nichts, darunter die
  sieben Kuerzel Mon bis Sun.
  WARUM FALSCH: das liest sich nicht als "null", sondern als "hier ist etwas nicht
  geladen" · ein Fremder haelt die Seite fuer kaputt. Eine leere Reihe zeigt bei uns
  graue Kaestchen in der Form dessen, was fehlt. Ist kein einziger Balken gefuellt,
  zieht die Flaeche sich auf die Hoehe der Platzhalter zusammen und zeigt je Tag ein
  graues Kaestchen in Balkenform. Ein einzelner Null-Tag NEBEN echten Tagen behaelt
  seinen Bodenstrich · dafuer fragt die Regel, ob es ueberhaupt einen Balken gibt,
  der nicht auf null steht. */
.chart:not(:has(.bar:not([style*="height:0%"]):not([style*="height: 0%"]))){
  height:88px;padding-top:0}
.chart:not(:has(.bar:not([style*="height:0%"]):not([style*="height: 0%"]))) .bar{
  height:56px;min-height:56px;border-radius:10px 10px 0 0;
  background:var(--surface2)}
@media(max-width:1040px){.stats{grid-template-columns:repeat(2,1fr)}.attn{grid-template-columns:1fr}}
@media(max-width:980px){.main{margin-left:0;padding:16px;max-width:none}.grid{grid-template-columns:1fr;gap:8px}.headr{display:none}}
@keyframes nxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.entry{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 8px}
.entry input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:var(--nx-typo-text);font-family:'Nunito Sans'}
.entadd input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-size:var(--nx-typo-text);outline:none}
:root{--ag-bg:#101013;--ag-surface:#1f1f24;--ag-surface2:#2d2d34;--ag-line:rgba(255,255,255,.07);--ag-line2:rgba(255,255,255,.13);--ag-txt:#eef1f7;--ag-txt2:#9aa4ba;--ag-txt3:#a9a9b6;--ag-blue:var(--accent);--ag-blue-hi:var(--accent);--ag-mono:'Nunito Sans',monospace;--ag-r:14px}
body[data-nxfam=event]{--ag-blue:#ff8a3d;--ag-blue-hi:#ffb43d;--ag-ontext:#2b1500}
body[data-nxfam=creator]{--ag-blue:var(--accent);--ag-blue-hi:var(--accent);--ag-ontext:#140b2e}
body[data-nxfam=publisher],body[data-nxfam=agency]{--ag-blue:#34e5d8;--ag-blue-hi:#7ceee5;--ag-ontext:#04302b}
body{background:var(--ag-bg)}
.main{flex:1;overflow-y:auto;}
/* DIE SEITENBREITE STEHT AN .main · NICHT NOCHMAL AN JEDEM KASTEN.
  .main traegt bereits max-width und Polster. Die Breite ein zweites Mal an
  den Kindern rechnete dieselben 68px erneut ab · und weil manche Kaesten
  ihren Rand selbst auf 0 setzen, standen sie danach 34px weiter links als
  ihre Nachbarn. Gemessen  auf der Studio-Uebersicht: vier Kaesten
  auf 284, fuenf auf 318, alle gleich breit. Das ist die Unruhe, die man
  sieht, ohne sie benennen zu koennen. */
.main .head, .main > *{max-width:none;margin-left:0;margin-right:0}
.main .head h1{font-size:26px;letter-spacing:-.01em}
.stat{background:var(--ag-surface);border:1px solid var(--ag-line);border-radius:var(--ag-r);padding:18px}
.stat .k{font-family:var(--ag-mono);font-size:var(--nx-typo-klein);color:var(--ag-txt3)}
.stat .v{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ag-txt);margin-top:6px}
.note{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.11);border-radius:var(--ag-r)}
.grid{border-top:1px solid var(--ag-line)}
.note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
.note > svg{width:20px;height:20px;flex:0 0 20px}
.note .cs-ic svg,.note svg{max-width:22px;max-height:22px}
.app .side::before,.app .side::after{content:none;display:none;border:none;background:none}
.app .side{box-shadow:none;background:var(--ag-bg)}
.stat{position:relative}
.stat .v{max-width:calc(100% - 90px)}
.nxl-l input,.nxl-l select{display:block;width:100%;margin-top:5px;background:var(--nx-hebung);border:1px solid var(--line,#242437);border-radius:var(--nx-r-bedien);color:var(--txt);padding:9px 11px;font-size:14px;box-sizing:border-box}
.nxl-note{font-size:var(--nx-typo-text);color:var(--dim);background:var(--nx-hebung);border:1px solid var(--nx-linie);border-radius:var(--nx-r-bedien);padding:9px 11px;margin:4px 0 16px}
.nxl-act .btn.danger{color:#ff8da3;border-color:rgba(255,77,109,.4)}
html body>footer.footer,html body .app~footer.footer{width:100%;max-width:none;margin:0;position:relative;z-index:1}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;gap:24px}
.fbr .logo{margin-bottom:0}
.finner{grid-template-columns:1fr 1fr}
.nx-coming-panel{max-width:560px;margin:40px auto;text-align:center;padding:48px 32px;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel)}
.nx-coming-panel .nx-cp-ic{width:56px;height:56px;margin:0 auto 18px;display:grid;place-items:center;border-radius:var(--nx-r-tafel);background:var(--accent);color:#fff}
.nx-coming-panel h2{font-family:var(--nx-f-titel);font-size:26px;color:#fff;margin:0 0 10px}
.nx-coming-panel p{font-size:14px;color:var(--dim);line-height:1.55;margin:0 auto;max-width:400px}
.nx-coming-panel .nx-cp-pill{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:var(--nx-typo-meta);font-weight:700;color:#fff;background:var(--accent);border-radius:var(--nx-r-tafel);padding:8px 16px}
.app~footer.footer .finner{max-width:none;margin:0;padding-left:40px;padding-right:40px;grid-template-columns:1.4fr 1fr 1fr 1.2fr;align-items:start}
.av{position:relative;line-height:1}
.av>.online{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)}
.nx-strat-card .nx-sb-item{padding-left:16px;padding-right:16px}
.nx-strat-card .nx-sb-foot{padding-left:16px;padding-right:16px;padding-bottom:14px}
.nx-sb-soonpill{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-bedien);padding:3px 10px;font:800 9px var(--nx-f-text);letter-spacing:.14em;flex:none}
.nx-reach{position:relative}
.nx-reach .card-h h2{margin:0}
.nx-reach-period{margin-left:auto;display:flex;gap:4px;background:var(--surface2);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:3px}
.nx-reach-period button{border:none;background:none;cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);padding:4px 12px;border-radius:var(--nx-r-bedien);transition:.15s}
.nx-reach-period button.on{background:var(--accent,#5b27e8);color:#fff}
.nx-reach-body{padding:18px 18px 20px}
.nx-reach-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.nx-reach-num{font-family:var(--nx-f-titel);font-weight:800;font-size:38px;color:#fff;line-height:1;display:flex;align-items:baseline;gap:8px}
.nx-reach-num .nx-reach-unit{font-size:14px;font-weight:700;color:var(--dim)}
.nx-reach-trend{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#5fd98a}
.nx-reach-trend.down{color:#ff6b6b}
.nx-reach-note{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:12px 0 0;display:flex;align-items:flex-start;gap:8px;line-height:1.45}
.nx-reach-note::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;margin-top:6px}
.nx-reach-slabel{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--dim);margin-bottom:12px}
.nx-reach-row{display:grid;grid-template-columns:200px 1fr 52px;align-items:center;gap:12px;margin-bottom:11px}
.nx-reach-rname{font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-reach-bar{height:9px;border-radius:8px;background:var(--surface2);overflow:hidden}
.nx-reach-fill{height:100%;border-radius:var(--nx-r-bedien);background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}
.nx-reach-rval{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;text-align:right}
.nx-reach-plat{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);display:flex;align-items:center;gap:8px}
.nx-reach-plat b{color:var(--txt);font-family:var(--nx-f-text);font-weight:700}
.nx-reach-chrow{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.nx-reach-chbadge{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff}
.nx-reach-chmid{flex:1;min-width:0}
.nx-reach-chtop{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}
.nx-reach-chn{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-reach-chm{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-reach-chbar{height:7px;border-radius:8px;background:var(--surface2);overflow:hidden}
.nx-reach-chfill{height:100%;border-radius:var(--nx-r-bedien);transition:width .5s cubic-bezier(.4,0,.2,1)}
.nx-reach-chval{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;text-align:right;flex:none;min-width:44px}
/* Beide Haelften der Karte · gesehen (oben) und weitergereicht (darunter).
  Die obere Zahl ist die lauteste: die Geschichte beginnt damit, wer etwas
  gesehen hat. Menschen und Einblendungen stehen NEBENeinander, damit
  niemand sie fuer dieselbe Zahl haelt. */
.nx-reach-seen{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 30px}
.nx-reach-stat{display:flex;flex-direction:column;gap:6px;min-width:150px}
.nx-reach-big{font-family:var(--nx-f-titel);font-weight:800;font-size:38px;color:#fff;line-height:1}
.nx-reach-big2{font-size:26px;color:var(--txt)}
.nx-reach-statl{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);line-height:1.3}
.nx-reach-hand{margin-top:18px;padding-top:16px;border-top:1px solid var(--line,rgba(255,255,255,.07))}
.nx-reach-hand .nx-reach-num{font-size:30px}
.nx-reach-handn{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:8px;line-height:1.4}
.nx-reach-chlabel,.nx-reach-srclabel{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,rgba(255,255,255,.07))}
.nx-reach-ratio{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,rgba(255,255,255,.07));font:400 13px 'Nunito Sans',sans-serif;color:var(--txt);line-height:1.5}
.nx-reach-ratio b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-reach-since{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);line-height:1.4}
/* Was nicht gemessen wurde, steht nicht da · die Karte bleibt dann kurz. */
.nx-reach-aus{display:none}
@media(max-width:640px){
  /* Schmal bekommt der Kopf drei Zeilen statt drei Spalten · sonst steht der
  Titel vierzeilig neben dem Zeitraum. */
  .nx-reach > .card-h{flex-wrap:wrap;row-gap:9px;padding:14px}
  .nx-reach > .card-h h2{white-space:nowrap}
  .nx-reach > .card-h > span{flex:1 1 100%;margin-left:0!important}
  .nx-reach > .card-h .nx-reach-period{margin-left:0}
  .nx-reach-body{padding:14px 14px 16px}
  .nx-reach-seen{gap:14px 22px}
  .nx-reach-stat{min-width:0;flex:1 1 138px}
  .nx-reach-big{font-size:30px}
  .nx-reach-big2{font-size:23px}
  .nx-reach-hand .nx-reach-num{font-size:26px}
  /* Schmal bekommt die Herkunft zwei Zeilen · ein 150-px-Name neben einem
  Balken waere auf 390 px ein Wortbruch je Zeile. */
  .nx-reach-row{grid-template-columns:1fr 52px;grid-template-areas:"nm vl" "br br";gap:7px 10px;margin-bottom:14px}
  .nx-reach-rname{grid-area:nm}
  .nx-reach-bar{grid-area:br}
  .nx-reach-rval{grid-area:vl}
}
.nx-caps{background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:16px 18px 14px;}
.nx-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 24px}
.nx-cap-row{display:flex;align-items:center;gap:10px;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-cap-row svg{color:#3be37a;flex:none}
.nx-cap-more{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.06));font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cap-more svg{color:var(--nx-text);flex:none}
.nx-cap-more b{color:var(--txt);font-weight:700}
@media(max-width:1100px){.nx-cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nx-cap-grid{grid-template-columns:1fr}}
.nx-lead{font:400 var(--nx-typo-kartenkopf)/1.55 'Nunito Sans',sans-serif;color:var(--dim);max-width:700px;margin:0}
.nx-caps{margin:18px 0 30px}
.nx-soon-h{display:flex;align-items:center;gap:10px;font:800 var(--nx-typo-text) var(--nx-f-text);letter-spacing:.03em;color:#fff;margin-bottom:12px}
.nx-soon-badge{font:800 9px var(--nx-f-text);letter-spacing:.08em;color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:3px 8px}
.nx-soon-inline{margin:12px 16px 4px;padding:12px 16px}
.nx-soon-inline .nx-soon-h{margin-bottom:10px}
.nx-cap-vs{margin-top:13px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.06))}
.nx-cap-vs-p{margin:0;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-loop{background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:14px 18px;margin:0 0 22px}
.nx-loop-h{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.nx-loop-h b{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-loop-h span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-loop-g{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px}
.nx-loop-s{position:relative;padding-left:26px}
.nx-loop-s i{position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:8px;display:grid;place-items:center;font:800 var(--nx-typo-klein) var(--nx-f-text);font-style:normal;color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14)}
.nx-loop-s b{display:block;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt);margin-bottom:2px}
.nx-loop-s span{display:block;font:400 var(--nx-typo-meta)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:1100px){.nx-loop-g{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nx-loop-g{grid-template-columns:1fr}}
.nx-do{margin-top:16px}
/* GESEHEN: die vier Karten in "Make your move" waren 192, 241, 251 und 244 Punkte
  breit und endeten bei 1302, waehrend das Feld bis 1494 geht · rechts blieben 192
  Punkte leer. Bei 1000 Punkten Breite brachen sie auf zwei Reihen mit zwei
  verschiedenen Kanten um.
  WARUM FALSCH: display:flex gibt jeder Karte ihre Textbreite, und die beiden
  Umbruchregeln darunter setzten grid-template-columns, das an einem Flexkasten
  nichts tut · sie waren seit je wirkungslos. In einem Raster gleichrangiger
  Angebote flieht keine Kante: feste Spalten statt Inhaltsbreite. */
.nx-do-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 16px}
.nx-do-c{display:block;text-decoration:none;background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-karte);padding:14px;transition:.15s}
@media (hover:hover){.nx-do-c:hover{border-color:var(--nx-linie);background:var(--nx-hebung-2)}}
.nx-do-i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);color:var(--nx-text);margin-bottom:9px}
.nx-do-c b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;margin-bottom:4px}
.nx-do-t{display:block;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
#campTable{scroll-margin-top:120px}
@media(max-width:1200px){.nx-do-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nx-do-g{grid-template-columns:1fr}}
@media (hover:hover){.side-nav a:hover{background:var(--nx-hebung)}}
input, select, textarea{font-family:inherit}
.brand{grid-template-columns:auto auto;text-decoration:none}
/* .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. */
@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)}}
.nx-studiotitle{font:800 26px var(--nx-f-titel);color:#fff;margin:0}
.nx-studiokicker{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim);margin:0 0 6px}
.nx-stlive{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 18px;padding:14px 17px;border-radius:var(--nx-r-tafel);border:1px solid var(--line,rgba(255,255,255,.08));background:var(--nx-hebung)}
.nx-stlive.on{border-color:rgba(229,72,77,.34);background:linear-gradient(180deg,rgba(229,72,77,.07),rgba(16,16,25,.9))}
.nx-stlive-dot{width:9px;height:9px;border-radius:50%;background:#e5484d;flex:none;animation:nxstpulse 1.9s infinite}
@keyframes nxstpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 8px rgba(229,72,77,0)}100%{box-shadow:none}}
.nx-stlive.off .nx-stlive-dot{background:#6d6d84;animation:none}
.nx-stlive-st{font:800 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#fff}
.nx-stlive.off .nx-stlive-st{color:var(--dim)}
.nx-stlive-z{display:flex;align-items:baseline;gap:6px}
.nx-stlive-z b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;font-variant-numeric:tabular-nums}
.nx-stlive-z span{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-stlive-note{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-stlive-note b{color:#fff;font-family:var(--nx-f-text);font-weight:700}
.nx-stev{margin:0 0 18px;padding:15px 17px;border-radius:var(--nx-r-tafel);border:1px solid var(--line,rgba(255,255,255,.08));background:var(--surface)}
/* EIN PANELKOPF SIEHT AUS WIE EIN PANELKOPF · dieser trug exakt Farbe,
  Gewicht, Versalien und Sperrung der Demo-Marke 19 Punkte darueber und las
  sich darum als deren zweite Zeile statt als Titel. Die Kaesten darunter
  fuehren ihren Kopf mit 15,5/800 in gemischter Schreibweise. */
.nx-stev-h{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);letter-spacing:0;color:var(--txt);margin:0 0 11px}
.nx-stev-r{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.05))}
.nx-stev-r:last-child{border-bottom:0}
.nx-stev-i{width:6px;height:6px;border-radius:50%;flex:none}
.nx-stev-t{flex:1;min-width:0;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-stev-t b{color:#fff;font-family:var(--nx-f-text);font-weight:700}
.nx-stev-w{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap}
@media(max-width:900px){.nx-stlive{gap:12px}}
@media(max-width:900px){
 .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:8px}
 
}
.nx-noti{opacity:0;pointer-events:none;transform:translateY(-8px)}
.brand{display:flex;gap:8px;flex:none}
.brand .logo{height:19px;width:auto}
.icon-btn{width:40px;height:40px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);
 display:grid;place-items:center;color:var(--dim);cursor:pointer;transition:.15s;position:relative;flex:none}
@media (hover:hover){.icon-btn:hover{color:var(--txt);border-color:var(--line2)}}
.counter{position:absolute;top:5px;right:1px;min-width:14px;height:14px;padding:0 0px;border-radius:10px;
 background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);display:grid;
 place-items:center;box-shadow:none;border:1.5px solid var(--bg)}
.me{display:flex;align-items:center;gap:8px;padding:0px 8px 0px 0px;border-radius:var(--nx-r-pille);border:1px solid var(--line);
 background:var(--nx-hebung);cursor:pointer;transition:.15s}
@media (hover:hover){.me:hover{border-color:var(--line2)}}
.icon-btn,.me,.chip-f,.tha,button,.rbtn{touch-action:manipulation}
.nx-surf{background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);margin:0 0 16px}
.nx-surf-h{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.nx-surf-ey{font:700 9px 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-tafel);padding:4px 8px}
.nx-surf-h b{font:800 14px var(--nx-f-text);color:#fff}
.nx-surf-go{margin-left:auto;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--nx-text);text-decoration:none;white-space:nowrap}
@media (hover:hover){.nx-surf-go:hover{color:#fff}}
.nx-surf-grid{align-items:center}
.nx-surf-step b{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-surf-step span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-surf-lbl{font:800 9px var(--nx-f-text);color:var(--dim);display:block;margin-bottom:3px}
.nx-surf-arr{color:var(--nx-text);font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)}
@media(max-width:900px){.nx-surf-grid{grid-template-columns:1fr}.nx-surf-arr{display:none}}
.nx-hostcard{display:flex;align-items:center;gap:18px;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px 18px;margin:0 0 16px}
.nx-hostcard-tx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
/* EIN RANG, EIN MASS. Drei gleichrangige Tafeln trugen 15,5, 14 und
  12,5 Punkte · 14 steht nicht einmal auf der Leiter. Wer nebeneinander
  steht, ist gleich wichtig und sieht auch so aus. */
.nx-hostcard-tx b{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff}
.nx-hostcard-tx span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-hostcard-go{flex:none;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:#fff;background:var(--accent,#5b27e8);border-radius:var(--nx-r-pille);padding:8px 16px;text-decoration:none;transition:.15s}
@media (hover:hover){.nx-hostcard-go:hover{filter:brightness(1.12)}}
.stat .nx-fol-split{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin:4px 0 2px;padding-right:88px;position:relative;z-index:1}
.nx-brand{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:14px;padding:12px 16px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel)}
.nx-brand b{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-brand .bc-ch{display:inline-flex;gap:6px}
.nx-brand .bc-ch span{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);border:1px solid rgba(255,255,255,.12);padding:3px 8px;border-radius:var(--nx-r-pille)}
.nx-brand .bc-note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-brand .bc-tgl{border:1px solid rgba(59,227,122,.4);background:rgba(59,227,122,.1);color:#3be37a;font:800 var(--nx-typo-klein) var(--nx-f-text);padding:6px 12px;border-radius:var(--nx-r-pille);cursor:pointer}
.nx-brand .bc-tgl.off{border-color:rgba(255,255,255,.15);background:none;color:var(--dim)}
.nx-brand a{margin-left:auto;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);text-decoration:none}
.nx-chx-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.nx-chx-h b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-chx-h a{margin-left:auto;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);text-decoration:none}
/* AM TELEFON IST FUER BEIDES NEBENEINANDER KEIN PLATZ. Ueberschrift und
  Weg standen in einem Band: die Ueberschrift brach nach "subscribe" und
  liess "to" allein in der zweiten Zeile stehen, der Weg daneben brach
  ebenfalls um. Untereinander braucht keiner von beiden einen Umbruch. */
@media(max-width:767px){
  .nx-chx-h{flex-wrap:wrap;row-gap:4px}
  .nx-chx-h b{flex:1 1 100%}
  .nx-chx-h a{margin-left:0;white-space:nowrap}
}
.nx-chx-row{display:flex;align-items:center;gap:10px;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-karte);padding:10px 12px;margin-bottom:10px}
.nx-chx-av{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent)}
.nx-chx-row b{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-chx-row span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-chx-mini{display:none}
.nx-chx-mini i{width:34px;height:22px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14)}
.nx-chx-steps{display:flex;gap:10px;flex-wrap:wrap}
.nx-chx-steps div{flex:1;min-width:180px;font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-chx-steps b{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);margin-bottom:3px}
/* VIER LINKE KANTEN IN EINER FLAECHE · der Block sass ohne Polsterung im
  Panel, seine Ueberschrift begann damit auf dem ersten Pixel der Flaeche,
  waehrend die Zeile darueber (Demo-Marke) auf 16 und alles darunter
  (.card-h 16, .nx-reach-body 18) eingerueckt stand. Er folgt jetzt
  derselben Kante wie seine Nachbarn. */
/* GESEHEN: "NEEDS YOUR ATTENTION TODAY" stand als einzige von zehn
  Feldueberschriften der Seite in kleinen gesperrten Versalien (11,5), alle
  anderen gemischt und fett in der grossen Stufe (15,5).
  WARUM FALSCH: die Reihe der Felder verliert genau dort ihren Takt.
  Dazu: der Streifen ist seit heute eine eigene Tafel · Rand und Marke sitzen
  jetzt auf derselben Kante wie in jedem anderen Kasten (16). */
.nx-attn-s{margin:0 0 16px;padding:0 16px 16px}
.nx-attn-s > .nx-demo-tag{padding:8px 0 0}
.nx-attn-k{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);letter-spacing:0;text-transform:none;color:#fff;margin:10px 0 12px}
.nx-attn-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:1000px){.nx-attn-g{grid-template-columns:1fr}}
.nx-attn-c{display:block;border-radius:var(--nx-r-tafel);padding:14px 18px;text-decoration:none;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.nx-attn-c:hover{background:var(--nx-hebung)}}
.nx-attn-c b{font:800 18px var(--nx-f-titel);color:var(--txt);margin-right:7px}
.nx-attn-c .w{font:700 var(--nx-typo-meta) var(--nx-f-text)}
.nx-attn-c .w.amber{color:#ffb43d}
.nx-attn-c .w.violet{color:var(--nx-text)}
.nx-attn-c .w.gruen{color:#3be37a}
.nx-attn-c i{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);font-style:normal;color:var(--txt);margin-top:6px}
.nx-attn-c em{display:block;font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;font-style:normal;color:var(--dim);margin-top:2px}
.nx-attr{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.nx-attr h5{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);margin:0 0 9px}
.nx-attr .ab{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.nx-attr .ab b{width:110px;flex:none;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
.nx-attr .ab .tr{flex:1;height:7px;border-radius:4px;background:var(--nx-hebung);overflow:hidden}
.nx-attr .ab .tr i{display:block;height:100%;border-radius:var(--nx-r-marke);background:var(--accent)}
.nx-attr .ab span{width:76px;flex:none;text-align:right;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-attr .at{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.nx-attr .at span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-attr .at b{color:#3be37a;font-family:var(--nx-f-text)}
.nx-acct-pop{position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:6000;
  background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:8px;
  box-shadow:var(--nx-schatten);display:none}
.brand{align-items:center}
.head{align-items:center}
.side-logo .nx-railname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);letter-spacing:.4px;display:inline-flex;align-items:center;gap:8px}
.side-logo .nx-railname::before{content:'';width:9px;height:9px;border-radius:4px;background:currentColor;box-shadow:none}
body{padding-top:calc(76px + var(--nx-leiste,48px))}
.main{margin:0 auto;max-width:1240px;padding:26px 32px 72px;width:100%;box-sizing:border-box}
.console-top{position:fixed;top:var(--nx-leiste,48px);left:0;right:0;height:56px;z-index:3500;display:flex;align-items:center;gap:18px;padding:0 24px;background:rgba(9,9,15,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);font-family:var(--nx-f-text)}
.console-top .ct-brand{display:flex;align-items:center;gap:10px;flex:none}
.console-top .ct-brand .logo{height:16px;width:auto;color:#fff}
.console-top nav{display:flex;align-items:center;gap:3px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.console-top nav a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:var(--nx-r-bedien);font-size:14px;font-weight:700;color:var(--dim);text-decoration:none;white-space:nowrap;transition:.15s;cursor:pointer}
@media (hover:hover){.console-top nav a:hover{color:#fff;background:var(--nx-hebung)}}
.console-top nav a.soon{color:var(--nx-leise);cursor:default}
.console-top nav a .soontag{font-size:8.5px;font-weight:700;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--dim);border:1px solid rgba(255,255,255,.12);padding:1px 4px;border-radius:var(--nx-r-marke)}
.console-top .ct-right{margin-left:auto;flex:none;display:flex;align-items:center;gap:12px}
@media(max-width:860px){.main{padding:18px 16px 64px}}
.nx-sb-row{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.nx-sb-row:last-child{border-bottom:none}
.nx-sb-lbl{flex:0 0 190px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-sb-bar{flex:1;height:8px;border-radius:99px;background:var(--nx-hebung);overflow:hidden}
.nx-sb-bar i{display:block;height:100%;border-radius:var(--nx-r-pille);background:var(--accent)}
.nx-sb-v{flex:0 0 74px;text-align:right;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-sb-p{flex:0 0 92px;text-align:right;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-sb-big{font:700 26px var(--nx-f-titel);color:var(--txt);margin:2px 0 2px;padding:12px 16px 4px}
.nx-sb-foot{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-sb-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.nx-sb-item:last-of-type{border-bottom:none}
.nx-sb-it{flex:1;min-width:0}
.nx-sb-it b{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-sb-it span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-sb-btn{flex:none;padding:8px 12px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--txt);font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-sb-btn:hover{background:var(--nx-hebung)}}
.nx-sb-btn[disabled]{opacity:.65;cursor:default}
.nx-sb-check{display:flex;gap:8px;align-items:flex-start;padding:8px 0;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-sb-check svg{flex:none;margin-top:2px}
.nx-strat-card{margin-top:16px}
.nx-fm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 8px}
@media(max-width:980px){.nx-fm-grid{grid-template-columns:1fr}}
.nx-fm{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-tafel);padding:18px 20px}
.nx-fm-h{display:flex;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:#fff;margin-bottom:5px}
.nx-fm-soon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 8.5px var(--nx-f-text);letter-spacing:.14em}
.nx-fm-s{margin:0 0 13px;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-fm-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-fm-sub{display:block;font-size:var(--nx-typo-meta);color:var(--dim);margin-top:1px}
.nx-fm-num{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--nx-text)}
.nx-fm-ava{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nx-fm-btn{margin-top:12px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
.nx-fm-note{margin-top:11px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-fm-veil{filter:grayscale(.6) brightness(.75);pointer-events:none;user-select:none}
.nx-rm{max-width:1180px;margin:22px auto 8px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 4px}
@media(max-width:900px){.nx-rm{grid-template-columns:1fr}}
.nx-rm-card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-karte,14px);padding:18px 20px}
.nx-rm-h{display:flex;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:#fff;margin-bottom:6px}
.nx-rm-soon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 8.5px var(--nx-f-text);letter-spacing:.14em}
.nx-rm-s{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 12px}
.nx-rm-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-rm-row b{color:var(--txt)}
.nx-rm-ava{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nx-rm-btn{margin-left:auto;flex:none;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:6px 12px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:.15s}
.nx-rm-note{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-rm-stat{display:inline-block;margin-right:16px}
.nx-rm-stat b{display:block;font:800 18px var(--nx-f-titel);color:var(--txt)}
.nx-rm-stat span{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
.nx-guard{display:flex;align-items:flex-start;gap:8px;margin:16px 0 4px;padding:12px 14px;border:1px solid rgba(52,229,216,.28);background:rgba(52,229,216,.06);border-radius:var(--nx-r-karte);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-guard svg{flex:none;margin-top:1px;color:var(--nx-text)}
.nx-why{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:14px 0 6px}
@media(max-width:980px){.nx-why{grid-template-columns:1fr}}
.nx-why-c{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(19,19,30,.9) 60%);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:14px 16px}
.nx-why-t{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);letter-spacing:.03em;color:#fff;margin-bottom:4px}
.nx-why-t svg{color:var(--nx-text);flex:none}
.nx-why-p{margin:0;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-why-foot{grid-column:1/-1;margin:2px 0 0;padding:10px 14px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--nx-r-karte);font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-why-foot b{color:var(--txt)}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.nx-surf{padding:10px 14px}
.nx-surf-grid{display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none}
.nx-surf-step{padding:6px 10px;flex:none}
.nx-surf-step .nx-surf-lbl{font-size:8.5px}
.nx-surf-arr{display:none}
a[href*="nextari-studio-coaching"],a[href*="nextari-studio-drops"]{display:none}


/* DER FUNKEN STEHT AUF DER ERSTEN ZEILE, nicht zwischen zweien.
  Der Vorspann ist eine Flexzeile mit mittiger Ausrichtung · das 15 Punkte
  grosse Zeichen sass dadurch zwischen Zeile 1 (y=144) und Zeile 2
  (y=166), also neben keiner von beiden, und schob den Text 25 Punkte
  rechts an der Ueberschriftkante vorbei. */
.sub.nx-lead{align-items:flex-start}

/* WAS MAN HIER TUT · steht oben, nicht im Menue.
  Der Titel nennt den Raum, die Zeile darunter das Versprechen · beides
  sagt nicht, welche Arbeit hier moeglich ist. Vier Zeilen nennen sie,
  jede mit ihrem Namen voran. Kein Kasten und keine Linie: die Gruppe
  entsteht aus dem gleichen Takt, nicht aus einem Rahmen. */
/* Der Block steht UNTER der Kopfzeile, nicht in ihrer linken Spalte ·
  dort war er 567 Punkte breit und brach auf zwei Spalten um, waehrend
  daneben die Knopfzeile stand. Und weil main auf diesen Seiten ein
  Raster ist, nimmt er sich ausdruecklich die ganze Zeile. */
.nx-tut{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:18px 34px;margin:18px 0 22px;max-width:1100px}
.nx-tut-i{display:flex;flex-direction:column;gap:5px;min-width:0}
.nx-tut-i b{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-tut-i span{font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
@media (max-width:760px){.nx-tut{grid-template-columns:1fr;gap:14px;margin-top:16px}}