/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
.head-act{align-self:flex-start;margin-top:26px}
@keyframes nxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* 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. */
.nx-sev-kanon{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);padding:10px 2px 2px;border-top:1px solid var(--line,#23233a);margin-top:8px;flex:1 1 100%;order:9}
.nx-raffle-result{margin-top:14px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);background:var(--nx-hebung);padding:14px 16px;animation:nxRaffleIn .3s ease}
@keyframes nxRaffleIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.nx-raffle-result h4{margin:0 0 10px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);color:#fff;display:flex;align-items:center;gap:8px}
.nx-raffle-win{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}
.nx-raffle-win:first-of-type{border-top:none}
.nx-raffle-ava{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:var(--accent)}
.nx-raffle-win b{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.nx-raffle-win span{font-size:var(--nx-typo-meta);color:var(--dim);margin-left:auto}
/* .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. */
#nxEv3Wrap{max-width:var(--nx-breite);margin:0 auto;padding:0 var(--nx-rand);box-sizing:border-box}
#nxEv3Head, #nxPub{max-width:var(--nx-breite);margin:32px auto 0;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:40px var(--nx-rand) 28px;box-sizing:border-box;max-width:none;margin:22px 0 0}
#nxSignup{max-width:var(--nx-breite);margin:32px auto 0;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:40px var(--nx-rand) 28px;box-sizing:border-box;max-width:none;margin:22px 0 0}
#nxEv3Chain, #nxEv3Act, #nxShare, #nxEv3Inv{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
#nxEv3MatchT, #nxEv3Match, #nxEv3Res{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
#nxEv3Head h1{font:700 18px var(--nx-f-titel);color:#fff;letter-spacing:0;display:flex;align-items:center;gap:8px;margin:0}
#nxEv3Head .kk{font:400 var(--nx-typo-meta) "Nunito Sans",sans-serif;letter-spacing:0;text-transform:none;color:var(--dim);border:0;padding:0;margin:0 0 0 8px;display:inline}
#nxEv3Head .nx-ev3-hd{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 16px}
#nxEv3Head{padding-top:0;overflow:hidden}
.nx-ev3-art{position:relative;margin:0 -24px 22px;height:132px;border-bottom:1px solid rgba(255,255,255,0.14)}
.nx-ev3-ov{position:absolute;inset:1px;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:20px 20px,20px 20px}
.nx-ev3-when{position:absolute;top:14px;left:14px;font:700 var(--nx-typo-meta) var(--nx-f-text);color:#fff;background:rgba(8,8,14,.6);border-radius:var(--nx-r-bedien);padding:6px 10px}
.nx-ev3-more{margin-top:11px;padding-top:11px;border-top:1px solid var(--line,rgba(255,255,255,.08));font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nx-ev3-chk{grid-column:1/-1;padding:0 0 10px;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
.nx-ev3-st{position:absolute;top:14px;right:14px;font:700 9px var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;border-radius:var(--nx-r-bedien);padding:6px 10px}
.nx-ev3-pro{position:absolute;right:14px;top:46px;font:800 9px var(--nx-f-text);color:#0a0a10;background:#e8c34a;border-radius:var(--nx-r-marke);padding:3px 8px}
.nx-ev3-game{position:absolute;bottom:14px;left:14px;font:800 var(--nx-typo-text) var(--nx-f-text);color:rgba(255,255,255,.82)}
#nxEv3Head .nx-ev3-hd,#nxEv3Head .meta,#nxEv3Head .kurz{padding-left:0;padding-right:0}
.nx-ev3-pres{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:7px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--txt);background:rgba(8,8,14,.72);border-radius:var(--nx-r-bedien);padding:6px 10px}
.nx-ev3-pres b{font:800 var(--nx-typo-text) var(--nx-f-text)}
.nx-ev3-pres i{font:800 9px var(--nx-f-text);font-style:normal;color:#fff;background:rgba(8,8,14,.55);border-radius:var(--nx-r-marke);padding:3px 6px}
.nx-ev3-mon{margin-top:18px;display:grid;gap:10px}
.nx-ev3-ad,.nx-ev3-raf{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--nx-r-tafel)}
.nx-ev3-ad b,.nx-ev3-raf b{font:700 14px var(--nx-f-text);color:#fff}
.nx-ev3-ad .tx,.nx-ev3-raf .tx{font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nx-ev3-ad .tag,.nx-ev3-raf .tag{font:800 9px var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;border:1px solid rgba(255,255,255,.18);border-radius:var(--nx-r-bedien);padding:4px 8px;color:var(--dim)}
.nx-ev3-ad a{margin-left:auto;font:800 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none}
#nxEv3Head .meta{font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);margin-top:0}
#nxEv3Head .kurz{font:400 var(--nx-typo-text)/1.6 "Nunito Sans",sans-serif;color:var(--dim);max-width:62ch;margin-top:10px}
#nxEv3Chain{max-width:var(--nx-breite);margin:14px auto 0;padding:0 var(--nx-rand);display:grid;gap:0 20px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
#nxEv3Chain .nx-ev3-s{display:block;padding:11px 0 0;border-top:2px solid var(--line,rgba(255,255,255,.10))}
#nxEv3Chain .nx-ev3-s b{display:block;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim)}
#nxEv3Chain .nx-ev3-s span{display:block;margin-top:5px;font:400 var(--nx-typo-text)/1.5 "Nunito Sans",sans-serif;color:var(--dim);text-wrap:pretty}
#nxEv3Chain .nx-ev3-s.done{border-top-color:rgba(52,229,216,.5)}
#nxEv3Chain .nx-ev3-s.done b{color:var(--dim)}
#nxEv3Chain .nx-ev3-s.now{border-top-color:var(--nx-linie)}
#nxEv3Chain .nx-ev3-s.now b{color:#fff}
#nxEv3Chain .nx-ev3-s.now span{color:var(--dim)}
#nxEv3Act,#nxShare{max-width:var(--nx-breite);padding:0 var(--nx-innen)}
#nxEv3Act{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#nxEv3Act button,#nxEv3Act .nx-fo{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--nx-r-karte);padding:0 18px}
#nxEv3Inv{max-width:var(--nx-breite);margin:14px auto 0;padding:0 var(--nx-rand);background:none;border:0;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
#nxEv3Inv b{font-family:var(--nx-f-text);font-weight:700;color:#fff}
#nxPub .h,#nxSignup .t,#nxEv3Res .rt{font:800 var(--nx-typo-meta) var(--nx-f-text);color:#fff;border:0;padding:0;margin:0 0 14px}
#nxSignup{background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-rm2{border-radius:var(--nx-r-tafel)}
.ed-card,.ed-box,.ed-side,.ed-details,.ed-schedule{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel)}
.ed-grid > *{background:none;border:0}
.ed-grid{align-items:start;padding:0 24px}
.ed-card h2,.ed-card h3,.ed-box h2,.ed-box h3,.ed-details h2,.ed-details h3,.ed-schedule h2,.ed-schedule h3{font:700 18px var(--nx-f-titel);color:#fff;letter-spacing:0}
.ed-details .lb,.ed-k,.ed-kv .k{font:800 var(--nx-typo-meta) var(--nx-f-text);color:#fff}
#nxEv3S{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:20px}
#nxEv3S .evsel button{font:700 var(--nx-typo-text) var(--nx-f-text);background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:9px 13px;color:var(--dim)}
#nxEv3S .evsel button.on{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}
#nxEv3S .tabs button{font:800 var(--nx-typo-meta) var(--nx-f-text);}
#nxEv3S .zl{font:400 var(--nx-typo-text)/1.55 "Nunito Sans",sans-serif;color:var(--dim)}
#nxEv3S .nx-e3r,#nxEv3S .nx-mr{border-bottom:1px solid var(--line)}
#nxEv3S .nx-mr-room .nx-rm2{background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--radius)}
#evTable{overflow-x:auto}
#evTable .grid{min-width:666px}
/* Die Ereignistabelle hat ihre eigene Rollflaeche · richtig, solange sie sechs
  Spalten nebeneinander stellt. Ab 980px stapelt .grid auf eine Spalte
  (Regel oben, grid-template-columns:1fr!important) · min-width:666px blieb
  dabei stehen. Am Telefon stand die gestapelte Tabelle deshalb 666px breit
  in einer 390px-Spalte: Format, Datum, Status, Anmeldungen und der
  Edit-Knopf lagen rechts ausserhalb, erreichbar nur durch seitliches
  Wischen einer Liste, die laengst untereinander steht. Gemessen am
  bei 390px: .grid 634px breit, rechte Kante bei 705. Wo gestapelt
  wird, gibt es nichts mehr nebeneinander zu rollen. */
@media(max-width:980px){#evTable{overflow-x:visible}#evTable .grid{min-width:0}}
.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-poll{margin:4px 0}
.nx-poll-o{display:flex;align-items:center;gap:10px;margin:7px 0;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-poll-b{flex:1;height:8px;border-radius:8px;background:var(--nx-hebung);overflow:hidden}
.nx-poll-f{height:100%;border-radius:var(--nx-r-bedien);background:var(--accent)}
.nx-poll-o b{min-width:66px;color:var(--txt)}
.nx-poll-o span{min-width:36px;text-align:right;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);color:var(--nx-text)}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.nx-sev-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);background:var(--nx-flaeche-2);border:1px solid rgba(52,229,216,.5);color:#bff5ef;border-radius:var(--nx-r-pille);padding:10px 20px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;z-index:5100;max-width:80vw;text-align:center}
a[href*="nextari-studio-coaching"],a[href*="nextari-studio-drops"]{display:none}
/* Startzeile der Werkzeugseite. */
/* Der Kasten ist eine Flaeche, flach · die Kartenform in nextari.css gibt
  jeder .card einen Verlauf bis fast auf den Seitengrund, und unten lagen
  die Karten darin auf demselben Grau wie der Kasten. Die Karten stehen
  eine Stufe darueber (--nx-hebung). */
.card.nx-do{background:var(--nx-flaeche)}
.nx-do .card-h{display:flex;align-items:baseline;gap:10px}
.nx-do-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 16px}
.nx-do-c{display:block;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--nx-r-karte);background:var(--nx-hebung);text-decoration:none;color:inherit;transition:.15s}
@media (hover:hover){.nx-do-c:hover{border-color:var(--nx-linie)}}
.nx-do-i{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);color:var(--nx-text);margin-bottom:10px}
.nx-do-c b{display:block;font:800 13px var(--nx-f-text);color:#fff;margin-bottom:4px}
.nx-do-t{font:400 12px/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:1000px){.nx-do-g{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nx-do-g{grid-template-columns:1fr}}