/* Grundlage der Sektorseiten (IT für Schulen/Unternehmen/Verwaltung): Kopie des Stilblocks der Startseite
   (Resources/views/home/unten.de.html), erzeugt mit wt/out/sektor-seiten/werkzeug/basis-css.cjs – nicht von Hand ändern.
   Eigene Regeln stehen in sector-pages.css. */
.nx{--ink:#0b1020;--text:#353c50;--muted:#5a6478;--line:#e3e6ef;
  --grad:linear-gradient(120deg,#4f46e5 0%,#7c3aed 45%,#ec4899 100%);
  --dark-a:linear-gradient(155deg,#0b1020 0%,#1b1840 58%,#2d1a52 100%);
  --dark-b:linear-gradient(155deg,#0b1020 0%,#13204d 58%,#1a2d72 100%);
  --ease:cubic-bezier(.22,.61,.36,1);--spring:cubic-bezier(.34,1.4,.64,1);
  --sans:"NH Sans","DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cmono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--text);font-family:var(--sans);font-variant-numeric:tabular-nums}
.nx *,.nx *::before,.nx *::after{box-sizing:border-box}
.nx p{margin:0}.nx ul,.nx ol{margin:0;padding:0;list-style:none}
.nx a{color:inherit;text-decoration:none}
.nx h2,.nx h3{font-family:var(--sans);color:var(--ink);font-weight:700;margin:0}
.nx img{display:block;max-width:100%}
.nx-wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.nx-sec{padding:104px 0;position:relative;overflow:hidden}
.nx-soft{background:linear-gradient(180deg,#f4f7fe,#eef2fb)}
.nx-white{background:#fff}

/* Abschnittskopf */
.nx-head{text-align:center;max-width:780px;margin:0 auto 56px}
.nx-eb{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#4f46e5;background:rgba(99,102,241,.09);border:1px solid rgba(99,102,241,.22);padding:7px 15px;border-radius:999px}
.nx-eb::before{content:"";width:7px;height:7px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.18)}
.nx-head h2{font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.025em;margin-top:20px}
.nx .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nx .nx-head .lead{font-size:18px;line-height:1.6;color:var(--muted);margin-top:16px}
.nx-dark .nx-eb{color:#c7d2fe;background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.35)}
.nx-dark .nx-head h2{color:#fff}
.nx-dark .nx-head .lead{color:#a8b0c7}
/* Wörter der Überschrift gleiten einzeln herein */
.nx-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.nx-w > span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.nx-head.in .nx-w > span{transform:none}
.nx-w .g{padding-right:.04em}

/* Knöpfe, Preise */
.nx-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,border-color .3s}
.nx-btn svg{transition:transform .3s var(--ease)}
.nx-btn:hover svg{transform:translateX(4px)}
.nx-btn-p{background:var(--grad);background-size:160% 100%;color:#fff!important;box-shadow:0 14px 34px -12px rgba(124,58,237,.7)}
.nx-btn-p:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 22px 46px -14px rgba(124,58,237,.8)}
.nx-btn-o{border:1.5px solid var(--line);color:var(--ink);background:#fff}
.nx-btn-o:hover{border-color:#a5b4fc;transform:translateY(-2px)}
.nx-btn-w{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}
.nx-btn-w:hover{background:rgba(255,255,255,.16)}
.nx-price{display:flex;align-items:baseline;gap:6px;color:var(--ink);white-space:nowrap}
.nx-price .ab{font-size:16px;font-weight:600;color:var(--muted)}
.nx-price .v{font-size:32px;font-weight:800;letter-spacing:-.03em}
.nx-price .u{font-size:16px;font-weight:600;color:var(--muted)}

/* ---------- 1 PRODUKTE ---------- */
.nx-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nx-pc{--acc:#4f46e5;position:relative;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -44px rgba(30,27,75,.4);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.nx-pc:hover{transform:translateY(-6px);box-shadow:0 50px 90px -44px rgba(30,27,75,.5);border-color:#d6dbf0}
.nx-mock{position:relative;height:210px;padding:28px 30px 0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.nx-mock::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(79,70,229,.13) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.nx-mock > *{position:relative;z-index:1}
.nx-mock.v{background:linear-gradient(135deg,#eef0ff,#e3e7ff 60%,#efe6ff)}
.nx-mock.r{background:linear-gradient(135deg,#f3ecff,#e9ddff 60%,#fce4f1)}
.nx-mock.c{background:linear-gradient(135deg,#e5f8f4,#d9f1f6 60%,#e5edff)}
.nx-mock.d{background:linear-gradient(135deg,#fff0f6,#fde3ef 60%,#ede7ff)}
.nx-pcb{padding:28px 30px 28px;display:flex;flex-direction:column;flex:1}
.nx-pct{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nx-pcb h3{font-size:27px;letter-spacing:-.025em}
.nx-tag{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,#fff);color:var(--acc);white-space:nowrap}
.nx-pcb .t{font-size:16px;line-height:1.6;color:var(--muted);margin-top:10px;max-width:460px}
.nx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 24px}
.nx-facts div{background:#f7f8fc;border:1px solid #eef0f6;border-radius:16px;padding:16px 16px 14px;display:flex;flex-direction:column;justify-content:center;min-height:84px}
.nx-facts b{display:block;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.1;white-space:nowrap}
.nx-facts div > span{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.35}
.nx-pcf{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}
.nx-pc .nx-btn-o{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 12px 26px -14px var(--acc)}
.nx-pc .nx-btn-o::after{content:"";position:absolute;inset:0;border-radius:26px;z-index:2}
.nx-pc:hover .nx-btn-o{transform:translateY(-2px);box-shadow:0 18px 34px -14px var(--acc)}
.nx-pc:hover .nx-btn-o svg{transform:translateX(4px)}
.nx-pc:focus-within{outline:3px solid color-mix(in srgb,var(--acc) 35%,transparent);outline-offset:3px}
/* Ansicht: Terminal */
.nx-term{width:100%;max-width:450px;background:#0f1222;border-radius:14px 14px 0 0;box-shadow:0 30px 50px -24px rgba(30,27,75,.55);font-family:var(--cmono);font-size:12.5px;line-height:1.75;color:#a5adcb;transform:translateY(10px);transition:transform .5s var(--ease)}
.nx-pc:hover .nx-term,.nx-pc:hover .nx-plate,.nx-pc:hover .nx-sto,.nx-pc:hover .nx-dom{transform:translateY(0)}
.nx-term .bar{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid #1d2238}
.nx-term .bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.nx-term .bar i:nth-child(2){background:#febc2e}.nx-term .bar i:nth-child(3){background:#28c840}
.nx-term .body{padding:12px 16px 16px;min-height:106px}
.nx-term .ln{white-space:pre-wrap;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s var(--ease)}
.nx-term .ln.on{opacity:1;transform:none}
.nx-term .u{color:#86efac}.nx-term .h{color:#c4b5fd}
.nx-term .cur::after{content:"";display:inline-block;width:7px;height:13px;background:#a5adcb;vertical-align:-2px;margin-left:2px;animation:nxblink 1s steps(1) infinite}
@keyframes nxblink{50%{opacity:0}}
/* Ansicht: Hardware */
.nx-plate{width:100%;max-width:450px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 30px 50px -24px rgba(91,33,182,.42);padding:16px 18px 18px;transform:translateY(10px);transition:transform .5s var(--ease)}
.nx-plate .top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--ink)}
.nx-plate .top span:last-child{font-size:12px;font-weight:700;color:#16a34a;background:#dcfce7;padding:4px 10px;border-radius:999px}
.nx-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.nx-gauge{background:#f6f3ff;border-radius:12px;padding:10px 12px}
.nx-gauge span{display:block;font-size:12px;color:var(--muted)}
.nx-gauge em{display:block;height:5px;border-radius:3px;background:#e9e3fb;margin-top:8px;overflow:hidden}
.nx-gauge em b{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#7c3aed,#ec4899);transition:width 1.4s var(--ease)}
.nx-pc.in .nx-gauge em b{width:var(--w)}
.nx-bays{display:flex;gap:6px;margin-top:12px}
.nx-bays i{flex:1;height:8px;border-radius:3px;background:#ede9fe;position:relative;overflow:hidden}
.nx-bays i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7c3aed,#ec4899);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.nx-pc.in .nx-bays i::after{transform:scaleX(1)}
.nx-bays i:nth-child(2)::after{transition-delay:.15s}.nx-bays i:nth-child(3)::after{transition-delay:.3s}.nx-bays i:nth-child(4)::after{transition-delay:.45s}
/* Ansicht: Speicher */
.nx-sto{width:100%;max-width:450px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 30px 50px -24px rgba(13,148,136,.38);padding:16px 18px 8px;transform:translateY(10px);transition:transform .5s var(--ease)}
.nx-sto .top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted)}
.nx-sto .top b{color:var(--ink);font-size:16px}
.nx-sto .meter{height:9px;border-radius:5px;background:#eef2f7;margin:10px 0 8px;overflow:hidden;display:flex;gap:2px}
.nx-sto .meter i{display:block;height:100%;width:0;transition:width 1.2s var(--ease)}
.nx-pc.in .nx-sto .meter i{width:var(--w)}
.nx-sto .meter i:nth-child(2){transition-delay:.2s}.nx-sto .meter i:nth-child(3){transition-delay:.4s}
.nx .nx-sto li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;padding:7px 0;border-top:1px solid #f0f2f6;color:var(--text)}
.nx-sto li span:first-child::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:9px;background:var(--c)}
.nx-sto li span:last-child{color:var(--muted)}
/* Ansicht: Domain */
.nx-dom{width:100%;max-width:450px;transform:translateY(10px);transition:transform .5s var(--ease)}
.nx-dom .field{background:#fff;border-radius:14px;box-shadow:0 20px 40px -24px rgba(190,24,93,.38);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:15px;color:var(--ink);font-weight:600}
.nx-dom .field span{flex:1;min-height:20px}
.nx-dom .field span::after{content:"";display:inline-block;width:2px;height:16px;background:#be185d;vertical-align:-3px;margin-left:2px;animation:nxblink 1s steps(1) infinite}
.nx-dom .field b{background:var(--grad);color:#fff;font-size:13px;padding:9px 14px;border-radius:10px}
.nx .nx-dom ul{background:#fff;border-radius:14px 14px 0 0;margin-top:10px;padding:6px 16px;box-shadow:0 30px 50px -24px rgba(190,24,93,.32)}
.nx-dom li{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:8px 0;border-bottom:1px solid #f3f0f5;opacity:.25;transition:opacity .4s}
.nx-dom li.on{opacity:1}
.nx-dom li:last-child{border-bottom:0}
.nx-dom .ok{color:#16a34a;font-weight:700;font-size:12.5px}
.nx-dom .no{color:#9ca3af;font-size:12.5px}

/* ---------- 2 GAMESERVER: Spiele-Regal ---------- */
.nx-dark{background:#0a0e1f;color:#c9cfe0}
.nx-dark::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 420px at 8% 0%,rgba(236,72,153,.22),transparent 70%),radial-gradient(700px 520px at 95% 100%,rgba(56,88,233,.32),transparent 70%),radial-gradient(500px 360px at 60% 40%,rgba(124,58,237,.14),transparent 70%)}
.nx-dark::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.nx-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nx-game{--ac:#818cf8;position:relative;display:block;aspect-ratio:16/11;border-radius:20px;overflow:hidden;background:#151a30;isolation:isolate;box-shadow:0 24px 50px -30px rgba(0,0,0,.8);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.nx-game img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--ease),filter .6s;filter:saturate(1.05)}
.nx-game::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,14,31,0) 25%,rgba(10,14,31,.55) 55%,rgba(10,14,31,.95) 100%)}
.nx-game::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .5s}
.nx-game:hover{transform:translateY(-6px);box-shadow:0 40px 70px -30px color-mix(in srgb,var(--ac) 55%,transparent)}
.nx-game:hover img{transform:scale(1.12)}
.nx-game:hover::after{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ac) 80%,#fff)}
.nx-gi{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px 16px}
.nx-gi .gn{display:block;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.015em;line-height:1.15}
.nx-gi .gf{display:block;font-size:13px;color:#c3c9dc;margin-top:4px;line-height:1.4;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}
.nx-game:hover .gf,.nx-game:focus-visible .gf{max-height:40px;opacity:1}
.nx-gi .gp{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.nx-gi .gp span{font-size:13px;color:#aeb5cb}
.nx-gi .gp b{font-size:17px;color:#fff;margin-left:4px}
.nx-gi .gp i{font-style:normal;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;transition:background .3s,transform .3s var(--ease)}
.nx-game:hover .gp i{background:var(--ac);transform:translateX(3px)}
.nx-genre{position:absolute;top:14px;left:14px;z-index:2;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#fff;background:rgba(10,14,31,.72);border:1px solid rgba(255,255,255,.18);padding:5px 10px;border-radius:999px}
.nx-hot{position:absolute;top:14px;right:14px;z-index:2;font-size:11.5px;font-weight:800;color:#fff;background:var(--grad);padding:5px 10px;border-radius:999px}
.nx-allg{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 22px 20px 26px}
.nx-allg p{font-size:14.5px;line-height:1.6;color:#a8b0c7}
.nx-allg p b{color:#fff}
.nx-allg .nx-btn{background:#fff;color:#1e1b4b}
.nx-allg .nx-btn:hover{transform:translateY(-2px)}

.nx-filter{position:relative;display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:-24px auto 28px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);overflow-x:auto}
.nx-filter button{position:relative;z-index:1;font:600 14px var(--sans);color:#a8b0c7;background:none;border:0;padding:9px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .35s}
.nx-filter button:hover{color:#fff}
.nx-filter button.on{color:#1e1b4b}
.nx-filter .ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.5);transition:transform .5s var(--ease),width .5s var(--ease)}
.nx-game.hide{display:none}
.nx-svc{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.nx-svch{display:flex;flex-direction:column;justify-content:center;padding-right:6px}
.nx-svch h3{color:#fff;font-size:21px;letter-spacing:-.015em}
.nx-svch p{font-size:14px;color:#a8b0c7;margin-top:6px;line-height:1.5}
.nx-sv{position:relative;display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 16px 15px;overflow:hidden;transition:transform .4s var(--ease),background .4s,border-color .4s}
.nx-sv::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--c);opacity:.8}
.nx-sv:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:color-mix(in srgb,var(--c) 50%,transparent)}
.nx-sv .k{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c)}
.nx-sv b{font-size:16px;color:#fff;margin-top:2px}
.nx-sv .d{font-size:13px;line-height:1.45;color:#a8b0c7}
.nx-sv .p{margin-top:auto;padding-top:10px;font-size:13px;color:#a8b0c7}
.nx-sv .p strong{font-size:17px;color:#fff}

/* ---------- 3 PANEL-TOUR ---------- */
.nx-tour{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:40px;align-items:center}
.nx-steps-t{display:flex;flex-direction:column;gap:2px}
.nx-st{position:relative;display:block;width:100%;text-align:left;font:inherit;background:none;border:1px solid transparent;border-radius:18px;padding:14px 18px 15px 62px;cursor:pointer;color:var(--text);transition:background .35s,border-color .35s,box-shadow .35s}
.nx-st .no{position:absolute;left:18px;top:13px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:800;background:#eef0f8;color:var(--muted);transition:background .35s,color .35s}
.nx-st .tt{display:block;font-size:17px;font-weight:700;color:var(--ink)}
.nx-st .tx{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s var(--ease),opacity .45s,margin .55s var(--ease)}
.nx-st .tx > span{overflow:hidden}
.nx-st .tx > span{font-size:14.5px;line-height:1.55;color:var(--muted)}
.nx-st .pr{position:absolute;left:62px;right:18px;bottom:8px;height:3px;border-radius:2px;background:#eceef6;overflow:hidden;opacity:0;transition:opacity .3s}
.nx-st .pr b{display:block;height:100%;width:0;background:var(--grad)}
.nx-st:hover{background:#f7f8fc}
.nx-st.on{background:#fff;border-color:var(--line);box-shadow:0 24px 50px -36px rgba(30,27,75,.45);padding-bottom:22px}
.nx-st.on .no{background:var(--grad);color:#fff}
.nx-st.on .tx{grid-template-rows:1fr;opacity:1;margin-top:5px}
.nx-st.on .pr{opacity:1}
.nx-frame{position:relative;border-radius:20px;background:#0c0c0e;border:1px solid #1f2027;box-shadow:0 60px 120px -50px rgba(30,27,75,.65),0 0 0 8px rgba(79,70,229,.05);overflow:hidden}
.nx-fbar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#111114;border-bottom:1px solid #1f2027}
.nx-fbar i{width:10px;height:10px;border-radius:50%;background:#3a3a40}
.nx-fbar span{margin-left:10px;flex:1;max-width:340px;background:#1a1a1f;border-radius:7px;padding:5px 12px;font-size:12px;color:#8b8b94}
.nx-shots{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0c0c0e}
.nx-shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.035);transition:opacity .8s var(--ease),transform 6s linear}
.nx-shots img.on{opacity:1;transform:scale(1)}
.nx-call{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;padding:10px 14px 10px 10px;border-radius:14px;box-shadow:0 20px 40px -18px rgba(11,16,32,.55);opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s var(--ease),transform .55s var(--spring);pointer-events:none;max-width:290px}
.nx-call.on{opacity:1;transform:none}
.nx-call i{flex:0 0 28px;height:28px;border-radius:9px;background:var(--grad);display:grid;place-items:center}
.nx-call i::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.3)}
.nx-tnote{margin-top:16px;display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}
.nx-tnote a{font-weight:700;color:#4f46e5}

/* ---------- 4 IMMER DABEI ---------- */
.nx-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.nx-tile{border-radius:24px;padding:26px 26px 24px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.nx-tile:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(30,27,75,.4)}
.nx-tile.w2{grid-column:span 2}
.nx-tile > *{position:relative}
.nx-tile h3{font-size:19px;letter-spacing:-.015em}
.nx-tile p{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:6px}
.nx-tile .vis{flex:1;display:flex;align-items:center;min-height:120px}
.nx-tile.dk{background:var(--dark-b);border-color:transparent}
.nx-tile.dk h3{color:#fff}.nx-tile.dk p{color:#a8b0c7}
.nx-tile.dk::before{content:"";position:absolute;width:380px;height:380px;right:-140px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(56,88,233,.5),transparent 65%)}
.nx-tile.vi{background:linear-gradient(160deg,#f7f5ff,#efeaff);border-color:#e7e1fb}
.nx-tile.pk{background:linear-gradient(160deg,#fff6fa,#fdeaf3);border-color:#f8dfeb}
.nx-tile.gr{background:linear-gradient(160deg,#f2fbf6,#e5f6ec);border-color:#d8efe1}
.nx-ddos{width:100%}
.nx-ddos svg{width:100%;height:140px;display:block}
.nx-ddos .atk{fill:none;stroke:#f472b6;stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900}
.nx-ddos .cln{fill:none;stroke:#4ade80;stroke-width:2.6;stroke-dasharray:900;stroke-dashoffset:900}
.nx-ddos .area{opacity:0;transition:opacity 1s .6s}
.nx-tile.in .nx-ddos .atk{animation:nxdraw 1.8s var(--ease) forwards}
.nx-tile.in .nx-ddos .cln{animation:nxdraw 1.8s .25s var(--ease) forwards}
.nx-tile.in .nx-ddos .area{opacity:1}
@keyframes nxdraw{to{stroke-dashoffset:0}}
.nx-leg{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#a8b0c7;margin-top:8px}
.nx-leg span::before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:8px;vertical-align:3px;background:#f472b6}
.nx-leg span + span::before{background:#4ade80}
.nx-up{width:100%}
.nx-up .bars{display:grid;grid-template-columns:repeat(45,1fr);gap:3px;height:48px}
.nx-up .bars i{border-radius:3px;background:#22c55e;transform:scaleY(.15);transform-origin:bottom;transition:transform .5s var(--ease)}
.nx-tile.in .nx-up .bars i{transform:scaleY(1)}
.nx-up .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--muted)}
.nx-up .row b{font-size:30px;color:var(--ink);letter-spacing:-.03em;margin-right:4px}
.nx-steps{width:100%}
.nx-steps li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;font-size:14px;color:var(--text);padding:6px 0;position:relative;opacity:.3;transition:opacity .4s}
.nx-steps li.on{opacity:1}
.nx-steps li::before{content:"";width:12px;height:12px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.15);justify-self:center}
.nx-steps li::after{content:"";position:absolute;left:10px;top:24px;height:calc(100% - 12px);width:2px;background:#ddd6fe}
.nx-steps li:last-child::after{display:none}
.nx-steps li:last-child::before{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.nx-steps span:last-child{font-size:13px;color:var(--muted)}
.nx .nx-bk{width:100%;background:#fff;border-radius:14px;box-shadow:0 14px 30px -20px rgba(190,24,93,.35);padding:6px 14px}
.nx .nx-bk li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;padding:9px 0;border-bottom:1px solid #f5edf2}
.nx-bk li:last-child{border-bottom:0}
.nx-bk li span:last-child{font-size:12.5px;color:var(--muted)}
.nx-bk li span.rs{font-size:12px;font-weight:700;color:#be185d;background:#fce7f3;padding:4px 9px;border-radius:7px}
.nx-seg{width:100%}
.nx-seg .s{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:12px;padding:4px;box-shadow:0 14px 30px -20px rgba(22,101,52,.35)}
.nx-seg .s::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:#16a34a;transition:transform .6s var(--ease)}
.nx-seg .s.r::before{transform:translateX(100%)}
.nx-seg .s span{position:relative;text-align:center;font-size:13.5px;font-weight:600;padding:9px 6px;border-radius:9px;color:var(--muted);transition:color .4s}
.nx-seg .s:not(.r) span:first-child,.nx-seg .s.r span:last-child{color:#fff}
.nx-seg .c{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text);background:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 14px 30px -20px rgba(22,101,52,.3)}
.nx-seg .c b{margin-left:auto;font-size:12px;color:#166534;background:#dcfce7;padding:4px 9px;border-radius:7px}
.nx-seal{width:100%;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e2a78,#3730a3);border-radius:14px;padding:12px 14px;box-shadow:0 18px 36px -18px rgba(55,48,163,.7);color:#fff}
.nx-seal small{display:block;font-size:9.5px;line-height:1.35;font-weight:700;letter-spacing:.08em;color:#c7d2fe}
.nx-seal strong{white-space:nowrap;font-size:16px;letter-spacing:-.01em}
.nx-seal svg{flex-shrink:0}
.nx-eu polygon{transform-box:fill-box;transform-origin:center;opacity:0;transform:scale(.3)}
.nx-tile.in .nx-eu polygon{animation:nxstar .5s var(--spring) forwards;animation-delay:calc(.35s + var(--i) * 70ms)}
@keyframes nxstar{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nx-eu polygon{opacity:1;transform:none}}
@keyframes nxspin{to{transform:rotate(360deg)}}

/* ---------- 5 TEAM & SUPPORT ---------- */
.nx-team{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:stretch}
.nx-tq{position:relative;overflow:hidden;border-radius:28px;background:var(--grad);background-size:180% 180%;animation:nxflow 14s ease-in-out infinite;color:#fff;padding:44px 44px 36px;display:flex;flex-direction:column}
@keyframes nxflow{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
.nx-tq::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 70%);mask-image:linear-gradient(200deg,#000,transparent 70%)}
.nx-tq > *{position:relative}
.nx-tq .nx-eb{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);align-self:flex-start}
.nx-tq .nx-eb::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.nx-tq blockquote{margin:24px 0 0;font-size:clamp(25px,2.4vw,33px);line-height:1.22;font-weight:700;letter-spacing:-.02em;color:#fff;border:0;padding:0}
.nx-tq p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.9);margin-top:18px}
.nx-sig{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:14px;font-size:14px;color:rgba(255,255,255,.85)}
.nx-sig strong{display:block;color:#fff;font-size:15px}
.nx-sig .lg{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;flex-shrink:0}
.nx-ch{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px 30px 22px;box-shadow:0 30px 60px -42px rgba(30,27,75,.35);display:flex;flex-direction:column}
.nx-ch h3{font-size:21px}
.nx-ch > p{font-size:15px;color:var(--muted);margin-top:6px}
.nx-chl{margin-top:16px}
.nx-chl a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 10px;border-radius:14px;transition:background .25s,transform .35s var(--ease)}
.nx-chl a:hover{background:#f6f7fd;transform:translateX(4px)}
.nx-chl .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.nx-chl .c{display:block;font-weight:700;color:var(--ink);font-size:16px}
.nx-chl .t{display:block;font-size:13.5px;color:var(--muted);margin-top:1px}
.nx-chl .chip{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.nx-on-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.nx-live{background:#dcfce7;color:#166534}
.nx-live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a34a;margin-right:6px;vertical-align:1px;animation:nxpulse 2.2s infinite}
@keyframes nxpulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.4)}50%{box-shadow:0 0 0 5px rgba(22,163,74,0)}}
.nx-biz{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 32px 28px 36px;position:relative;overflow:hidden}
.nx-biz::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad)}
.nx-biz h3{font-size:20px}
.nx-biz p{font-size:15px;color:var(--muted);margin-top:6px;line-height:1.55}
.nx-biz .b{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- 6 BEWERTUNGEN ---------- */
.nx-rev{display:grid;grid-template-columns:minmax(0,.85fr) repeat(2,minmax(0,1fr));gap:20px}
.nx-rs{grid-row:span 2;border-radius:28px;background:var(--dark-a);color:#c9cfe0;padding:36px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.nx-rs::before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.38),transparent 65%)}
.nx-rs > *{position:relative}
.nx-rs .nx-tpl{font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}
.nx-rs .nx-tpl::before{content:"";width:18px;height:18px;background:#00b67a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.nx-rs .big{font-size:84px;font-weight:800;color:#fff;letter-spacing:-.05em;line-height:1;margin-top:28px}
.nx-rs .big small{font-size:28px;color:#8f97b3;letter-spacing:-.02em}
.nx-rcount{font-size:14px;color:#8f97b3;margin-top:2px}
.nx-rs .lbl{font-size:20px;font-weight:700;color:#fff;margin-top:14px}
.nx-rs p{font-size:15px;line-height:1.6;color:#a8b0c7;margin-top:10px}
.nx-rs .nx-btn{margin-top:auto;align-self:flex-start}
.nx-stars{display:inline-flex;gap:3px;margin-top:16px}
.nx-stars i{width:26px;height:26px;background:#3b4260;display:grid;place-items:center;position:relative;overflow:hidden}
.nx-stars i::after{content:"";position:absolute;inset:0;background:#00b67a;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nx-stars i.half::after{right:50%}
.nx-stars i::before{content:"";position:relative;z-index:1;width:16px;height:16px;background:#fff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.in .nx-stars i::after,.nx-stars.in i::after{transform:scaleX(1)}
.nx-stars i:nth-child(2)::after{transition-delay:.12s}.nx-stars i:nth-child(3)::after{transition-delay:.24s}.nx-stars i:nth-child(4)::after{transition-delay:.36s}.nx-stars i:nth-child(5)::after{transition-delay:.48s}
.nx-stars.sm{margin-top:0}.nx-stars.sm i{width:18px;height:18px;background:#e5e7eb}.nx-stars.sm i::before{width:11px;height:11px}
.nx-rc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 26px 22px;margin:0;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.nx-rc:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(30,27,75,.4)}
.nx-rc h3{font-size:17.5px;margin-top:14px;letter-spacing:-.01em}
.nx-rc p{font-size:15px;line-height:1.6;color:var(--text);margin-top:8px}
.nx-rc .who{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted)}
.nx-rc .who b{display:block;color:var(--ink);font-size:14.5px}
.nx-rc .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}
.nx-rc .game{margin-left:auto;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:#eef0ff;color:#4338ca;white-space:nowrap}

/* ---------- 7 FRAGEN ---------- */
.nx-faq{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;align-items:start}
.nx-faq .nx-head{text-align:left;margin:0}
.nx-help{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 20px;box-shadow:0 24px 50px -40px rgba(30,27,75,.4)}
.nx-help b{display:block;font-size:16px;color:var(--ink)}
.nx-help span{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.5}
.nx-help .nx-btn{margin-top:16px}
.nx-faql{display:grid;gap:12px}
.nx-faql details{background:#fff;border:1px solid var(--line);border-radius:18px;transition:box-shadow .3s,border-color .3s}
.nx-faql details[open]{border-color:#c7d2fe;box-shadow:0 20px 40px -32px rgba(79,70,229,.45)}
.nx-faql summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;font-size:17px;font-weight:700;color:var(--ink)}
.nx-faql summary::-webkit-details-marker{display:none}
.nx-faql summary::after{content:"";flex:0 0 30px;height:30px;border-radius:50%;background:#f1f2fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232459E8' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .35s var(--ease),background-color .3s}
.nx-faql details[open] summary::after{transform:rotate(45deg);background-color:#e0e7ff}
.nx-faql .ans{overflow:hidden}
.nx-faql .ans p{font-size:15.5px;line-height:1.7;color:var(--muted);padding:0 22px 22px;max-width:700px}

/* ---------- 8 ABSCHLUSS ---------- */
.nx-end{background:var(--grad);background-size:200% 200%;animation:nxflow 16s ease-in-out infinite;color:#fff;padding:96px 0}
.nx-end::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%)}
.nx-end .nx-head h2{color:#fff}
.nx-end .nx-eb{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.nx-end .nx-eb::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.nx-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nx-path{display:flex;flex-direction:column;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);border-radius:24px;padding:28px 28px 24px;transition:transform .45s var(--ease),background .45s}
.nx-path:hover{transform:translateY(-6px);background:rgba(255,255,255,.2)}
.nx-path .k{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.nx-path h3{color:#fff;font-size:27px;letter-spacing:-.02em;margin-top:8px}
.nx-path p{font-size:15px;color:rgba(255,255,255,.88);margin-top:6px;line-height:1.5}
.nx-path .f{margin-top:26px;display:flex;align-items:center;justify-content:space-between}
.nx-path .pr{font-size:15px;color:rgba(255,255,255,.85)}
.nx-path .pr b{font-size:26px;color:#fff;letter-spacing:-.02em;margin-left:5px}
.nx-path .go{width:46px;height:46px;border-radius:50%;background:#fff;color:#5b21b6;display:grid;place-items:center;transition:transform .35s var(--ease)}
.nx-path:hover .go{transform:translateX(5px)}
.nx .nx-endnote{text-align:center;margin-top:28px;font-size:15px;color:rgba(255,255,255,.88)}

/* ---------- Einblenden ---------- */
.nx [data-in]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.nx [data-in].in{opacity:1;transform:none}
.nx [data-in="zoom"]{transform:translateY(18px) scale(.96)}
.nx [data-in="zoom"].in{transform:none}
@media (prefers-reduced-motion:reduce){
  .nx [data-in]{opacity:1;transform:none;transition:none}
  .nx *{animation:none!important;transition-duration:.01s!important}
  .nx-w > span{transform:none}
  .nx-ddos .atk,.nx-ddos .cln{stroke-dashoffset:0}
}

/* ---------- Tablet / Handy ---------- */
@media (max-width:1060px){
  .nx-team,.nx-faq,.nx-tour{grid-template-columns:1fr}
  .nx-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nx-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-svch{grid-column:1/-1;padding:0 0 4px}
  .nx-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-rev{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-rs{grid-row:auto;grid-column:span 2}
  .nx-rs .nx-btn{margin-top:22px}
  .nx-steps-t{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-call{display:none}
}
@media (max-width:760px){
  .nx-sec{padding:72px 0}
  .nx-wrap{padding:0 16px}
  .nx-head{margin-bottom:36px}
  .nx-prods,.nx-paths{grid-template-columns:1fr}
  .nx-mock{height:190px;padding:20px 16px 0}
  .nx-pcb{padding:22px 20px 22px}
  .nx-pcb h3{font-size:24px}
  .nx-facts{gap:8px}
  .nx-facts div{padding:12px 10px 10px}
  .nx-facts b{font-size:18px}
  .nx-pcf{flex-direction:column;align-items:flex-start}
  .nx-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .nx-game{aspect-ratio:4/5;border-radius:16px}
  .nx-gi{padding:12px 12px 12px}
  .nx-gi .gn{font-size:16px}
  .nx-gi .gp i{display:none}
  .nx-genre{top:10px;left:10px;font-size:10.5px;padding:4px 8px}
  .nx-hot{top:10px;right:10px;font-size:10.5px;padding:4px 8px}
  .nx-allg{grid-template-columns:1fr;padding:18px}
  .nx-filter{justify-content:flex-start;flex-wrap:wrap;overflow:visible;margin:-12px 0 22px;width:auto;border-radius:18px}
  .nx-filter .ind{display:none}
  .nx-filter button{padding:8px 13px;font-size:13.5px}
  .nx-filter button.on{background:#fff}
  .nx-svc{grid-template-columns:1fr}
  .nx-steps-t{grid-template-columns:1fr}
  .nx-tour > div:last-child{order:-1}
  .nx-facts div > span{font-size:12px}
  .nx-st{padding:13px 14px 14px 56px}
  .nx-st .no{left:14px;top:12px}
  .nx-st .pr{left:56px;right:14px}
  .nx-tnote{flex-direction:column;gap:6px}
  .nx-bento{grid-template-columns:1fr}
  .nx-tile.w2{grid-column:auto}
  .nx-rev{grid-template-columns:1fr}
  .nx-rs{grid-column:auto}
  .nx-biz{grid-template-columns:1fr;padding:24px 22px 24px 26px}
  .nx-tq{padding:32px 24px 28px}
  .nx-ch{padding:24px 16px 16px}
  .nx-chl a{grid-template-columns:40px minmax(0,1fr)}
  .nx-chl .chip{grid-column:2;justify-self:start}
  .nx-chl .ic{width:40px;height:40px}
  .nx-rc .who{flex-wrap:wrap}
  .nx-rc .game{margin-left:0}
}

/* ---------- Umschalter (Webspace-Tarife, VPS) ---------- */
.nx-ctrl{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin:-20px 0 36px}
.nx-seg2{position:relative;display:inline-flex;gap:2px;padding:5px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -24px rgba(30,27,75,.45)}
.nx-seg2 .ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:11px;background:var(--grad);box-shadow:0 10px 22px -12px rgba(124,58,237,.7);transition:transform .5s var(--ease),width .5s var(--ease)}
.nx-seg2 button{position:relative;z-index:1;font:600 14.5px var(--sans);color:var(--muted);background:none;border:0;padding:10px 18px;border-radius:11px;cursor:pointer;white-space:nowrap;transition:color .35s}
.nx-seg2 button:hover{color:var(--ink)}
.nx-seg2 button.on{color:#fff}
.nx-seg2 button small{font-size:11.5px;font-weight:800;margin-left:6px;padding:2px 7px;border-radius:999px;background:#dcfce7;color:#166534}
.nx-seg2 button.on small{background:rgba(255,255,255,.22);color:#fff}
.nx-seg2 .lbl{align-self:center;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 8px 0 10px}

/* ---------- WEBSPACE-TARIFE ---------- */
.nx-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.nx-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 24px 22px;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.nx-plan:hover{transform:translateY(-5px);box-shadow:0 40px 70px -46px rgba(30,27,75,.5);border-color:#d6dbf0}
.nx-plan.rec{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 40px 80px -50px rgba(124,58,237,.6)}
.nx-plan .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--grad);padding:6px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 20px -10px rgba(124,58,237,.8)}
.nx-plan h3{font-size:21px;letter-spacing:-.015em}
.nx-plan .for{font-size:14px;line-height:1.5;color:var(--muted);margin-top:6px;min-height:42px}
.nx-plan .pp{display:flex;align-items:baseline;gap:6px;margin-top:18px;color:var(--ink);white-space:nowrap}
.nx-plan .pp b{font-size:36px;font-weight:800;letter-spacing:-.035em;line-height:1}
.nx-plan .pp span{font-size:15px;font-weight:600;color:var(--muted)}
.nx-plan .was{display:block;height:18px;font-size:13px;color:var(--muted);margin-top:6px}
.nx-plan .was s{color:#9ca3af}
.nx-plan .fee{font-size:13px;color:var(--muted);margin-top:2px}
.nx-plan .fee.free{color:#15803d;font-weight:600}
.nx-plan .nx-btn{justify-content:center;margin-top:18px}
.nx-plan .nx-btn-o{background:#f5f6fb}
.nx-plan.rec .nx-btn-o{background:var(--grad);border-color:transparent;color:#fff}
.nx .nx-spec2{margin-top:18px;border-top:1px solid var(--line);padding-top:6px}
.nx .nx-spec2 li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px dashed #eceef5}
.nx .nx-spec2 li:last-child{border-bottom:0}
.nx-spec2 li span{color:var(--muted)}
.nx-spec2 li b{color:var(--ink);font-weight:700;text-align:right}
.nx-xtra{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.nx-xtra i{font-style:normal;font-size:12px;font-weight:700;padding:4px 9px;border-radius:8px;background:#f1f2fb;color:#4338ca}
.nx-planfoot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.nx-planfoot div{display:flex;gap:12px;align-items:flex-start;background:#f7f8fc;border:1px solid #eef0f6;border-radius:16px;padding:14px 16px}
.nx-planfoot svg{flex-shrink:0;color:#7c3aed;margin-top:1px}
.nx-planfoot b{display:block;font-size:14.5px;color:var(--ink)}
.nx-planfoot span{display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-top:2px}
.nx .nx-dauer{text-align:center;font-size:13.5px;color:var(--muted);margin-top:18px}
.nx-flip{display:inline-block;transition:transform .35s var(--ease),opacity .35s}
.nx-flip.out{transform:translateY(-8px);opacity:0}

/* ---------- VPS IM DETAIL ---------- */
.nx .nx-vline{text-align:center;font-size:14px;color:var(--muted);margin:-18px 0 26px}
.nx-vline b{color:var(--ink)}
.nx-proj{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:26px}
.nx-proj span{align-self:center;font-size:13.5px;color:var(--muted);margin-right:4px}
.nx-proj button{font:600 13.5px var(--sans);color:var(--text);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .3s,color .3s,background .3s,transform .3s var(--ease)}
.nx-proj button:hover{border-color:#a5b4fc;transform:translateY(-1px)}
.nx-proj button.on{border-color:#7c3aed;color:#5b21b6;background:#f5f3ff}
.nx-vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nx-vp{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 20px;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.nx-vp:hover{transform:translateY(-4px);box-shadow:0 34px 60px -44px rgba(30,27,75,.5)}
.nx-vp.rec{border-color:#c4b5fd;box-shadow:0 30px 60px -44px rgba(124,58,237,.55)}
.nx-vp.hit{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.14),0 34px 60px -44px rgba(124,58,237,.6)}
.nx-vp .tag2{position:absolute;top:16px;right:16px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5b21b6;background:#ede9fe;padding:4px 9px;border-radius:999px}
.nx-vp h3{font-size:19px}
.nx-vp .sp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.nx-vp .sp div{background:#f7f8fc;border-radius:12px;padding:10px 10px 9px;text-align:center}
.nx-vp .sp b{display:block;white-space:nowrap;font-size:16px;color:var(--ink);letter-spacing:-.02em}
.nx-vp .sp span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.nx-vp .pp{display:flex;align-items:baseline;gap:5px;margin-top:18px;white-space:nowrap}
.nx-vp .pp b{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.nx-vp .pp span{font-size:14px;font-weight:600;color:var(--muted)}
.nx-vp .nx-btn{justify-content:center;margin-top:14px;padding:11px 18px;font-size:14.5px}
.nx-vp .nx-btn-o{background:#f5f6fb}
.nx-vp.rec .nx-btn-o,.nx-vp.hit .nx-btn-o{background:var(--grad);color:#fff;border-color:transparent}
.nx-vcust{margin-top:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px;align-items:center;background:#fff;border:1px dashed #c7cbe0;border-radius:20px;padding:16px 22px}
.nx-vcust .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f5f3ff;color:#7c3aed}
.nx-vcust b{display:block;font-size:16px;color:var(--ink)}
.nx-vcust span{font-size:14px;color:var(--muted)}
.nx-vcust .pp{font-size:14px;color:var(--muted);white-space:nowrap}
.nx-vcust .pp b{display:inline;font-size:22px;letter-spacing:-.02em}
.nx-bench{margin-top:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;background:var(--dark-b);border-radius:28px;padding:38px 40px;position:relative;overflow:hidden}
.nx-bench::before{content:"";position:absolute;width:460px;height:460px;left:-160px;bottom:-240px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.3),transparent 65%)}
.nx-bench > *{position:relative}
.nx-bench .k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc}
.nx-bench h3{color:#fff;font-size:27px;letter-spacing:-.02em;margin-top:10px;line-height:1.2}
.nx-bench p{font-size:15.5px;line-height:1.65;color:#b6bdd3;margin-top:12px}
.nx-bench small{display:block;font-size:12.5px;color:#7f88a6;margin-top:16px;line-height:1.5}
.nx .nx-bars2{display:grid;gap:14px}
.nx-bars2 li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:baseline}
.nx-bars2 .n{font-size:14.5px;font-weight:700;color:#fff}
.nx-bars2 .n em{font-style:normal;font-weight:500;color:#8f97b3;margin-left:6px;font-size:13px}
.nx-bars2 .v{font-size:15px;font-weight:800;color:#fff}
.nx-bars2 .b{grid-column:1/-1;height:10px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.nx-bars2 .b i{display:block;height:100%;width:0;border-radius:6px;background:#5b6487;transition:width 1.4s var(--ease)}
.nx-bars2 li:first-child .b i{background:var(--grad)}
.nx-bars2.in .b i{width:var(--w)}
.nx-bars2 li:nth-child(2) .b i{transition-delay:.12s}.nx-bars2 li:nth-child(3) .b i{transition-delay:.24s}.nx-bars2 li:nth-child(4) .b i{transition-delay:.36s}

/* ---------- DEDICATED IM DETAIL ---------- */
.nx-ded{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
.nx-dedl .nx-dbig{display:flex;align-items:baseline;gap:12px;margin-top:4px}
.nx-dedl .nx-dbig b{font-size:76px;font-weight:800;color:#fff;letter-spacing:-.05em;line-height:1}
.nx-dedl .nx-dbig > span{font-size:19px;font-weight:700;color:#c7d2fe;line-height:1.25}
.nx-dedl .from{font-size:16px;color:#a8b0c7;margin-top:12px}
.nx-dedl .from b{color:#fff;font-size:20px}
.nx .nx-dedb{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nx-dedb li{display:flex;gap:10px;align-items:center;font-size:14.5px;color:#d5d9e6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px}
.nx-dedb li::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;background:rgba(74,222,128,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.nx-dedl .nx-btn{margin-top:26px;background:#fff;color:#1e1b4b}
.nx-dedl .nx-btn:hover{transform:translateY(-2px)}
.nx-rack{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:10px;box-shadow:0 50px 100px -50px rgba(0,0,0,.8)}
.nx-rackh{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 12px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8f97b3}
.nx-rackh .lv{display:inline-flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-weight:600;color:#86efac}
.nx-rackh .lv::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;animation:nxpulse 2.2s infinite}
.nx-srv{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:16px;transition:background .3s,transform .35s var(--ease);opacity:0;transform:translateY(10px)}
.nx-srv.on{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease),background .3s}
.nx-srv + .nx-srv{border-top:1px solid rgba(255,255,255,.06)}
.nx-srv:hover{background:rgba(255,255,255,.06)}
.nx-srv .nx-dchip{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--c,#334155);letter-spacing:.02em}
.nx-srv .nx-dpk{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#c4b5fd;margin-bottom:3px}
.nx-srv .nx-dnm{display:block;font-size:16px;font-weight:700;color:#fff}
.nx-srv .nx-dsp{display:block;font-size:13px;color:#a8b0c7;margin-top:2px}
.nx-srv .nx-dpf{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:11.5px;color:#7f88a6}
.nx-srv .nx-dpf em{display:block;width:120px;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.nx-srv .nx-dpf em i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#818cf8,#c084fc);transition:width 1.2s var(--ease) .3s}
.nx-srv.on .nx-dpf em i{width:var(--w)}
.nx-srv .nx-dpr{text-align:right;white-space:nowrap}
.nx-srv .nx-dpr span{display:block;font-size:12px;color:#8f97b3}
.nx-srv .nx-dpr b{font-size:19px;color:#fff;letter-spacing:-.02em}
.nx-rackf{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 8px;font-size:13px;color:#8f97b3;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}
.nx-rackf a{color:#c7d2fe;font-weight:700;white-space:nowrap}
.nx-rackf a:hover{color:#fff}

@media (max-width:1060px){
  .nx-plans,.nx-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-planfoot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-bench,.nx-ded{grid-template-columns:1fr}
  .nx-plan{padding-top:28px}
}
@media (max-width:760px){
  .nx-plans,.nx-vgrid,.nx-planfoot{grid-template-columns:1fr}
  .nx-plans{gap:24px}
  .nx-ctrl{margin:-10px 0 26px}
  .nx-seg2 button{padding:9px 12px;font-size:13.5px}
  .nx-seg2 .lbl{display:none}
  .nx-vcust{grid-template-columns:auto minmax(0,1fr);row-gap:10px}
  .nx-vcust .pp,.nx-vcust .nx-btn{grid-column:2}
  .nx-vcust .nx-btn{justify-self:start}
  .nx-bench{padding:28px 22px}
  .nx-dedl .nx-dbig b{font-size:60px}
  .nx .nx-dedb{grid-template-columns:1fr}
  .nx-srv{grid-template-columns:minmax(0,1fr) auto;padding:12px 10px}
  .nx-srv .nx-dchip{display:none}
  .nx-srv .nx-dpf em{width:80px}
  .nx-plan .for{min-height:0}
}

/* ---------- Markenschicht: Nexthosting-Navy #131E3E + Grau #959CA4 (aus dem Logo) statt Indigo-Pink-Verlauf ---------- */
.nx{--navy:#131E3E;--navy2:#22325f;--grey:#959CA4;--steel:#eef1f6;--steel2:#e3e7ef;
  --grad:linear-gradient(135deg,#131E3E,#24356a);--dark-a:linear-gradient(160deg,#131E3E,#1b2a52);--dark-b:linear-gradient(160deg,#0f1833,#1b2a52)}
.nx-eb{background:none;border:0;padding:0;border-radius:0;color:var(--navy);letter-spacing:.14em;font-size:12px;gap:10px}
.nx-eb::before{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--navy) 0 57%,var(--grey) 57%);box-shadow:none}
.nx-dark .nx-eb,.nx-tq .nx-eb,.nx-end .nx-eb{background:none;border:0;color:#c9cfdc}
.nx-dark .nx-eb::before,.nx-tq .nx-eb::before,.nx-end .nx-eb::before{background:linear-gradient(135deg,#fff 0 57%,var(--grey) 57%);box-shadow:none}
.nx .g{background:none;-webkit-text-fill-color:#6B7480;color:#6B7480}
.nx-dark .nx-head .g,.nx-end .nx-head .g{-webkit-text-fill-color:#9aa3b5;color:#9aa3b5}
.nx-btn-p{background:var(--navy);box-shadow:0 12px 26px -14px rgba(19,30,62,.65)}
.nx-btn-p:hover{background:var(--navy2);box-shadow:0 18px 34px -16px rgba(19,30,62,.7)}
.nx-btn-o:hover{border-color:#b7bfcf}
.nx-pc{--acc:#131E3E}
.nx-tag{background:var(--steel);color:var(--navy)}
.nx-mock::after{display:none}
.nx-mock.v,.nx-mock.r,.nx-mock.c,.nx-mock.d{background:linear-gradient(160deg,#f1f3f7,#e4e8f0)}
.nx-term .h{color:#b8c0d2}
.nx-plate,.nx-sto{box-shadow:0 30px 50px -26px rgba(19,30,62,.45)}
.nx-gauge{background:var(--steel)}
.nx-gauge em,.nx-bays i{background:var(--steel2)}
.nx-gauge em b,.nx-bays i::after{background:var(--navy)}
.nx-dom .field,.nx .nx-dom ul{box-shadow:0 24px 44px -26px rgba(19,30,62,.4)}
.nx-dom .field span::after{background:var(--navy)}
.nx-dark{background:linear-gradient(180deg,#0e1630,#131E3E)}
.nx-dark::before{background:radial-gradient(900px 420px at 50% -8%,rgba(149,156,164,.16),transparent 70%)}
.nx-dark::after{display:none}
.nx-hot{background:#fff;color:var(--navy)}
.nx-game:hover{box-shadow:0 34px 60px -32px rgba(0,0,0,.7)}
.nx-sv{--c:#959CA4 !important}
.nx-sv .k{color:#9aa3b5}
.nx-st:hover{background:#f6f7f9}
.nx-tile.dk::before{display:none}
.nx-tile.vi,.nx-tile.pk,.nx-tile.gr{background:#f6f7fa;border-color:#e6e9f0}
.nx-ddos .atk{stroke:#ff7a7a}
.nx-leg span::before{background:#ff7a7a}
.nx-steps li::before{background:var(--navy);box-shadow:0 0 0 4px rgba(19,30,62,.12)}
.nx-steps li::after{background:#d3d8e2}
.nx .nx-bk,.nx-seg .s,.nx-seg .c{box-shadow:0 14px 30px -22px rgba(19,30,62,.4)}
.nx-bk li span.rs{background:var(--steel);color:var(--navy)}
.nx-seg .s::before{background:var(--navy)}
.nx-seg .c b{background:var(--steel);color:var(--navy)}
.nx-seal{background:var(--navy);box-shadow:0 18px 36px -20px rgba(19,30,62,.7)}
.nx-seal small{color:#b8c0d2}
.nx .nx-chl .ic{background:var(--steel) !important;color:var(--navy) !important}
.nx .nx-chl .chip:not(.nx-live){background:var(--steel) !important;color:var(--navy) !important}
.nx-chl a:hover{background:#f6f7f9}
.nx .nx-rc .av{background:var(--navy) !important}
.nx-rc .game{background:var(--steel);color:var(--navy)}
.nx-rs::before{display:none}
.nx-faql details[open]{border-color:#c3cad8;box-shadow:0 20px 40px -34px rgba(19,30,62,.45)}
.nx-faql summary::after{background-color:var(--steel)}
.nx-faql details[open] summary::after{background-color:var(--steel2)}
.nx-end::before{display:none}
.nx-path .go{color:var(--navy)}
.nx-plan.rec{box-shadow:0 40px 80px -52px rgba(19,30,62,.6)}
.nx-plan .badge{box-shadow:none;letter-spacing:.1em}
.nx-xtra i{background:var(--steel);color:var(--navy)}
.nx-seg2 .ind{box-shadow:0 10px 22px -14px rgba(19,30,62,.7)}
.nx-proj button:hover{border-color:#b7bfcf}
.nx-proj button.on{border-color:var(--navy);color:var(--navy);background:var(--steel)}
.nx-vp.rec{border-color:#b9c1d3;box-shadow:0 30px 60px -46px rgba(19,30,62,.5)}
.nx-vp.hit{border-color:var(--navy);box-shadow:0 0 0 4px rgba(19,30,62,.1),0 34px 60px -44px rgba(19,30,62,.55)}
.nx-vp .tag2{color:var(--navy);background:var(--steel)}
.nx-vcust{border-color:#c9cfdb}
.nx-vcust .ic{background:var(--steel);color:var(--navy)}
.nx-bench::before{display:none}
.nx-bench .k{color:#9aa3b5}
.nx-bars2 li:first-child .b i{background:#e6e9f0}
.nx-srv .nx-dpk{color:#9aa3b5}
.nx-srv .nx-dpf em i{background:#c9cfdc}
.nx-srv{grid-template-columns:54px minmax(0,1fr) auto}
.nx-srv .nx-dchip{width:54px;height:40px;border-radius:10px;background:#fff;box-shadow:0 6px 16px -10px rgba(0,0,0,.6)}
.nx-srv .nx-dchip img{width:38px;height:auto;display:block}
.nx [data-in].in .nx-w > span{transform:none}
.nx-tnote a{color:var(--navy)}
/* Tarife: Ausklappen und kompakte Zeile */
.nx-more2{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.nx-more2 > ul{overflow:hidden;min-height:0}
.nx-plans.open .nx-more2{grid-template-rows:1fr}
.nx .nx-spec2.x{margin-top:0;padding-top:0;border-top:1px dashed #eceef5}
.nx-allw{display:flex;justify-content:center;margin-top:22px}
.nx-allbtn{display:inline-flex;align-items:center;gap:10px;font:700 14.5px var(--sans);color:var(--navy);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:11px 20px;cursor:pointer;transition:border-color .3s,transform .3s var(--ease)}
.nx-allbtn:hover{border-color:#b7bfcf;transform:translateY(-1px)}
.nx-allbtn svg{transition:transform .45s var(--ease)}
.nx-allbtn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nx-pf{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin-top:30px;font-size:14.5px;font-weight:600;color:var(--ink)}
.nx-pf span{display:inline-flex;align-items:center;gap:8px}
.nx-pf svg{color:var(--grey)}
.nx .nx-dauer{margin-top:12px}
@media (max-width:760px){
  .nx-srv{grid-template-columns:44px minmax(0,1fr) auto}
  .nx-srv .nx-dchip{display:grid;width:44px;height:34px}
  .nx-srv .nx-dchip img{width:32px}
  .nx-pf{justify-content:flex-start;gap:10px 20px}
}

/* ---------- Akzentschicht: Nexthosting-Blau #2459E8 bringt Leben in Navy und Grau ---------- */
.nx{--acc-b:#2459E8;--acc-b2:#1B45C4;--acc-l:#8FB0FF;--tint:#EAF0FF;--tint2:#D9E5FF;--grad:linear-gradient(135deg,#2459E8,#1a3aa6)}
.nx .g{-webkit-text-fill-color:var(--acc-b);color:var(--acc-b)}
.nx-dark .nx-head .g,.nx-end .nx-head .g{-webkit-text-fill-color:var(--acc-l);color:var(--acc-l)}
.nx-eb::before{background:linear-gradient(135deg,var(--navy) 0 57%,var(--acc-b) 57%)}
.nx-dark .nx-eb::before,.nx-tq .nx-eb::before,.nx-end .nx-eb::before{background:linear-gradient(135deg,#fff 0 57%,var(--acc-l) 57%)}
.nx-btn-p{background:var(--acc-b);box-shadow:0 14px 30px -14px rgba(36,89,232,.65)}
.nx-btn-p:hover{background:var(--acc-b2);box-shadow:0 20px 38px -16px rgba(36,89,232,.7)}
.nx-pc{--acc:#2459E8}
.nx-tag{background:var(--tint);color:var(--acc-b)}
.nx-mock.v,.nx-mock.r,.nx-mock.c,.nx-mock.d{background:linear-gradient(160deg,#f0f5ff,#dce7ff)}
.nx-gauge{background:var(--tint)}
.nx-gauge em,.nx-bays i{background:var(--tint2)}
.nx-gauge em b,.nx-bays i::after{background:var(--acc-b)}
.nx-dom .field span::after{background:var(--acc-b)}
.nx-dark::before{background:radial-gradient(800px 420px at 85% -10%,rgba(36,89,232,.32),transparent 70%),radial-gradient(700px 380px at 0% 110%,rgba(36,89,232,.18),transparent 70%)}
.nx-hot{background:var(--acc-b);color:#fff}
.nx-sv{--c:#8FB0FF !important}
.nx-sv .k{color:var(--acc-l)}
.nx-st:hover{background:#f5f8ff}
.nx-tile.dk::before{display:block;background:radial-gradient(circle,rgba(36,89,232,.45),transparent 65%)}
.nx-tile.vi{background:linear-gradient(160deg,#f3f7ff,#e8efff);border-color:#dbe5fb}
.nx-tile.pk,.nx-tile.gr{background:#f7f8fb;border-color:#e6e9f0}
.nx-steps li::before{background:var(--acc-b);box-shadow:0 0 0 4px rgba(36,89,232,.15)}
.nx-steps li::after{background:var(--tint2)}
.nx-bk li span.rs{background:var(--tint);color:var(--acc-b)}
.nx-seg .s::before{background:var(--acc-b)}
.nx-seg .c b{background:var(--tint);color:var(--acc-b)}
.nx-seal{background:linear-gradient(135deg,#131E3E,#1b2c5c)}
.nx .nx-chl .ic{background:var(--tint) !important;color:var(--acc-b) !important}
.nx .nx-chl .chip:not(.nx-live){background:var(--tint) !important;color:var(--acc-b) !important}
.nx-chl a:hover{background:#f5f8ff}
.nx .nx-rc .av{background:var(--acc-b) !important}
.nx-rc .game{background:var(--tint);color:var(--acc-b)}
.nx-rs::before{display:block;background:radial-gradient(circle,rgba(36,89,232,.4),transparent 65%)}
.nx-faql details[open]{border-color:#bcd0ff;box-shadow:0 20px 40px -32px rgba(36,89,232,.45)}
.nx-faql summary::after{background-color:var(--tint)}
.nx-faql details[open] summary::after{background-color:var(--tint2)}
.nx-path .go{color:var(--acc-b)}
.nx-plan.rec{box-shadow:0 40px 80px -50px rgba(36,89,232,.55)}
.nx-xtra i{background:var(--tint);color:var(--acc-b)}
.nx-seg2 .ind{box-shadow:0 10px 22px -12px rgba(36,89,232,.7)}
.nx-proj button:hover{border-color:#a9c1ff}
.nx-proj button.on{border-color:var(--acc-b);color:var(--acc-b);background:var(--tint)}
.nx-vp.rec{border-color:#b8cdfd;box-shadow:0 30px 60px -44px rgba(36,89,232,.5)}
.nx-vp.hit{border-color:var(--acc-b);box-shadow:0 0 0 4px rgba(36,89,232,.14),0 34px 60px -44px rgba(36,89,232,.55)}
.nx-vp .tag2{color:var(--acc-b);background:var(--tint)}
.nx-vcust{border-color:#c3d3f7}
.nx-vcust .ic{background:var(--tint);color:var(--acc-b)}
.nx-bench::before{display:block;background:radial-gradient(circle,rgba(36,89,232,.38),transparent 65%)}
.nx-bench .k{color:var(--acc-l)}
.nx-bars2 li:first-child .b i{background:linear-gradient(90deg,var(--acc-b),var(--acc-l))}
.nx-srv .nx-dpk{color:var(--acc-l)}
.nx-srv .nx-dpf em i{background:linear-gradient(90deg,var(--acc-b),var(--acc-l))}
.nx-allbtn{color:var(--acc-b)}
.nx-allbtn:hover{border-color:#a9c1ff}
.nx-pf svg{color:var(--acc-b)}
.nx-tnote a{color:var(--acc-b)}
.nx-tq::before{-webkit-mask-image:linear-gradient(200deg,#000,transparent 75%);mask-image:linear-gradient(200deg,#000,transparent 75%)}
.nx-end::before{display:block;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px}

/* ---------- Dunkelmodus (html.nh-dark, Palette „Graphit“) ---------- */
html.nh-dark .nx{--ink:#ececee;--text:#c9c9cf;--muted:#a8a8ae;--line:#2a2a2e;color-scheme:dark}
html.nh-dark .nx-soft{background:#121213}
html.nh-dark .nx-white{background:#161618}
html.nh-dark .nx-eb{color:#a5b4fc;background:rgba(129,140,248,.12);border-color:rgba(129,140,248,.28)}
html.nh-dark .nx-pc,html.nh-dark .nx-tile,html.nh-dark .nx-rc,html.nh-dark .nx-ch,html.nh-dark .nx-biz,html.nh-dark .nx-help,html.nh-dark .nx-faql details{background:#18181a;border-color:#2a2a2e;box-shadow:0 30px 60px -44px rgba(0,0,0,.8)}
html.nh-dark .nx-pc:hover{border-color:#3a3a40;box-shadow:0 50px 90px -44px rgba(0,0,0,.9)}
html.nh-dark .nx-facts div{background:#1f1f22;border-color:#2a2a2e}
html.nh-dark .nx-tag{background:color-mix(in srgb,var(--acc) 18%,#18181a);color:color-mix(in srgb,var(--acc) 55%,#fff)}
html.nh-dark .nx-pcf{border-color:#2a2a2e}
html.nh-dark .nx-mock::after{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px)}
html.nh-dark .nx-mock.v{background:linear-gradient(135deg,#1a1b2e,#1c1a30)}
html.nh-dark .nx-mock.r{background:linear-gradient(135deg,#1f1a2e,#2a1a28)}
html.nh-dark .nx-mock.c{background:linear-gradient(135deg,#142624,#16222c)}
html.nh-dark .nx-mock.d{background:linear-gradient(135deg,#2a1820,#211a2c)}
html.nh-dark .nx-plate,html.nh-dark .nx-sto,html.nh-dark .nx .nx-dom ul,html.nh-dark .nx-dom .field{background:#1f1f22;box-shadow:0 30px 50px -24px rgba(0,0,0,.8)}
html.nh-dark .nx-gauge{background:#26262a}
html.nh-dark .nx-gauge em,html.nh-dark .nx-bays i{background:#2f2f35}
html.nh-dark .nx-sto .meter{background:#2a2a2e}
html.nh-dark .nx .nx-sto li,html.nh-dark .nx-dom li{border-color:#2a2a2e}
html.nh-dark .nx-plate .top span:last-child,html.nh-dark .nx-dom .ok{color:#4ade80}
html.nh-dark .nx-plate .top span:last-child{background:rgba(34,197,94,.14)}
html.nh-dark .nx-btn-o{background:#1f1f22;border-color:#3a3a40;color:#ececee}
html.nh-dark .nx-dark{background:#0c0c0e}
html.nh-dark .nx-dark::before{opacity:.45}
html.nh-dark .nx-tile.dk,html.nh-dark .nx-rs{background:linear-gradient(155deg,#18181a,#1c1c24)}
html.nh-dark .nx-tile.vi{background:linear-gradient(160deg,#1b1a26,#1e1b2c);border-color:#2b2840}
html.nh-dark .nx-tile.pk{background:linear-gradient(160deg,#241a20,#2a1b24);border-color:#3a2530}
html.nh-dark .nx-tile.gr{background:linear-gradient(160deg,#16201a,#172419);border-color:#22362a}
html.nh-dark .nx .nx-bk,html.nh-dark .nx-seg .s,html.nh-dark .nx-seg .c{background:#1f1f22;box-shadow:0 14px 30px -20px rgba(0,0,0,.8)}
html.nh-dark .nx .nx-bk li{border-color:#2a2a2e}
html.nh-dark .nx-bk li span.rs{background:rgba(236,72,153,.16);color:#f9a8d4}
html.nh-dark .nx-seg .c b{background:rgba(34,197,94,.16);color:#86efac}
html.nh-dark .nx-steps li::after{background:#3b3360}
html.nh-dark .nx-st:hover{background:#1c1c1f}
html.nh-dark .nx-st.on{background:#18181a;border-color:#2a2a2e}
html.nh-dark .nx-st .no{background:#1f1f22}
html.nh-dark .nx-st .pr{background:#2a2a2e}
html.nh-dark .nx-call{background:#1f1f22;color:#ececee;border:1px solid #3a3a40}
html.nh-dark .nx-frame{box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 8px rgba(255,255,255,.02)}
html.nh-dark .nx-chl a:hover{background:#1f1f22}
html.nh-dark .nx-chl .ic{filter:saturate(.9) brightness(.92)}
html.nh-dark .nx-chl .chip{filter:brightness(.95)}
html.nh-dark .nx-on-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.nx-live{background:rgba(34,197,94,.16);color:#86efac}
html.nh-dark .nx-stars.sm i{background:#3a3a40}
html.nh-dark .nx-rc .game{background:rgba(129,140,248,.14);color:#c7d2fe}
html.nh-dark .nx-faql details[open]{border-color:#3b3d6b}
html.nh-dark .nx-faql summary::after{background-color:#24243a}
html.nh-dark .nx-faql details[open] summary::after{background-color:#2e2f55}
html.nh-dark .nx-biz::before{opacity:.9}

html.nh-dark .nx-seg2,html.nh-dark .nx-proj button{background:#18181a;border-color:#2a2a2e}
html.nh-dark .nx-proj button.on{background:#221d36;border-color:#7c3aed;color:#c4b5fd}
html.nh-dark .nx-plan,html.nh-dark .nx-vp,html.nh-dark .nx-vcust{background:#18181a;border-color:#2a2a2e}
html.nh-dark .nx-plan.rec{background:linear-gradient(#18181a,#18181a) padding-box,var(--grad) border-box}
html.nh-dark .nx-plan .nx-btn-o,html.nh-dark .nx-vp .nx-btn-o{background:#1f1f22}
html.nh-dark .nx-plan.rec .nx-btn-o,html.nh-dark .nx-vp.rec .nx-btn-o,html.nh-dark .nx-vp.hit .nx-btn-o{background:var(--grad)}
html.nh-dark .nx .nx-spec2 li{border-color:#26262a}
html.nh-dark .nx-xtra i{background:#24243a;color:#c7d2fe}
html.nh-dark .nx-planfoot div,html.nh-dark .nx-vp .sp div{background:#1f1f22;border-color:#2a2a2e}
html.nh-dark .nx-vp .tag2{background:#2a2340;color:#c4b5fd}
html.nh-dark .nx-vcust{border-color:#3a3a40}
html.nh-dark .nx-vcust .ic{background:#221d36}
html.nh-dark .nx-bench{background:linear-gradient(155deg,#18181a,#1c1c24)}
html.nh-dark .nx-seg2 button small{background:rgba(34,197,94,.16);color:#86efac}

/* ---------- Markenschicht im Dunkelmodus ---------- */
html.nh-dark .nx{--grad:linear-gradient(135deg,#2a3a6c,#34477d);--dark-a:linear-gradient(160deg,#151a28,#1a2033);--dark-b:linear-gradient(160deg,#151a28,#1a2033);--steel:#1f2433;--steel2:#272d3f}
html.nh-dark .nx .nx-eb{background:none;border:0;color:#c3c9d6}
html.nh-dark .nx .nx-eb::before{background:linear-gradient(135deg,#dfe4ee 0 57%,#6f7786 57%)}
html.nh-dark .nx .g{-webkit-text-fill-color:#8d96a6;color:#8d96a6}
html.nh-dark .nx .nx-btn-p{background:#e6e9f0;color:#131E3E !important;box-shadow:none}
html.nh-dark .nx .nx-btn-p:hover{background:#fff}
html.nh-dark .nx .nx-pc .nx-btn-o{background:#e6e9f0;border-color:#e6e9f0;color:#131E3E}
html.nh-dark .nx .nx-chl .ic,html.nh-dark .nx .nx-chl .chip:not(.nx-live){background:#1f2433 !important;color:#c9cfdc !important}
html.nh-dark .nx-tag,html.nh-dark .nx-xtra i,html.nh-dark .nx-vp .tag2,html.nh-dark .nx-vcust .ic,html.nh-dark .nx-rc .game,html.nh-dark .nx-bk li span.rs,html.nh-dark .nx-seg .c b{background:#1f2433;color:#c9cfdc}
html.nh-dark .nx-proj button.on{background:#1f2433;border-color:#5b6b99;color:#dfe4ee}
html.nh-dark .nx-vp.hit{border-color:#6b7aa6;box-shadow:0 0 0 4px rgba(107,122,166,.18)}
html.nh-dark .nx-vp.rec{border-color:#3a4258}
html.nh-dark .nx-mock.v,html.nh-dark .nx-mock.r,html.nh-dark .nx-mock.c,html.nh-dark .nx-mock.d{background:linear-gradient(160deg,#17181d,#1c1e26)}
html.nh-dark .nx-tile.vi,html.nh-dark .nx-tile.pk,html.nh-dark .nx-tile.gr{background:#18181a;border-color:#2a2a2e}
html.nh-dark .nx-steps li::after{background:#2c3346}
html.nh-dark .nx-steps li::before{background:#c9cfdc;box-shadow:0 0 0 4px rgba(201,207,220,.12)}
html.nh-dark .nx-seg .s::before{background:#3a4a7a}
html.nh-dark .nx-faql details[open]{border-color:#3a4258}
html.nh-dark .nx-faql summary::after{background-color:#1f2433;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9cfdc' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}
html.nh-dark .nx-faql details[open] summary::after{background-color:#272d3f}
html.nh-dark .nx-gauge em b,html.nh-dark .nx-bays i::after{background:#8d9ac0}
html.nh-dark .nx-dom .field span::after{background:#c9cfdc}
html.nh-dark .nx-allbtn{background:#18181a;border-color:#3a3a40;color:#ececee}
html.nh-dark .nx-pf svg{color:#7d7d85}
html.nh-dark .nx-chl a:hover,html.nh-dark .nx-st:hover{background:#1f1f22}
html.nh-dark .nx .nx-rc .av{background:#2a3a6c !important}
html.nh-dark .nx-tnote a{color:#c9cfdc}

/* ---------- Akzent im Dunkelmodus ---------- */
html.nh-dark .nx{--grad:linear-gradient(135deg,#3463ee,#2347b8);--tint:#1a2340;--tint2:#22305a}
html.nh-dark .nx .g{-webkit-text-fill-color:#8FB0FF;color:#8FB0FF}
html.nh-dark .nx .nx-eb::before{background:linear-gradient(135deg,#dfe4ee 0 57%,#5b84f5 57%)}
html.nh-dark .nx .nx-btn-p{background:#3463ee;color:#fff !important}
html.nh-dark .nx .nx-btn-p:hover{background:#4a76f4}
html.nh-dark .nx .nx-pc .nx-btn-o{background:#3463ee;border-color:#3463ee;color:#fff}
html.nh-dark .nx .nx-chl .ic,html.nh-dark .nx .nx-chl .chip:not(.nx-live){background:#1a2340 !important;color:#a9c1ff !important}
html.nh-dark .nx-tag,html.nh-dark .nx-xtra i,html.nh-dark .nx-vp .tag2,html.nh-dark .nx-vcust .ic,html.nh-dark .nx-rc .game,html.nh-dark .nx-bk li span.rs,html.nh-dark .nx-seg .c b{background:#1a2340;color:#a9c1ff}
html.nh-dark .nx-proj button.on{background:#1a2340;border-color:#3463ee;color:#cfdcff}
html.nh-dark .nx-vp.hit{border-color:#3463ee;box-shadow:0 0 0 4px rgba(52,99,238,.22)}
html.nh-dark .nx-tile.vi{background:linear-gradient(160deg,#171c2c,#1a2136);border-color:#26304d}
html.nh-dark .nx-mock.v,html.nh-dark .nx-mock.r,html.nh-dark .nx-mock.c,html.nh-dark .nx-mock.d{background:linear-gradient(160deg,#151a2a,#1a2238)}
html.nh-dark .nx-steps li::before{background:#5b84f5;box-shadow:0 0 0 4px rgba(91,132,245,.18)}
html.nh-dark .nx-steps li::after{background:#26304d}
html.nh-dark .nx-seg .s::before{background:#3463ee}
html.nh-dark .nx-gauge em b,html.nh-dark .nx-bays i::after{background:#5b84f5}
html.nh-dark .nx-dom .field span::after{background:#8FB0FF}
html.nh-dark .nx-faql details[open]{border-color:#2f3f70}
html.nh-dark .nx-faql summary::after{background-color:#1a2340;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9c1ff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}
html.nh-dark .nx-allbtn{color:#a9c1ff}
html.nh-dark .nx-pf svg,html.nh-dark .nx-tnote a{color:#8FB0FF}
html.nh-dark .nx .nx-rc .av{background:#3463ee !important}
html.nh-dark .nx-dark::before{opacity:.6}