/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.06 */
/* Gemeinsame Regeln der Seitenfamilie „werkzeuge" · steht vor der Seitendatei, die Seitendatei ueberschreibt. */
#nx-loader{position:fixed;inset:0;z-index:100000;background:var(--nx-grund,#101013)}
*{box-sizing:border-box;margin:0;padding:0}
@keyframes nxlflow{0%{transform:translate3d(28%,0,0)}100%{transform:translate3d(-28%,0,0)}}
#nx-loader .nxl-note::before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:260%;z-index:-1;background:linear-gradient(110deg,rgba(91,39,232,0) 34%,transparent 47%,rgba(52,229,216,.34) 53%,rgba(91,39,232,0) 66%);animation:nxlflow 1.6s linear infinite;will-change:transform}
#nx-loader.nxl-off{opacity:0;pointer-events:none}
#nx-loader .nxl-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;max-width:88vw;padding:10px 16px;border-radius:var(--nx-r-pille);background:var(--nx-hebung);position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,0.14);font:700 var(--nx-typo-text)/1.35 "Nunito Sans",sans-serif;color:var(--nx-text2);text-align:left;white-space:nowrap}
@media(max-width:560px){#nx-loader .nxl-note{white-space:normal;text-align:center;max-width:84vw}}
#nx-loader .nxl-note .nxl-dot{width:8px;height:8px;border-radius:50%;background:var(--nx-cyan,#34e5d8);box-shadow:none;flex:none}
a{color:inherit;text-decoration:none}
svg{display:block}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#26263a;border-radius:var(--nx-r-bedien)}
.footer{z-index:1;margin-top:32px;}
.fbrand .logo{height:18px;margin-bottom:16px}
.fbrand p{font-family:'Nunito Sans';font-weight:400;font-size:14px;line-height:1.65;color:var(--dim);max-width:300px;margin-top:2px}
.fcol h4{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:16px;}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
@media (hover:hover){.fcol a:hover{color:var(--txt)}}
.fcol-2{grid-column:span 2}
.fcol-2 .fcol-links{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:24px}
.nx-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.fcol-2{grid-column:auto}.fcol-2 .fcol-links{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}}
@media(max-width:900px){}
@media (hover:hover){}
.fbr{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.fcopy{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim)}
.fbar{border-top:1px solid var(--line)}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
.fbarin a{color:var(--dim)}
.fbarin .right{margin-left:auto;max-width:none;text-align:right;line-height:1.5;font-size:var(--nx-typo-meta);color:var(--faint)}
.fclaim{font-family:'Nunito Sans',sans-serif;max-width:320px;margin-top:2px}
.fclaim .fcl1,.fclaim .fcl2{display:flex;align-items:flex-start;gap:8px;color:var(--dim)}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4;letter-spacing:.1px}
.fclaim .fcli{width:14px;height:14px;flex:none;margin-top:2px;color:inherit}
/* EINMAL DAEMPFEN, NICHT DREIMAL.
  Lag eine gedaempfte Karte in einem gedaempften Abschnitt, multiplizierten
  sich die Filter: gemessen kam ein im Quelltext reinweisser Titel mit
  41 von 255 an, der gruene Geldbetrag mit 30 · Kontrast 1,37 und 1,19 zum
  Kartengrund. Ein Mensch sah vier Flecken, keine Karten. Und die Marke
  DEMO DATA laesst sich in einem gefilterten Elternteil nicht zurueckholen ·
  ein Kind kann den Filter seines Elternteils nicht aufheben.
  Der Wert ist jetzt so gewaehlt, dass Schrift auf Flaeche lesbar bleibt. */
