/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
@keyframes nxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* GESEHEN: der aktive Eintrag "Overview" war mit der tuerkisen Vollflaeche das hellste,
  gesaettigtste Element der ganzen Seite · auffaelliger als der Hauptknopf "New campaign",
  und dasselbe Tuerkis stand daneben fuer die vier Haeckchen "garantiert". Dazu war
  "Overview" zweimal gleichzeitig als aktiv markiert: hier tuerkis gefuellt und 300 Punkte
  weiter im Reiterpaar violett gefuellt.
  FALSCH, weil die staerkste Farbe dem Ort gehoerte, an dem man ohnehin schon steht,
  statt dem Weg, den man gehen soll · und weil zwei "Du bist hier"-Marken in zwei Farben
  und zwei Formen fuer dasselbe Wort stehen. Der Eintrag traegt jetzt die ruhige
  Tafelflaeche des Hauses, farbig markiert nur noch der Reiter.
  Der Vorrang ueber die Familie kommt vom body-Merkmal · css/nextari-publisher-overview.css
  wird auf dieser Seite nach dieser Datei geladen und setzt dieselbe Regel. */
body[data-nxfam] .app .side-nav a.on{background:var(--nx-flaeche);color:#fff;font-weight:700}
/* 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. */
.av{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)}
.side.fam-agency::before{background:var(--accent)}
.side.fam-agency{background:linear-gradient(180deg,rgba(77,141,255,.06),transparent 180px),#0c0c15}
.pill.review{background:rgba(240,180,80,.14);color:#f0b450;border-color:rgba(240,180,80,.3)}
.pill.review .dot{background:#f0b450}
/* GESEHEN: bei 1000 Punkten brach die Reihe der Anregungskarten auf zwei Spalten um;
  von den drei sichtbaren Karten stand die dritte allein in der zweiten Reihe und die
  rechte Haelfte des Kastens blieb leer. FALSCH, weil eine halb leere Kartenreihe wie ein
  fehlender Inhalt aussieht. Drei Spalten bis 640 lassen die Reihe voll · bei drei wie bei
  sechs Karten, denn beide Zahlen gehen durch drei auf. Der Vorrang ueber das
  body-Merkmal, weil css/nextari-publisher-overview.css auf dieser Seite nach dieser
  Datei geladen wird und dieselbe Regel mit zwei Spalten setzt. */
@media(max-width:1000px){body[data-nxfam] .nx-do-g{grid-template-columns:repeat(3,1fr);gap:8px}}
/* .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}
/* GESEHEN: die Zeile "Book interests, not platforms." stand auf 26 Punkten und war damit
  groesser als jeder Kartenkopf der Seite (15,5) · in einer Karte, die fuenf Schriftgroessen
  und kein einziges Bedienelement hat. FALSCH, weil 26 auf der Leiter des Hauses gar nicht
  vorkommt und die Karte damit lauter schrie als alles ueber ihr, obwohl sie am wenigsten
  sagt. Jetzt 12,5/800 · das Mass der Nachbarkarten, die Karte zieht sich auf zwei Zeilen
  zusammen. Der hoehere Vorrang, weil css/nextari-publisher-overview.css spaeter geladen
  wird und dieselbe Regel mit 26 Punkten setzt. */
.card.nx-strat-card .nx-sb-big{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);margin:2px 0 2px}
/* Eine einzelne Karte in einem zweispaltigen Raster liess die halbe
  Zeile schwarz · 565 Punkte bei 1440, waehrend die Tafel darueber und die
  darunter bis zur Inhaltskante laufen. Steht nur eine da, nimmt sie die
  Zeile. */
.nx-fm-grid > :only-child{grid-column:1/-1}
.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)}
@media(max-width:980px){.nx-why{grid-template-columns:1fr}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* 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}}