/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.06 */
/* Gemeinsame Regeln der Seitenfamilie „console" · steht vor der Seitendatei, die Seitendatei ueberschreibt. */
#nx-loader{position:fixed;inset:0;z-index:100000;background:var(--nx-grund,#101013)}
@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:#34e5d8;box-shadow:none;flex:none}
:root{
--blue:#8ab4f8;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);min-height:100vh;}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;color:inherit}
svg{display:block}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#26263a;border-radius:var(--nx-r-bedien)}
@media (hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--accent)}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--nx-r-marke)}
.app{display:flex;min-height:100vh}
.side{left:0;bottom:0;width:252px;display:flex;flex-direction:column;padding:24px 16px;z-index:20;overflow-y:auto}
.side-logo{display:flex;align-items:center;gap:8px;}
.side-logo .logo{height:16px;width:auto}
.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}
@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}
.soon .ic{opacity:.7}
@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}
.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-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}
.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)}
.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 .sub{color:var(--dim);font-size:14px;margin-top:8px;max-width:620px;line-height:1.55}
.head-act{display:flex;gap:8px;flex:none;align-items:center}
@media (hover:hover){.btn:hover{background:var(--nx-hebung);}}
.btn.pri{box-shadow:none;}
@media (hover:hover){.btn.pri:hover{filter:brightness(1.08)}}
.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)}
@media (hover:hover){.btn.ok:hover{background:rgba(59,227,122,.16)}}
@media (hover:hover){.btn.danger:hover{background:rgba(255,77,109,.15)}}
.btn svg{width:15px;height:15px;flex:none}
.btn.icon{padding:8px;}
.btn.icon svg{width:16px;height:16px}
.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{background:none;border:none;outline:none;color:var(--txt);font-size:var(--nx-typo-text);width:100%}
.search input::placeholder{color:var(--faint)}
.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)}
.stat .d em.warn{color:var(--gold)}
.attn{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.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}
@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{margin-bottom:16px;}
.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);}
.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{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:none}
@media (hover:hover){.row:hover{background:var(--nx-hebung)}}
.row.off{opacity:.5}
.grip{color:var(--faint);cursor:grab;flex:none}
.row-main{flex:1;min-width:0}
.row-main b{font-family:var(--nx-f-text);font-size:14px;font-weight:700}
.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)}
.row-act{display:flex;align-items:center;gap:16px;flex:none}
/* Die Fusszeile gehoert zur Tabelle · sie traegt den Grund der Zeilen darueber, keine eigene Stufe. */
.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:transparent}
.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)}}
.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)}
.end{display:flex;justify-content:flex-end;gap:8px}
.cellb{font-family:var(--nx-f-text);font-size:14px;font-weight:700}
.cells{font-size:var(--nx-typo-text);color:var(--dim);margin-top:2px}
.muted{color:var(--faint)}
.mono{font-family:ui-monospace,monospace;font-size:var(--nx-typo-meta);color:var(--dim)}
.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}
.uwrap{display:flex;align-items:center;gap:8px;min-width:0}
.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{justify-content:center;letter-spacing:.3px;border:1px solid var(--line);}
.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.live .dot,.pill.active .dot,.pill.approved .dot{background:var(--green);box-shadow: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)}
.pill.sched,.pill.scheduled{color:var(--cyan);border-color:rgba(52,229,216,.32);background:rgba(52,229,216,.08)}
.pill.sched .dot,.pill.scheduled .dot{background:var(--cyan)}
.pill.empty,.pill.open,.pill.ended{color:var(--faint)}
.pill.empty .dot,.pill.open .dot,.pill.ended .dot{background:var(--faint)}
.pill.hidden{color:var(--dim)}
.pill.hidden .dot{background:var(--faint)}
.pill.suspended,.pill.rejected,.pill.removed{color:#ff8da3;border-color:rgba(255,77,109,.3);background:rgba(255,77,109,.07)}
.pill.suspended .dot,.pill.rejected .dot,.pill.removed .dot{background:var(--live)}
.tag{border:1px solid var(--line);}
.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)}
.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{background:var(--accent)}
.tg.on::after{left:20px}
.chips{display:flex;gap:8px;}
.chip{transition:.15s}
@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}
.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}
@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}
.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}
.req{padding:16px 16px;border-bottom:1px solid var(--line)}
.req:last-child{border-bottom:none}
.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-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}
.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}
.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}
.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{margin-bottom:16px}
.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 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}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.field textarea{font-family:ui-monospace,'SF Mono',monospace;font-size:var(--nx-typo-text);line-height:1.55;min-height:140px;resize:vertical}
.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}
.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)}
.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}
.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)}
.srow:last-child{border-bottom:none}
@media (hover:hover){.srow:hover{background:var(--nx-hebung)}}
.sdot{width:11px;height:11px;border-radius:var(--nx-r-marke);flex:none}
.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)}
@media (hover:hover){.srow .go:hover{text-decoration:underline}}
.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 .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}
.act .tm{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.chartwrap{padding:16px 16px}
.chart{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:8px}
.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.chart .bar{width:100%;max-width:34px;border-radius:8px 6px 0 0;background:var(--accent);transition:.2s}
.chart .bar.b2{background:linear-gradient(180deg,#34e5d8,#1aa89e)}
.chart .lab{font-size:var(--nx-typo-meta);color:var(--faint);font-family:var(--nx-f-text);font-weight:700}
.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)}
.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}
@media(prefers-reduced-motion:reduce){*{transition:none}}
@media(max-width:1040px){.stats{grid-template-columns:repeat(2,1fr)}.attn{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}
@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}
.side{position:static;width:auto}.main{margin-left:0;padding:16px;max-width:none}.grid{grid-template-columns:1fr;gap:8px}.headr{display:none}}
.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-toast.show{opacity:1;transform:translate(-50%,0)}
.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.open{opacity:1;pointer-events:auto}
.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}
.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{background:var(--bg);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:16px;margin-bottom:16px}
.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{display:flex;gap:8px;background:var(--surface2);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:8px}
.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{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 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)}
.matrix tr:last-child td{border-bottom:none}
/* Am Telefon passen sechs Versalienkoepfe nicht in den Kasten · mit .09em auf 10,5 und Polster 16 misst die Tabelle 470 gegen 360, die sechste Spalte lag schon vorher ganz hinter der Kante. Im Satzbild und mit Polster 8 sind es 317 · die erste Spalte bleibt auf der Kante des Kopfes. */
@media(max-width:767px){.matrix th{text-transform:none;letter-spacing:normal}.matrix th,.matrix td{padding:8px}.matrix td:first-child,.matrix th:first-child{padding-left:16px}}
.field.inline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.field.inline label{margin-bottom:0}
.field.inline .fh{flex:1}
.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{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 .kl{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--faint);flex:none}
.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}
@keyframes nxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.row.dragging{opacity:.35}
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}
.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}
.side-out{margin-left:auto;color:var(--faint);padding:8px;border-radius:var(--nx-r-bedien);flex:none}
@media (hover:hover){.side-out:hover{color:var(--txt);background:var(--nx-hebung)}}
.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-card .logo{height:17px;width:auto}
.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}
.entlist{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.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 .egrip{color:var(--faint);cursor:grab;flex:none;display:flex}
.entry input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:var(--nx-typo-text);font-family:'Nunito Sans'}
.ebtn{flex:none;width:26px;height:26px;place-items:center}
@media (hover:hover){.ebtn:hover{color:var(--txt);}}
@media (hover:hover){.ebtn.del:hover{color:#ff8da3;border-color:rgba(255,77,109,.4)}}
.entadd{display:flex;gap:8px;margin-bottom:16px}
.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}
.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}
.btn.toggle.on{background:rgba(59,227,122,.14);border-color:rgba(59,227,122,.34);color:#80efa9}
.pill.cs{color:var(--nx-text);border-color:var(--line2);background:var(--nx-hebung)}
.side-nav a.soon{flex-wrap:nowrap;gap:12px}
.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}
@media (hover:hover){.cptab:hover{color:var(--txt)}}
.cptab.on{background:var(--accent);color:#fff}
.side-logo{text-decoration:none;cursor:pointer;transition:opacity .15s}
@media (hover:hover){.side-logo:hover{opacity:.9}}
.side{position:relative;overflow:hidden}
.side::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2}
.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)}
.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}
: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)}
body .app{display:flex;height:calc(100vh - 48px);min-height:0;margin:0;overflow:hidden}
.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-logo .logo{height:17px;width:auto}
.app .side-sec{font-family:var(--ag-mono);font-size:9px;color:var(--ag-txt3);padding:16px 24px 8px;font-weight:700}
/* 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. */
.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))}
/* 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 Schrift
  stand bisher in jeder Seiten-CSS der Konsole, die Kante als zweite Regel
  mit Vorrang hier 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}
.app .side-nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--nx-schiene-innen)}
.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}
.app .side-nav a .ic,.side-nav a svg{width:17px;height:17px;flex:0 0 17px;opacity:.85}
@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.on svg,.side-nav a.on .ic{opacity:1}
.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{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}
.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)}
.main{flex:1;overflow-y:auto;padding:26px 34px 64px;max-width:none;margin:0}
/* 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)}
.chip{letter-spacing:.04em;border:1px solid var(--ag-line);}
.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)}
.grid{border-top:1px solid var(--ag-line)}
.app .side{border-top:none;border-left:none;border-bottom:none}
.app .side-foot{display:none}
.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)}
.app .side-logo{border-top:none;box-shadow:none}
.main .head .eyebrow{font-family:var(--ag-mono);font-size:var(--nx-typo-klein);color:var(--ag-txt3);font-weight:700;margin-bottom:6px}
.stat{position:relative}
.stat .spark{position:absolute;right:16px;bottom:16px;height:26px;width:74px;opacity:.9;pointer-events:none}
.stat .v{max-width:calc(100% - 90px)}
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}
html body>footer.footer,html body .app~footer.footer{width:100%;max-width:none;margin:0;position:relative;z-index:1}
.footer{z-index:1;margin-top:32px;}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;gap:24px}
.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}
@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}}
.fbr{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.fbr .logo{margin-bottom:0}
.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)}
.finner{grid-template-columns:1fr 1fr}
.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}
.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}
@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 rgba(255,255,255,.10);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}
.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}
.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}}
.av{position:relative;line-height:1}
.av>.online{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#3be37a;box-shadow:0 0 0 2px var(--panel,#121215)}
.av{font-family:var(--nx-f-text)}
@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)}}
.nx-cb-brand{display:flex;align-items:center}
/* Der Rueckweg im Inhalt (".backlink") · stand als Kopie in zwei 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)}}
.nx-cb-logo{display:block}
/* "Back to home" ist eine Handlung, kein Zustand: Flaeche ohne Kante, die
  Rundung und die Hoehe eines Bedienelements. Als Pille mit Rahmen und
  Flaeche zugleich stand er 32 hoch neben 34 hohen Nachbarn, und sein
  Rand von 2 Punkten kam zur Luecke der Leiste dazu. Die Regel steht
  einmal je Familie, hier und in css/nextari-gemeinsam-werkzeuge.css;
  Schrift und Zeiger kommen aus den Leitern des Hauses. */