.nx-demo{filter:grayscale(.8) brightness(.84);opacity:.92}
.nx-demo-card{position:relative}
.nx-demo-tag{display:flex;align-items:center;gap:8px;padding:8px 16px 0;font:800 9px var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--dim)}
.nx-demo-dot{width:6px;height:6px;border-radius:99px;background:#a9a9b6;flex:none}
.nx-demo > .nx-demo-tag{filter:none;opacity:1}
.nx-fb-hero{max-width:360px}
.nx-fb-h{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);line-height:1.16;letter-spacing:-.01em;color:#fff;margin:0 0 12px}
.nx-fb-h .grad{background:linear-gradient(var(--nx-text),var(--nx-text));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.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}
.nx-fb-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#34e5d8;box-shadow:none;animation:nxFbDot 1.8s ease-in-out infinite}
.nx-noti{position:absolute;top:calc(100% + var(--nx-kopf-haken, 14px));right:0;width:344px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.09));box-shadow:var(--nx-schatten);padding:8px;z-index:120;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;font-family:'Nunito Sans',sans-serif;text-align:left;cursor:default}
.nx-noti.open{opacity:1;transform:translateY(0);pointer-events:auto}
.nx-noti-head{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt);letter-spacing:.2px}
.nx-noti-head span{font-size:var(--nx-typo-text);color:var(--nx-text);cursor:pointer}
@media (hover:hover){.nx-noti-head span:hover{text-decoration:underline}}
.nx-noti-item{display:flex;gap:16px;align-items:center;padding:8px;border-radius:var(--nx-r-karte);cursor:pointer;transition:background .15s}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
.nx-noti-ic{width:38px;height:38px;border-radius:var(--nx-r-karte);flex:none;display:grid;place-items:center;color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text)}
.nx-noti-tx{min-width:0;flex:1}
.nx-noti-t{font-size:var(--nx-typo-text);color:var(--dim);font-weight:400;line-height:1.35}
.nx-noti-t b{color:var(--txt);font-weight:700}
.nx-noti-s{font-size:var(--nx-typo-text);color:var(--dim);margin-top:1px}
.nx-noti-time{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:4px}
.nx-noti-dot{width:7px;height:7px;border-radius:50%;background:var(--accent,#5b27e8);flex:none;box-shadow:var(--nx-schatten)}
.nx-noti-foot{padding:14px 8px 6px;text-align:center}
.nx-noti-foot a{font-size:var(--nx-typo-text);color:var(--nx-text);text-decoration:none;font-family:var(--nx-f-text)}
@media (hover:hover){.nx-noti-foot a:hover{text-decoration:underline}}
@keyframes nxFbDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.nx-fb-sub{font-family:'Nunito Sans',sans-serif;font-weight:400;font-size:14px;color:var(--dim);margin:0;line-height:1.55}
.footer{background:transparent;border-top:1px solid var(--nx-linie);position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:.5;pointer-events:none;z-index:2}
.footer::after{content:none}
@keyframes nxFtSweep{to{background-position:200% 0}}
.footer .finner{position:relative;z-index:1}
.nx-fb-h .grad{white-space:nowrap}
.nx-db-persp{border:1px solid rgba(255,255,255,.12);box-shadow:none}
.nx-db-persp-tab.active{box-shadow:none}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
@keyframes nxOnlineBreath{from{box-shadow:none}to{box-shadow:none}}
.pb-reset{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.3px;cursor:pointer;transition:background .15s}
@media (hover:hover){.pb-reset:hover{background:rgba(255,255,255,.15)}}
.pb-reset svg{display:block}
.invdec{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.invdec svg{display:block}
.chjoin{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.chjoin svg{display:block}
.nxn-clear{border-radius:var(--nx-r-pille);padding:4px 12px;border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--nx-text);font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:.3px;cursor:pointer;transition:background .15s}
@media (hover:hover){.nxn-clear:hover{background:var(--nx-hebung)}}
.banner,[style*="linear-gradient("]{background-repeat:no-repeat}
a.icon-btn{text-decoration:none}
img,[style*="gradient"],.cov,.cov>*,.av,.sthumb,.spthumb,.gc-cov,[class*="-cov"],[class*="thumb"],.nx-clip,.nx-ytclip-thumb,.sptile>*,.cimg,.gimg,.eimg{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}
.nx-navsec{margin:14px 0 6px;padding:0 14px;font:800 9px var(--nx-f-text);color:var(--dim)}
#nxGameWorld,#nxCC,#nxNative{scroll-margin-top:120px}
.nx-soongrp{margin:10px 0 2px}
.nx-soongrp-h{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;cursor:pointer;padding:8px 14px;font:800 9px var(--nx-f-text);color:var(--dim)}
@media (hover:hover){.nx-soongrp-h:hover{color:var(--dim)}}
.nx-soongrp-n{font:700 9px var(--nx-f-text);color:var(--dim);background:var(--nx-hebung);border-radius:var(--nx-r-pille);padding:2px 8px;letter-spacing:0}
.nx-soongrp-c{margin-left:auto;transition:transform .15s ease}
.nx-soongrp.open .nx-soongrp-c{transform:rotate(180deg)}
.nx-soongrp-b{display:none}
.nx-soongrp.open .nx-soongrp-b{display:block}
.pb-navlab{flex:none;font:800 9px var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-prevbar{overflow:hidden}
.nx-prevbar>.pb-badge{flex:none}
.nx-prevbar>.pb-right{flex:none;margin-left:auto}
.nx-prevbar>.pb-switch{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);scroll-behavior:smooth}
.nx-prevbar>.pb-switch[data-nx-ende]{mask-image:none;-webkit-mask-image:none}
.nx-prevbar>.pb-switch::-webkit-scrollbar{display:none}
@media(max-width:1100px){.pb-navlab{display:none}}
@media (hover:hover){.side-nav a:hover{background:var(--nx-hebung)}}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.pb-reset-lead{margin-left:0}
.nx-idpop{position:absolute;top:calc(100% + var(--nx-kopf-haken, 8px));right:0;min-width:210px;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:120}
.nx-idi{display:block;width:100%;text-align:left;padding:8px 14px;border:0;background:none;border-radius:var(--nx-r-bedien);color:var(--txt);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
@media (hover:hover){.nx-idi:hover{background:var(--nx-hebung)}}
.nx-idh{color:var(--dim);font:700 var(--nx-typo-klein) var(--nx-f-text);padding:10px 14px 4px}
.nx-idi-q{color:var(--nx-text)}
.nx-idsep{height:1px;background:var(--line,rgba(255,255,255,.08));margin:6px 8px}
.nx-idout{color:var(--dim)}
input, select, textarea{font-family:inherit}
:focus{outline:none}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}
.side-nav a.on .soontag,.side-nav a.on .cnt{background:rgba(0,0,0,.18);color:var(--ag-ontext,#140b2e)}
.fh-soon.fh-soon.fh-soon{letter-spacing:.6px}
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}
  }
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-top:19px!important;padding-bottom:19px;margin-top:0;margin-bottom:0}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
.studiobody > section,.studiobody > .dashgrid{margin-top:52px}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
.topbar + section.nx-row.nx-row.nx-row.nx-row,.topbar ~ main > section.nx-row:first-child,.topbar + .section.nx-row.nx-row.nx-row{margin-top:32px}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.nx-navsec.nx-navsec{padding-left:12px}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:22px;font-weight:800;line-height:1.2}
#nxMsgMenu{position:fixed;z-index:9600;width:300px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-tafel);padding:8px;box-shadow:var(--nx-schatten);font-family:"Nunito Sans",sans-serif;display:none}
#nxMsgMenu.open{display:block}
#nxMsgMenu .mh{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
#nxMsgMenu .mi{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--nx-r-bedien);text-decoration:none}
@media (hover:hover){#nxMsgMenu .mi:hover{background:var(--nx-hebung)}}
#nxMsgMenu .mav{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
#nxMsgMenu .mt{flex:1;min-width:0}
#nxMsgMenu .mn{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
#nxMsgMenu .ms{display:block;font:400 var(--nx-typo-text)/1.45 "Nunito Sans",sans-serif;color:var(--dim);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nxMsgMenu .mz{font:400 var(--nx-typo-klein) "Nunito Sans",sans-serif;color:var(--nx-leise);flex:none;margin-top:2px}
#nxMsgMenu .mf{border-top:1px solid rgba(255,255,255,.07);margin-top:6px;padding:9px 10px 4px;text-align:center}
#nxMsgMenu .mf a{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--nx-text);text-decoration:none}
.nxsr-ic{width:34px;height:34px;border:none;background:transparent;color:var(--dim);cursor:pointer;display:grid;place-items:center;border-radius:var(--nx-r-bedien);transition:.15s}
@media (hover:hover){.nxsr-ic:hover{color:var(--txt);background:var(--nx-hebung)}}
.nxsr-ov{position:fixed;inset:0;z-index:80;background:rgba(4,4,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none}
.nxsr-ov.on{display:block}
.nxsr-p{max-width:580px;margin:110px auto 0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-tafel);overflow:hidden;box-shadow:var(--nx-schatten)}
.nxsr-in{width:100%;box-sizing:border-box;background:transparent;border:none;outline:none;color:var(--txt);padding:17px 19px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);border-bottom:1px solid rgba(255,255,255,.08)}
.nxsr-in::placeholder{color:var(--nx-leise)}
.nxsr-res{max-height:52vh;overflow:auto;padding:8px 0 10px}
.nxsr-g{padding:10px 19px 4px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-r.on{background:var(--accent)}
.nxsr-art{width:52px;height:29px;border-radius:var(--nx-r-marke);flex:none;object-fit:cover;background:var(--nx-hebung)}
.nxsr-art.rund{width:30px;height:30px;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.nxsr-r:hover{background:var(--nx-hebung)}}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.nxsr-a{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nxsr-none{padding:16px 19px;color:var(--nx-leise);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
.nx-anim-pop{animation:nxpop .24s ease-out}
.nx-anim-in{animation:nxfadeup .34s cubic-bezier(.2,.7,.3,1) both}
.nx-anim-toast{animation:nxtoastin .3s cubic-bezier(.2,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){*{transition:none}}
.av>.online{position:absolute}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
.nx-eu-foot{display:inline-flex;align-items:center;margin-right:8px;margin-left:-1px;vertical-align:-2px;position:relative;top:-1px}
.nx-eu-foot .nx-eu{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
#nx-search-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-karte);box-shadow:var(--nx-schatten);padding:6px;z-index:6000;display:none;max-height:420px;overflow:auto}
#nx-search-drop.on{display:block}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
@media (hover:hover){.nxsd-row:hover{background:var(--nx-hebung)}}
.nxsd-av{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);flex:none}
.nxsd-n{flex:1;min-width:0;font:700 14px "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nxsd-t{font:700 var(--nx-typo-klein) var(--nx-f-text);flex:none}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
.railfoot{cursor:pointer;position:relative}
/* DIE ZEILE UEBER DER KONTOKARTE ("Account" / "Signed in as") · EINE REGEL.
  Sie steht auf der Textkante der Karte darunter (1 Rand + 12 Polster = 13)
  und damit auf derselben Kante wie Bild und Menuezeichen. Die Kante stand
  bisher als zweite Regel mit Vorrang daneben, als Kopie in den Seiten-CSS
  und noch einmal zur Laufzeit in nxm-chrome.js · jetzt steht alles in
  dieser einen Regel. */
.railfoot .nx-acct-lbl{font:800 9px var(--nx-f-text);
  color:var(--dim);margin:0 0 7px;padding-left:13px}
.railfoot .agencybox{border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-karte);padding:8px 12px;
  transition:border-color .15s,background .15s;display:flex;align-items:center;gap:10px}
@media (hover:hover){.railfoot:hover .agencybox{border-color:var(--nx-linie);background:var(--nx-hebung)}}
.railfoot .nx-acct-car{margin-left:auto;color:var(--dim);flex:none;font-size:var(--nx-typo-klein)}
/* Seitenschiene · EIN Einzug fuer alles, was auf ihr steht. Kontenkarte und
  Navigation begannen auf zwei Kanten (8 und 12), weil jede Seitendatei beide
  Werte einzeln kopiert hatte. Die Schiene besitzt den Wert, beide lesen ihn.
  Die schwebende Kontenkarte (.nx-acct-float) steht nicht auf der Schiene. */
.side{--nx-schiene-innen:12px}
:where(.side) .railfoot{margin:0 0 12px;padding:0 var(--nx-schiene-innen) 14px;border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.app .side-nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--nx-schiene-innen)}
.nx-acct-pop.open{display:block}
.nx-acct-pop .ap-head{font:800 9px var(--nx-f-text);
  color:var(--dim);padding:4px 8px 8px}
.nx-acct-pop .ap-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer}
@media (hover:hover){.nx-acct-pop .ap-item:hover{background:var(--nx-hebung)}}
.nx-acct-pop .ap-av{width:28px;height:28px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;
  font:700 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent)}
.nx-acct-pop .ap-nm{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-acct-pop .ap-rl{font-size:var(--nx-typo-klein);color:var(--dim);margin-top:1px}
.nx-acct-pop .ap-check{margin-left:auto;color:#3be37a;flex:none}
.nx-acct-pop .ap-div{height:1px;background:var(--line,rgba(255,255,255,.08));margin:6px 4px}
.nx-acct-pop .ap-connect{color:var(--nx-text)}
.nx-connect-ov{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .15s}
.nx-connect-ov.open{opacity:1}
.nx-connect-scrim{position:absolute;inset:0;background:rgba(6,6,11,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nx-connect-card{position:relative;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;
  background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:22px;
  box-shadow:var(--nx-schatten)}
.nx-connect-card .cc-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.nx-connect-card .cc-title{font-family:"Encode Sans Condensed",var(--nx-f-titel);font-weight:800;font-size:18px;color:var(--txt)}
.nx-connect-card .cc-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px;line-height:1.5}
.nx-connect-card .cc-x{margin-left:auto;flex:none;width:30px;height:30px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.08));
  background:transparent;color:var(--dim);cursor:pointer;font-size:14px}
@media (hover:hover){.nx-connect-card .cc-x:hover{border-color:var(--nx-linie);color:#fff}}
.nx-connect-card .cc-step{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);margin:14px 0 9px}
.nx-connect-card .cc-types{display:flex;flex-direction:column;gap:8px}
.nx-connect-card .cc-type{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.08));background:var(--surface);cursor:pointer;text-align:left;transition:.15s}
@media (hover:hover){.nx-connect-card .cc-type:hover{border-color:var(--nx-linie)}}
.nx-connect-card .cc-type.sel{border-color:var(--nx-linie);background:var(--nx-hebung)}
.nx-connect-card .cc-ic{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;
  background:var(--nx-hebung);color:var(--nx-text);font-size:var(--nx-typo-kartenkopf)}
.nx-connect-card .cc-tx{display:flex;flex-direction:column;gap:2px}
.nx-connect-card .cc-tx b{font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:var(--txt)}
.nx-connect-card .cc-tx span{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-connect-card .cc-name{width:100%;box-sizing:border-box;padding:12px 12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.1));background:var(--nx-grund);color:var(--txt);
  font:700 var(--nx-typo-text) var(--nx-f-text);outline:none}
.nx-connect-card .cc-name:focus{border-color:var(--accent)}
.nx-connect-card .cc-authnote{font-size:var(--nx-typo-meta);color:var(--dim);margin:9px 2px 0;line-height:1.5}
.nx-connect-card .cc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.nx-connect-card .cc-btn{padding:10px 18px;border-radius:var(--nx-r-bedien);font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;border:1px solid transparent;transition:.15s}
.nx-connect-card .cc-btn.ghost{background:transparent;border-color:var(--line,rgba(255,255,255,.12));color:var(--dim)}
@media (hover:hover){.nx-connect-card .cc-btn.ghost:hover{color:#fff}}
.nx-connect-card .cc-btn.pri{background:var(--accent,#5b27e8);color:#fff}
.nx-connect-card .cc-btn.pri:disabled{opacity:.4;cursor:not-allowed}
@media (hover:hover){.nx-connect-card .cc-btn.pri:not(:disabled):hover{filter:brightness(1.12)}}
body{padding-top:var(--nx-leiste,48px)}
.nx-demobar{display:none}
.nx-prevbar{position:fixed;top:0;left:0;right:0;height:48px;z-index:4000;gap:16px;padding:0 max(18px,calc((100% - 1320px)/2));font-family:var(--nx-f-text);}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-badge i{width:5px;height:5px;border-radius:50%;display:inline-block}
.nx-prevbar .pb-switch{display:flex;align-items:center;gap:12px}
.nx-prevbar .pb-grp{display:flex;align-items:center;gap:3px}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-div{width:1px;height:18px;background:var(--nx-hebung-2)}
.nx-prevbar a.pb-p{display:inline-flex;align-items:center;line-height:1;height:26px;font-size:var(--nx-typo-text);font-weight:700;text-decoration:none;padding:0 9px;border-radius:var(--nx-r-bedien);white-space:nowrap;transition:background .15s,color .15s}
@media (hover:hover){.nx-prevbar a.pb-p:hover{color:#fff;background:var(--nx-hebung)}}
.nx-prevbar .pb-right{display:flex;align-items:center;gap:14px}
.nx-prevbar .pb-t{display:inline-block}
@media(max-width:860px){.nx-prevbar .pb-glabel{display:none}}
@media(max-width:680px){.nx-prevbar .pb-badge .pb-t{display:none}}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-badge i{background:#8a8aa0}
.nx-prevbar .pb-switch{background:rgba(15,15,24,.55);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.10);border-radius:var(--nx-r-bedien);padding:4px 12px}
.nx-prevbar .pb-glabel{color:var(--dim)}
.nx-prevbar a.pb-p{color:var(--dim)}
.nx-prevbar a.pb-p.on{color:#fff;background:var(--nx-hebung-2)}
.nx-prevbar .pb-right{margin-left:auto;padding-right:4px}
@media (hover:hover){}
.pb-admin .pb-glabel{color:var(--nx-leise)}
.pb-admin .pb-p .pb-t{color:inherit}
.pb-admin .pb-p.on{background:var(--nx-hebung)}
.pb-admin .pb-p.on .pb-t{color:#fff}
.nx-prevbar{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.045) 0 11px,rgba(255,255,255,.012) 11px 22px),#0d0d14;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:inset 0 -12px 24px -18px rgba(255,255,255,.13)}
.fcol .fh-soon{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.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{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;align-items:center}
.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}
.fsocial .s svg{display:block}
@media (hover:hover){.fsocial .s:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung-2);transform:translateY(-2px)}}
.nx-soon-note{display:none}
.pb-right{gap:8px}
.pb-right a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.3px;text-decoration:none;white-space:nowrap;transition:background .15s}
@media (hover:hover){.pb-right a:hover{background:rgba(255,255,255,.15)}}
.pb-glabel{display:inline-flex;align-items:center;gap:4px}
.pb-eye{display:block;opacity:.7}
.pb-on{color:var(--txt)}
.pb-on .pb-t{color:var(--txt)}
a.pb-p.pb-on,a.pb-partner.pb-on,a.pb-ob.pb-on{text-shadow:0 0 14px rgba(255,255,255,.30)}
.nx-prevbar .pb-badge{padding:4px 12px}
.nx-prevbar .pb-badge .pb-t{font-size:var(--nx-typo-klein);line-height:13px}
.nx-prevbar{display:flex;}
@media (hover:hover){.nx-fb-sup:hover{background:var(--nx-hebung)}}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
.nx-pulse{animation:nxPulse 2.6s ease-in-out infinite}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover, .sptile:hover, .nx-why-c:hover, .nx-supp-c:hover, .evcard:hover, .gcard:hover, .pcard:hover, .rowcard:hover, .nx-rowcard:hover, .subscard:hover, .podcard:hover, .mkt-card:hover, .post:hover, .grp:hover, .ftile:hover, .lcard:hover, .dccard:hover, .block:hover, .fgcard:hover{transform:translateY(-2px);box-shadow:none}}
.card, .sptile, .nx-why-c, .nx-supp-c, .evcard, .gcard, .rowcard, .nx-rowcard, .mkt-card, .post, .grp, .ftile, .lcard, .dccard, .block, .fgcard{animation:nxIn .45s ease both}
.card:nth-child(2),.sptile:nth-child(2),.nx-why-c:nth-child(2),.nx-supp-c:nth-child(2){animation-delay:.05s}
.card:nth-child(3),.sptile:nth-child(3),.nx-why-c:nth-child(3),.nx-supp-c:nth-child(3){animation-delay:.1s}
.card:nth-child(4),.sptile:nth-child(4),.nx-supp-c:nth-child(4){animation-delay:.15s}
.card:nth-child(5),.nx-supp-c:nth-child(5){animation-delay:.2s}
.card:nth-child(6),.nx-supp-c:nth-child(6){animation-delay:.25s}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
.nx-fm{filter:saturate(.65);}
@media (hover:hover){.nx-fm:hover{transform:none;box-shadow:none}}
.nx-soon-strip{opacity:.78}
@media (hover:hover){.nx-soon-strip:hover{opacity:1}}
.nx-loop{opacity:.7}
@media (hover:hover){.nx-loop:hover{opacity:1}}
.nx-do-g .nx-do-c{padding:12px 12px}
.nx-do-g .nx-do-c b{font-size:var(--nx-typo-text)}
.nx-do-g .nx-do-t{font-size:var(--nx-typo-meta)}
.nx-caps.nxcm{padding:0;cursor:default}
.nx-caps.nxcm .nxcm-head{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left}
@media (hover:hover){.nx-caps.nxcm .nxcm-head:hover{background:var(--nx-hebung)}}
.nx-caps.nxcm .nxcm-t{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-caps.nxcm .nxcm-s{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.nx-caps.nxcm .nxcm-chev{flex:none;color:var(--nx-leise);transition:transform .15s}
.nx-caps.nxcm.nxcm-open .nxcm-chev{transform:rotate(180deg)}
.nx-caps.nxcm .nxcm-body{display:none;padding:2px 16px 16px}
.nx-caps.nxcm.nxcm-open .nxcm-body{display:block}
/* Am Telefon traegt main den Seitenrand schon selbst (14 Punkte). Ein zweiter
  Rand am Kind setzt den Text auf eine zweite Kante · gemessen standen die
  Abschnitte der Werkzeugseiten bei 38 statt bei 14. Abschnitte IN main
  liegen deshalb auf der Kante von main. */
@media(max-width:767px){
  .app > .main > .section, .app > .main > .nx-row{
    margin-left:0;margin-right:0;
    max-width:100%}
}

/* ==========================================================================
  WERKZEUGSEITEN AM TELEFON · EINE KANTE, EIN KUERZERER KOPF.
  Die gestapelte Fassung bleibt: Leiste ueber dem Inhalt, Inhalt darunter.
  Zwei Messwerte gaben den Anlass. Die Leiste setzte ihren Inhalt auf 12
  Punkte, waehrend Kopfleiste, Inhalt und Fuss auf 14 stehen · zwei linke
  Kanten auf jeder Seite. Und der Kontoblock der Leiste wiederholt den
  Namen, der eine Zeile darueber schon in der Kopfleiste steht, unter einer
  eigenen Ueberschrift · die Wiederholung schob den Seitentitel nach unten.
  Hoehere Spezifitaet statt einer zweiten !important-Runde, damit eine
  einzelne Seite ihren Rand weiterhin selbst setzen kann.
  ====================================================================== */
@media(max-width:980px){
/* DIE GESTAPELTE TABELLENZEILE · die Handlung beginnt auf der Kante der Zeile
  wie Name, Zustand und Zahl darueber. Rechts aussen stand der Knopf allein auf
  seiner Zeile (knopfreihen.py, Regel 3, auf sieben Werkzeugseiten). */
.grid > .end{justify-content:flex-start}

  /* Hier traegt die Schiene selbst den Rand · ihr Inhalt rueckt nicht noch einmal ein. */
  html body .app > .side{--nx-schiene-innen:0px}
}
@media(max-width:767px){
  html body .app > .side .railfoot{margin:2px 0 6px;padding:0 0 8px}
  html body .app > .side .railfoot .nx-acct-lbl{display:none}
  html body .app > .side .railfoot .agencybox{min-height:44px;padding:4px 10px}
  /* Die Betreiber-Leiste ist am Telefon die Kopfzeile der Seite. Ihre feste
  Hoehe von 76 Punkten stammt vom Schreibtisch; die Griffe darin sind 44
  Punkte hoch, es blieben also 16 Punkte Luft ueber und unter ihnen.
  Zehn genuegen, und die Hoehe misst nxm-chrome.js selbst nach. */
  html body .nx-conbar{height:64px}
}

/* ==========================================================================
  AM TELEFON · DIE LEISTE IST EINE REIHE, KEINE SPALTE.
  Gemessen bei 390x844: der Seitentitel begann erst bei 378-422 Punkten,
  also nach der Haelfte des Bildes. Der Grund war die gestapelte Leiste, die
  ihre Punkte weiter untereinander setzte wie am Schreibtisch (220 Punkte in
  der Agentur, 144 in der Konsole, 94 im Studio). Die Entscheidung vom
  bleibt · die Leiste steht ueber dem Inhalt. Sie liegt jetzt als
  Reihe darin, wie die Leiste der Vorschau: nichts faellt weg, was nicht
  hineinpasst, schiebt man waagerecht nach. Die Maske am rechten Rand zeigt,
  dass es weitergeht.
  ====================================================================== */
@media(max-width:767px){
  html body .app > .side > .nx-brandnav,
  html body .app > .side > nav.side-nav{
    display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;
    padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%)}
  html body .app > .side > .nx-brandnav::-webkit-scrollbar,
  html body .app > .side > nav.side-nav::-webkit-scrollbar{display:none}
  html body .app > .side > .nx-brandnav > nav.side-nav{
    display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;padding:0;overflow:visible;
    -webkit-mask-image:none;mask-image:none}
  html body .app > .side > .nx-brandnav > .side-sec{
    flex:none;white-space:nowrap;margin:0;padding:0 2px}
  /* Die 44 Punkte des Registers gelten auch hier · in der Spalte ergaben sie
  sich aus der Zeilenhoehe, in der Reihe muss man sie setzen. */
  html body .app > .side .side-nav a{flex:none;white-space:nowrap;min-height:44px}
}

/* DIE BETREIBER-LEISTE: Marke, Rolle und Konto. Die Regeln standen als
  Kopie in 26 Seiten-CSS der Familie · jetzt einmal hier, wie in
  css/nextari-gemeinsam-console.css. */
.nx-cb-brand{display:flex;align-items:center}
.nx-cb-logo{display:block}
.nx-conbar{position:fixed;top:var(--nx-leiste,48px);left:0;right:0;height:76px;z-index:39;display:flex;align-items:center;gap:16px;
 padding:0 26px;background:rgba(10,10,16,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 border-bottom:1px solid var(--nx-linie-subtle)}
.nx-cb-brand{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);letter-spacing:.14em;color:var(--txt);text-decoration:none;transition:.15s}
@media (hover:hover){.nx-cb-brand:hover{color:var(--nx-text)}}
.nx-cb-div{width:1px;height:22px;background:var(--nx-hebung-2)}
.nx-cb-role{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:var(--nx-leise)}
.nx-cb-id{margin-left:auto;display:flex;align-items:center;gap:10px}
.nx-cb-ava{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;background:var(--accent);
 color:var(--nx-weiss);font:800 var(--nx-typo-text) var(--nx-f-text)}
.nx-cb-nm{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);line-height:1.15}
.nx-cb-rl{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--nx-leise)}

/* Der Rueckweg im Inhalt (".backlink") · stand als Kopie in acht Seiten-CSS. */
.backlink{display:inline-flex;align-items:center;gap:4px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);text-decoration:none;margin-bottom:8px}
@media (hover:hover){.backlink:hover{color:var(--nx-weiss)}}

/* "Back to home" · der Rueckweg in der Betreiber-Leiste von Studio,
  Agentur und Publisher. Eine Handlung, kein Zustand: Flaeche ohne Kante,
  Rundung und Hoehe eines Bedienelements, Schrift und Zeiger aus den
  Leitern des Hauses. Die Regel stand als Kopie in 26 Seiten-CSS · jetzt
  einmal je Familie, hier und in css/nextari-gemeinsam-console.css. */
.nx-cb-back{display:inline-flex;align-items:center;gap:8px;height:var(--nx-h-bedien);padding:0 14px 0 11px;border:0;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);color:var(--txt);font:700 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.01em;text-decoration:none;transition:.15s;white-space:nowrap}
@media (hover:hover){.nx-cb-back:hover{background:var(--nx-hebung-2);color:var(--nx-kopf-weiss,#fff)}}
.nx-cb-back svg{flex:none;transition:transform .15s}
@media (hover:hover){.nx-cb-back:hover svg{transform:translateX(-2px)}}

/* DIE 44 PUNKTE GELTEN AUCH IN DER BETREIBER-LEISTE.
  Am Telefon zaehlt der Daumen, und der Rueckweg ist nur das Zeichen · die
  Worte fielen bisher erst unter 640 weg, eine Schwelle, die sonst keiner
  im Haus kennt. Das Polster am Telefon setzt nxm-mobil.css. */
@media(max-width:767px){
  html body .nx-conbar a.nx-cb-back{height:auto;min-height:44px}
  .nx-cb-back span{display:none}
}

/* DER FUSS: EINE KANTE, UND PUNKTE, DIE MAN TRIFFT.
  Gemessen bei 390 Punkten: der Rasterblock des Fusses lag richtig auf 14,
  die Schlusszeile darunter auf 24 · zwei linke Kanten auf jeder
  Werkzeugseite. Grund ist der Breiten-Token: die Schlusszeile deckelt sich
  damit und zentriert den Rest, am Telefon sind das 24 Punkte je Seite.
  Am Telefon traegt sie ihren Rand selbst, wie der Rasterblock darueber.
  Die Punkte im Fuss massen ausserdem 16 Punkte Hoehe · die 44 des
  Registers galten fuer sie nicht. Das Raster selbst bleibt beim Besitzer
  der mobilen Fassung (zwei Spalten, Markenblock ueber beide). */
@media(max-width:560px){
  html body .footer .fcol a{display:flex;align-items:center;min-height:44px;padding:0}
  html body .footer .fsocial .s{width:44px;height:44px}
  html body .fbar .fbarin{max-width:none;margin-left:0;
    margin-right:0;padding-left:14px;padding-right:14px}
  html body .fbar .fbarin a{display:inline-flex;align-items:center;min-height:44px}
}
/* WERKZEUGSEITEN HALTEN DEN REIHENKOPF AUF IHRER KANTE. Der Einzug auf die
  Innenlinie (--nx-reihenkopf-einzug, nextari.css) gilt fuer die Hauptseiten ·
  eine Werkzeugseite hat ihre eigene Spalte neben der Seitenleiste, und ihre
  freien Ueberschriften stehen dort auf der Kante.
  Gemessen: "Vereine und Teams" rueckte sonst auf 308, "Sponsor an evening"
  daneben blieb auf 284. */
body{--nx-reihenkopf-einzug:0px}
/* C45 · wortgleich in den Seitendateien aller Seiten dieser Familie, von dort hierher gezogen (zuletzt in der Familien-Datei, also vor jeder Seitendatei, die weiter ueberschreibt). */
.side{left:0;bottom:0;width:252px;flex-direction:column;padding:24px 16px;z-index:20;overflow-y:auto}
.side-logo{display:flex;align-items:center;gap:8px;}
.side-tag{font-family:var(--nx-f-text);font-size:8.5px;font-weight:800;color:var(--nx-text);border:1px solid var(--line2);padding:3px 8px;border-radius:var(--nx-r-bedien);align-self:flex-start;transform:translateY(-2px)}
.side-sec{font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:700;color:var(--faint);padding:16px 8px 8px}
.side-nav{display:flex;flex-direction:column;gap:2px}
.side-nav a{display:flex;align-items:center;gap:16px;padding:8px 8px;font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:var(--dim);transition:.15s;border:1px solid transparent}
.soontag::before{content:"";width:7px;height:7px;border-radius:50%;border:1.4px solid currentColor;border-top-color:transparent;display:inline-block;opacity:.9}
.side-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding:8px 8px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung)}
.side-av{width:32px;height:32px;border-radius:var(--nx-r-bedien);background:var(--accent);display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.side-who b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);font-weight:700;display:block;line-height:1.2}
.side-who span{font-size:var(--nx-typo-meta);color:var(--faint)}
.btn.pri{box-shadow:none;}
@media (hover:hover){.btn.pri:hover{filter:brightness(1.08)}
.btn.ok:hover{background:rgba(59,227,122,.16)}
.btn.danger:hover{background:rgba(255,77,109,.15)}}
.btn svg{width:15px;height:15px;flex:none}
.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:8px 16px;width:240px}
.search svg{width:15px;height:15px;color:var(--faint);flex:none}
.search input::placeholder{color:var(--faint)}
.acard{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px;transition:.15s}
.card-h{display:flex;align-items:center;gap:8px;padding:16px 16px;border-bottom:1px solid var(--line)}
.card-h h2{font-family:var(--nx-f-text);}
.row{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.row-main{flex:1;min-width:0}
.row-main b{font-family:var(--nx-f-text);font-size:14px;font-weight:700}
.row-act{display:flex;align-items:center;gap:16px;flex:none}
.morenote{padding:16px 16px;font-size:var(--nx-typo-text);color:var(--faint);font-family:var(--nx-f-text);font-weight:700;text-align:center;background:var(--nx-hebung)}
.headr{background:var(--nx-hebung)}
.headr span{font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:700;color:var(--faint)}
.cellb{font-family:var(--nx-f-text);font-size:14px;font-weight:700}
.mono{font-family:ui-monospace,monospace;font-size:var(--nx-typo-meta);color:var(--dim)}
.uwrap{display:flex;align-items:center;gap:8px;min-width:0}
.pill{justify-content:center;letter-spacing:.3px;border:1px solid var(--line);}
.pill.live .dot,.pill.active .dot,.pill.approved .dot{background:var(--green);box-shadow:none}
.pill.sched .dot,.pill.scheduled .dot{background:var(--cyan)}
.pill.empty .dot,.pill.open .dot,.pill.ended .dot{background:var(--faint)}
.pill.hidden .dot{background:var(--faint)}
.pill.suspended .dot,.pill.rejected .dot,.pill.removed .dot{background:var(--live)}
.tag{border:1px solid var(--line);}
.tag svg{width:11px;height:11px}
.tg{width:42px;height:24px;border-radius:16px;background:#2a2a3c;position:relative;cursor:pointer;transition:.15s;flex:none}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}
.tg.on::after{left:20px}
.chips{display:flex;gap:8px;}
.chip{transition:.15s}
.tab{font-family:var(--nx-f-text);font-weight:700;font-size:14px;padding:8px 16px;color:var(--dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s}
.req{padding:16px 16px;border-bottom:1px solid var(--line)}
.req-top{display:flex;align-items:center;gap:16px}
.req-arrow{color:var(--faint);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px}
.req-body{margin:12px 0 16px 52px;font-size:var(--nx-typo-text);color:var(--dim);line-height:1.55}
.req-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.req-links a{font-size:var(--nx-typo-text);color:var(--nx-text);border:1px solid var(--line2);border-radius:var(--nx-r-bedien);padding:4px 8px;font-family:var(--nx-f-text);font-weight:700}
.req-act{display:flex;gap:8px;margin-left:52px}
.scrim{position:fixed;inset:0;background:rgba(4,4,8,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.2s;z-index:60}
.drawer-h{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.drawer-h h3{font-family:var(--nx-f-titel);font-size:18px;font-weight:800}
.drawer-h p{font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px}
.drawer-b{padding:16px;overflow:auto;flex:1}
.field label{display:block;font-family:var(--nx-f-text);font-size:var(--nx-typo-text);font-weight:700;color:var(--dim);margin-bottom:8px}
.field textarea{font-family:ui-monospace,'SF Mono',monospace;font-size:var(--nx-typo-text);line-height:1.55;min-height:140px;resize:vertical}
.drawer-f{padding:16px 16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.set-row{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.srow{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.sdot{width:11px;height:11px;border-radius:var(--nx-r-marke);flex:none}
@media (hover:hover){.srow .go:hover{text-decoration:underline}}
.chartwrap{padding:16px 16px}
.chart{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:8px}
.chart .bar.b2{background:linear-gradient(180deg,#34e5d8,#1aa89e)}
.legend{display:flex;gap:16px;padding:0 18px 14px;font-size:var(--nx-typo-text);color:var(--dim)}
.legend i{width:10px;height:10px;border-radius:4px;display:inline-block;margin-right:8px;vertical-align:-1px}
.hbar{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--line)}
@media(max-width:1040px){.two-col{grid-template-columns:1fr}}
@media(max-width:980px){.side{position:static;width:auto}}
.empty-state{display:none;text-align:center;padding:48px 16px;color:var(--faint)}
.empty-state svg{width:34px;height:34px;margin:0 auto 12px;opacity:.5}
.empty-state b{font-family:var(--nx-f-text);font-size:14px;color:var(--dim);display:block}
.empty-state span{font-size:var(--nx-typo-text);display:block;margin-top:4px}
.nx-confirm{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.15s;z-index:120}
.nx-confirm-box{background:var(--surface);border:1px solid var(--line2);border-radius:var(--nx-r-tafel);padding:24px;max-width:380px;width:92%;box-shadow:var(--nx-schatten);transform:scale(.96);transition:.15s}
.nx-confirm.open .nx-confirm-box{transform:scale(1)}
.nx-confirm-msg{font-family:var(--nx-f-text);font-size:var(--nx-typo-kartenkopf);font-weight:700;line-height:1.45;margin-bottom:16px}
.nx-confirm-act{display:flex;gap:8px;justify-content:flex-end}
.previewbox{background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:16px;margin-bottom:16px}
.np{display:flex;gap:8px;background:var(--surface2);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:8px}
.matrix{width:100%;border-collapse:collapse;font-size:var(--nx-typo-text)}
.matrix th,.matrix td{padding:8px 16px;border-bottom:1px solid var(--line);text-align:center}
.matrix th{font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:700;color:var(--faint)}
.matrix tr:last-child td{border-bottom:none}
.field.inline .fh{flex:1}
.keyline{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px dashed var(--line2);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px}
.keyline code{font-family:ui-monospace,'SF Mono',monospace;font-size:var(--nx-typo-text);color:var(--nx-text);background:var(--nx-hebung);position:relative;overflow:hidden;isolation:isolate;padding:3px 8px;border-radius:var(--nx-r-bedien);word-break:break-all}
.customsize{display:none}
input.bsel,input.ball{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}
.bulkbar{position:fixed;left:50%;bottom:22px;transform:translate(-50%,90px);display:flex;gap:8px;align-items:center;background:var(--nx-flaeche-2);border:1px solid var(--line2);border-radius:var(--nx-r-tafel);padding:8px 16px;z-index:90;transition:.22s;box-shadow:var(--nx-schatten);opacity:0;pointer-events:none}
.side-out{margin-left:auto;color:var(--faint);padding:8px;border-radius:var(--nx-r-bedien);flex:none}
.side-out svg{width:15px;height:15px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:392px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:32px;box-shadow:var(--nx-schatten)}
.login-head{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.login-card h1{font-family:var(--nx-f-titel);font-size:18px;font-weight:800;margin-bottom:8px}
.login-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-bottom:16px;line-height:1.5}
.login-foot{margin-top:16px;font-size:var(--nx-typo-meta);color:var(--faint);text-align:center;line-height:1.5}
.ebtn{flex:none;width:26px;height:26px;place-items:center}
@media (hover:hover){.ebtn.del:hover{color:#ff8da3;border-color:rgba(255,77,109,.4)}}
.btn.toggle.on{background:rgba(59,227,122,.14);border-color:rgba(59,227,122,.34);color:#80efa9}
.side-nav a.soon > span:not(.soontag){white-space:nowrap;flex:none}
.statpill, .seg, .seg-btn{white-space:nowrap}
.cptabs{display:inline-flex;gap:4px;margin:0 0 18px;padding:4px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-karte)}
.cptab{padding:8px 18px;border:none;background:none;border-radius:var(--nx-r-bedien);color:var(--dim);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap;transition:.15s}
.side-logo{text-decoration:none;cursor:pointer;transition:opacity .15s}
.side{position:relative;overflow:hidden}
.side::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2}
.side-logo.fam-admin .side-tag{color:#ff8a9e;border-color:rgba(255,77,109,.42);background:rgba(255,77,109,.08)}
.side-logo.fam-studio .side-tag{color:var(--nx-text);border-color:var(--line2);background:var(--nx-hebung)}
.csub{font-size:var(--nx-typo-text);color:var(--faint);font-weight:400;margin-left:10px}
body .app{display:flex;height:calc(100vh - 48px);min-height:0;margin:0;overflow:hidden}
.app .side-logo .logo{height:17px;width:auto}
.app .side-nav a .ic,.side-nav a svg{width:17px;height:17px;flex:0 0 17px;opacity:.85}
.app .side-nav a.on svg,.side-nav a.on .ic{opacity:1}
.agencybox{display:flex;align-items:center;gap:10px;background:var(--ag-surface);border:1px solid var(--ag-line);border-radius:var(--nx-r-karte);padding:10px 12px}
.chip{letter-spacing:.04em;border:1px solid var(--ag-line);}
.main .head .eyebrow{font-family:var(--ag-mono);font-size:var(--nx-typo-klein);color:var(--ag-txt3);font-weight:700;margin-bottom:6px}
html body .app{overflow:visible;align-items:stretch}
html body .app .main{overflow:visible;height:auto;max-height:none;min-width:0}
html body .app .side{position:relative;top:auto;align-self:stretch;overflow:visible}
.side-logo.fam-agency .side-tag{color:#8fb4ff;border-color:rgba(77,141,255,.42);background:rgba(77,141,255,.1)}
.pill.pending .dot{background:#f0b450}
.side,aside.side,.fam-studio,.fam-publisher,.fam-agency,.fam-event,.fam-console{-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);}
.chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
.btn, .chip-f, .sf, .cta, .soontag{white-space:nowrap}
.side{top:0}
.nx-rm-veil{filter:grayscale(.65) brightness(.75);pointer-events:none;user-select:none}
.nx-soon-strip{background:rgba(19,19,30,.55);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:16px 18px;margin:30px 0}
.gchips,.chips{margin-bottom:8px}
.nx-soon-chips{display:flex;flex-wrap:wrap;gap:8px}
.nx-soon-chip{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.07));border-radius:var(--nx-r-bedien);padding:6px 12px;cursor:pointer;transition:.15s}
.side-nav a{border-radius:var(--nx-r-bedien)}
@media(max-width:900px){.shell{padding-left:max(14px,env(safe-area-inset-left));
 padding-right:max(14px,env(safe-area-inset-right))}}
.side-logo{padding:0 0 4px}
.side-logo.fam-admin .nx-railname{color:#ff8a9e}
.side-logo.fam-studio .nx-railname{color:var(--nx-text)}
.side-logo.fam-agency .nx-railname{color:#8fb4ff}
.nx-fm-row b{color:var(--txt)}
.nx-ss-badge,.nx-ss-live{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.console-top nav a.soon{opacity:.5;pointer-events:none;}
.nx-guard b{color:var(--txt);font-weight:700}
/* C45 · wortgleich in den Seitendateien aller Seiten dieser Familie, von dort hierher gezogen (zuletzt in der Familien-Datei, also vor jeder Seitendatei, die weiter ueberschreibt). */
.side-logo .logo{height:16px;width:auto}
@media (hover:hover){.side-nav a:hover{color:var(--txt)}}
.side-nav a.on{background:var(--nx-hebung);color:#fff;border-color:var(--line2)}
.side-nav a.soon{color:var(--faint);cursor:default;opacity:.55;pointer-events:none;position:relative}
@media (hover:hover){.side-nav a.soon:hover{background:none;color:var(--faint)}}
.side-nav .ic{width:18px;height:18px;flex:none}
.side-nav .soontag{margin-left:auto;flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;font-size:8.5px;font-family:var(--nx-f-text);font-weight:700;letter-spacing:var(--nx-sperrung);color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);border-radius:var(--nx-r-bedien);padding:2px 6px;text-transform:uppercase}
.side-nav .navbadge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:800;display:flex;align-items:center;justify-content:center}
.head .sub{color:var(--dim);font-size:14px;margin-top:8px;max-width:620px;line-height:1.55}
@media (hover:hover){.btn:hover{background:var(--nx-hebung);}}
.btn.sm{padding:8px 8px;font-size:var(--nx-typo-text);border-radius:var(--nx-r-bedien)}
.btn.ok{color:#80efa9;border-color:rgba(59,227,122,.32);background:rgba(59,227,122,.08)}
.btn.icon{padding:8px;}
.btn.icon svg{width:16px;height:16px}
.stat .d em.warn{color:var(--gold)}
@media (hover:hover){.acard:hover{border-color:var(--line2)}}
.acard .ab{width:42px;height:42px;border-radius:var(--nx-r-karte);display:grid;place-items:center;flex:none}
.acard .ab svg{width:21px;height:21px}
.acard .at b{font-family:var(--nx-f-titel);font-size:22px;font-weight:800;display:block;line-height:1}
.acard .at span{font-size:var(--nx-typo-text);color:var(--dim)}
.acard .go{margin-left:auto;color:var(--faint)}
.card-h .cnt{font-size:var(--nx-typo-text);color:var(--faint);font-family:var(--nx-f-text);font-weight:700}
.card-h .surf{width:9px;height:9px;border-radius:4px;flex:none}
.card-h .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.row:last-child{border-bottom:none}
@media (hover:hover){.row:hover{background:var(--nx-hebung)}}
.row.off{opacity:.5}
.row-main .meta{font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row-main .meta code{font-family:ui-monospace,'SF Mono',monospace;font-size:var(--nx-typo-meta);color:var(--nx-text);background:var(--nx-hebung);position:relative;overflow:hidden;isolation:isolate;padding:1px 8px;border-radius:var(--nx-r-bedien)}
.cells{font-size:var(--nx-typo-text);color:var(--dim);margin-top:2px}
.uwrap .un b{font-family:var(--nx-f-text);font-size:14px;font-weight:700;display:block;line-height:1.25}
.uwrap .un span{font-size:var(--nx-typo-text);color:var(--faint)}
.pill .dot{width:7px;height:7px;border-radius:50%;flex:none}
.pill.active, .pill.approved{color:#80efa9;border-color:rgba(59,227,122,.32);background:rgba(59,227,122,.09)}
.pill.sched,.pill.scheduled{color:var(--cyan);border-color:rgba(52,229,216,.32);background:rgba(52,229,216,.08)}
.pill.empty,.pill.open,.pill.ended{color:var(--faint)}
.pill.hidden{color:var(--dim)}
.pill.suspended,.pill.rejected,.pill.removed{color:#ff8da3;border-color:rgba(255,77,109,.3);background:rgba(255,77,109,.07)}
.tag.g{color:var(--blue);border-color:rgba(138,180,248,.3);background:rgba(138,180,248,.08)}
.tag.creator{color:var(--nx-text);border-color:var(--line2);background:var(--nx-hebung)}
.tag.curator{color:var(--cyan);border-color:rgba(52,229,216,.3);background:rgba(52,229,216,.07)}
.tag.studio{color:var(--gold);border-color:rgba(255,197,61,.3);background:rgba(255,197,61,.07)}
.tg.on{background:var(--accent)}
@media (hover:hover){.chip:hover{color:var(--txt);border-color:var(--line2)}}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}
@media (hover:hover){.tab:hover{color:var(--txt)}}
.tab.on{color:#fff;border-bottom-color:var(--accent)}
.tab .c{font-size:var(--nx-typo-meta);color:var(--faint);margin-left:8px}
.req:last-child{border-bottom:none}
.req-body .l{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--faint);display:block;margin-bottom:4px}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--surface);border-left:1px solid var(--line);transform:translateX(102%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:70;display:flex;flex-direction:column;box-shadow:var(--nx-schatten)}
.drawer.open{transform:none}
.field{margin-bottom:16px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.field .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.field .hint{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:8px;line-height:1.45}
.set-row:last-child{border-bottom:none}
.set-row .si{flex:1}
.set-row .si b{font-family:var(--nx-f-text);font-size:14px;font-weight:700;display:block}
.set-row .si span{font-size:var(--nx-typo-text);color:var(--dim);display:block;margin-top:2px;line-height:1.5}
.set-row .sv input,.set-row .sv select{background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 8px;color:var(--txt);font-size:var(--nx-typo-text);outline:none;width:120px;text-align:right}
.srow:last-child{border-bottom:none}
@media (hover:hover){.srow:hover{background:var(--nx-hebung)}}
.srow .nm{font-family:var(--nx-f-text);font-size:14px;font-weight:700;width:120px}
.srow .bars{flex:1;font-size:var(--nx-typo-text);color:var(--dim);display:flex;gap:16px}
.srow .bars b{color:var(--txt);font-family:var(--nx-f-text)}
.srow .go{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text)}
.act .ad{width:8px;height:8px;border-radius:50%;margin-top:8px;flex:none}
.act .tx{font-size:var(--nx-typo-text);color:var(--txt)}
.act .tx b{font-family:var(--nx-f-text);font-weight:700}
.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.chart .lab{font-size:var(--nx-typo-meta);color:var(--faint);font-family:var(--nx-f-text);font-weight:700}
.hbar:last-child{border-bottom:none}
.hbar .hl{width:200px;font-family:var(--nx-f-text);font-size:var(--nx-typo-text);font-weight:700}
.hbar .ht{flex:1;height:9px;border-radius:8px;background:var(--nx-hebung);overflow:hidden}
.hbar .ht i{display:block;height:100%;border-radius:var(--nx-r-bedien);background:var(--accent)}
.hbar .hv{width:90px;text-align:right;font-family:var(--nx-f-text);font-size:var(--nx-typo-text);font-weight:700}
.nx-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);background:var(--nx-flaeche-2);border:1px solid var(--line2);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:16px 16px;border-radius:var(--nx-r-karte);box-shadow:var(--nx-schatten);opacity:0;transition:.25s;z-index:200}
.nx-confirm.open{opacity:1;pointer-events:auto}
.dsec{font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:700;color:var(--faint);margin:8px 0 12px;padding-top:8px;border-top:1px solid var(--line)}
.dsec.first{border-top:none;padding-top:0}
.previewbox .pl{font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:700;color:var(--faint);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.previewbox .pl svg{width:13px;height:13px;flex:none}
.np .npimg{width:54px;height:54px;border-radius:var(--nx-r-bedien);background:var(--accent);flex:none;display:grid;place-items:center;color:#fff}
.np .npb{min-width:0}
.np .nplabel{font-family:var(--nx-f-text);font-size:9px;font-weight:800;color:var(--nx-text);border:1px solid var(--line2);border-radius:var(--nx-r-bedien);padding:1px 8px;display:inline-block;margin-bottom:8px}
.np .nph{font-family:var(--nx-f-text);font-size:14px;font-weight:700;line-height:1.25}
.np .npd{font-size:var(--nx-typo-text);color:var(--dim);margin-top:2px}
.np .npcta{margin-top:8px;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--nx-text)}
.matrix td:first-child,.matrix th:first-child{text-align:left;font-family:var(--nx-f-text);font-weight:700;color:var(--txt)}
.matrix .yes{color:var(--green)}
.matrix .no{color:var(--faint)}
.field.inline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.field.inline label{margin-bottom:0}
.field.inline .fh span{display:block;font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px;font-family:'Nunito Sans';font-weight:400;letter-spacing:0;text-transform:none}
.keyline .kl{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--faint);flex:none}
.row.dragging{opacity:.35}
.bulkbar.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.bulkbar .bsum{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);font-weight:700;color:var(--dim);margin-right:4px}
.bulkbar .bn{color:var(--nx-text);font-weight:800}
.drawer-f .left{margin-right:auto}
@media (hover:hover){.side-out:hover{color:var(--txt);background:var(--nx-hebung)}}
.login-card .logo{height:17px;width:auto}
.entlist{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.entry .egrip{color:var(--faint);cursor:grab;flex:none;display:flex}
@media (hover:hover){.ebtn:hover{color:var(--txt);}}
.entadd{display:flex;gap:8px;margin-bottom:16px}
.entadd input:focus{border-color:var(--accent)}
.btn.toggle{min-width:74px;justify-content:center}
.btn.on{background:var(--accent);border-color:var(--line2);color:#fff}
.pill.cs{color:var(--nx-text);border-color:var(--line2);background:var(--nx-hebung)}
.side-nav a.soon{flex-wrap:nowrap;gap:12px}
@media (hover:hover){.cptab:hover{color:var(--txt)}}
.cptab.on{background:var(--accent);color:#fff}
@media (hover:hover){.side-logo:hover{opacity:.9}}
.side.fam-admin::before{background:linear-gradient(90deg,#d81b45,#ff9a3d)}
.side.fam-studio::before{background:var(--accent)}
.side.fam-admin{background:linear-gradient(180deg,rgba(255,77,109,.05),transparent 180px),#0c0c15}
.side.fam-studio{background:var(--nx-flaeche)}
.app .side{display:flex;flex-direction:column;width:252px;min-width:252px;max-width:252px;height:100%;position:relative;overflow-y:auto;border-right:1px solid var(--ag-line);padding:14px 0 0}
.app .side-logo{display:flex;align-items:center;gap:8px;padding:2px 18px 16px;margin:0}
.app .side-sec{font-family:var(--ag-mono);font-size:9px;color:var(--ag-txt3);padding:16px 24px 8px;font-weight:700}
.app .side-nav a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);color:var(--ag-txt2);font-weight:700;font-size:var(--nx-typo-text);position:relative;text-decoration:none;transition:.15s}
@media (hover:hover){.app .side-nav a:hover{background:var(--nx-hebung);color:var(--ag-txt)}}
.app .side-nav a.on{background:var(--ag-blue);color:var(--ag-ontext,#140b2e);font-weight:700}
.app .side-nav a .cnt,.side-nav a .soontag{margin-left:auto;font-family:var(--ag-mono);font-size:var(--nx-typo-klein);background:var(--nx-hebung-2);color:var(--ag-txt2);padding:1px 8px;border-radius:var(--nx-r-tafel)}
.agencybox .av{width:32px;height:32px;border-radius:var(--nx-r-bedien);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--nx-typo-meta);font-weight:800;color:#fff}
.agencybox .nm{font-size:var(--nx-typo-text);font-weight:700;color:var(--ag-txt)}
.agencybox .rl{font-size:var(--nx-typo-klein);color:var(--ag-txt3)}
.btn.pri,.btn.primary{border:none;border-radius:var(--nx-r-karte);}
.grid.headr{color:var(--ag-txt3);font-family:var(--ag-mono);font-size:var(--nx-typo-klein)}
.app .side{border-top:none;border-left:none;border-bottom:none}
.app .side-foot{display:none}
.app .side-logo{border-top:none;box-shadow:none}
.stat .spark{position:absolute;right:16px;bottom:16px;height:26px;width:74px;opacity:.9;pointer-events:none}
@media (min-width:1000px){.finner .fbrand{min-width:0}}
#nxl-modal{position:fixed;inset:0;z-index:6000;display:none}
#nxl-modal.open{display:block}
.nxl-scrim{position:absolute;inset:0;background:rgba(4,4,10,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nxl-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:92vw;background:var(--nx-flaeche);border:1px solid var(--line2,#26263a);border-radius:var(--nx-r-tafel);padding:22px;box-shadow:var(--nx-schatten)}
.nxl-h{font-family:var(--nx-f-titel);font-weight:800;font-size:18px;color:var(--txt);margin-bottom:14px}
.nxl-l{display:block;font-size:var(--nx-typo-text);color:var(--dim);margin:0 0 12px;font-weight:700}
.nxl-act{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:900px){body{padding-bottom:env(safe-area-inset-bottom)}}
.side{display:none}
.console-top nav::-webkit-scrollbar{display:none}
@media (hover:hover){.nx-rm-btn:hover{border-color:var(--nx-linie)}}
.console-top a.soon{opacity:.5;pointer-events:none;cursor:default}
@media (hover:hover){.nx-fm-btn:hover{border-color:var(--nx-linie)}
.nx-soon-chip:hover{border-color:var(--nx-linie);color:var(--txt)}}