.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)}}
.banner,[style*="linear-gradient("]{background-repeat:no-repeat!important}
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)}
/* Ein Wert, eine Stelle: derselbe Satz steht in
  css/nextari-gemeinsam-werkzeuge.css und ist dort begruendet · einmal
  daempfen, nicht zweimal, und so hell, dass Schrift 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}
.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}}
.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);}
.side-nav a{border-radius:var(--nx-r-bedien)}
@media (hover:hover){.side-nav a:hover{background:var(--nx-hebung)}}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.gchips,.chips{margin-bottom:8px}
.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 9px 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}
  .finner .fbrand{min-width:0}}
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
.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}
.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}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
.nx-anim-pop{animation:nxpop .24s ease-out}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.nx-anim-in{animation:nxfadeup .34s cubic-bezier(.2,.7,.3,1) both}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.nx-anim-toast{animation:nxtoastin .3s cubic-bezier(.2,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
#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}
#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}
.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));border-radius:var(--nx-r-tafel);box-shadow:var(--nx-schatten);padding:8px;z-index:120;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}}
@media(max-width:900px){
 .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:8px}
 
 .shell{padding-left:max(14px,env(safe-area-inset-left));
 padding-right:max(14px,env(safe-area-inset-right))}
 body{padding-bottom:env(safe-area-inset-bottom)}
}
.nx-noti{opacity:0;pointer-events:none;transform:translateY(-8px)}
a.icon-btn{text-decoration:none}
.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)}}
.chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
.icon-btn,.chip-f,.tha,button,.rbtn{touch-action:manipulation}
.btn, .chip-f, .sf, .cta, .soontag{white-space:nowrap}
body{padding-top:var(--nx-leiste,48px)}
.nx-demobar{display:none}
.side{top:0}
.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:9px;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}
.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)}
.head{align-items:center}
.side-logo{padding:0 0 4px}
.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}
.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}
.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;}
.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 rgba(255,255,255,.06)}
.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:#fff;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)}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.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-fm: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);}
.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}

/* ==========================================================================
  KONSOLE AM TELEFON · EINE KANTE, EIN KUERZERER KOPF.
  Wie bei den uebrigen Werkzeugseiten: die Leiste setzte ihren Inhalt auf 12
  Punkte, Kopfleiste, Inhalt und Fuss auf 14 · und der Beta-Hinweis begann
  auf 18. Drei Kanten auf einer Seite. Der Kontoblock der Leiste nennt
  ausserdem dasselbe Konto wie die Kopfleiste darueber; die Ueberschrift
  darueber steht damit zweimal ueber demselben Namen und schob den
  Seitentitel auf 488 von 844 Punkten.
  Hoehere Spezifitaet statt einer zweiten !important-Runde, damit eine
  einzelne Konsolenseite ihren Rand weiterhin selbst setzen kann.
  ====================================================================== */
@media(max-width:980px){
  /* Hier traegt die Schiene selbst den Rand · ihr Inhalt rueckt nicht noch einmal ein. */
  html body .app > .side{--nx-schiene-innen:0px}
  html body #nxKTuer{padding-left:14px;padding-right:14px}
}
@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}
  html body #nxKTuer{padding-top:6px;padding-bottom:6px;gap:6px 10px}
}

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


/* ==========================================================================
  DIE SURFACES-ZEILE STAPELT AM TELEFON

  Die Zeile steht vierspaltig: Name, Zahl der Flaechen, Zustand, Manage.
  Am Schreibtisch ist sie 641 Punkte breit und 49 hoch. Bei 390 Punkten
  blieben der mittleren Zelle 98 Punkte · "2 native 2 ad spaces" fiel in
  vier Zeilen mit ein bis zwei Woertern, die Zeile wurde 100 Punkte hoch.

  Eng auf .nx-surf-zeile gefasst: dieselbe .srow steht auch in den
  Studio-Seiten und bleibt dort, wie sie ist.
  ========================================================================== */
@media(max-width:767px){
  .nx-surf-zeile{flex-wrap:wrap;gap:4px 12px;padding:14px 16px}
  .nx-surf-zeile .nm{width:auto;flex:1 1 auto;min-width:0}
  /* Die Reihenfolge im Text ist Name, Zahlen, Manage · gestapelt gehoert
  Manage aber neben den Namen und nicht unter die Zahlen, sonst werden aus
  einer Zeile drei. */
  .nx-surf-zeile .go{flex:none;margin-left:auto;order:2}
  .nx-surf-zeile .bars{flex:1 1 100%;min-width:0;gap:4px 12px;flex-wrap:wrap;order:3}
}
/* 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}