




.nkv .nkv-t2-marke {
  display: inline-flex; align-items: center; gap: 4px; padding: 0 7px; border: 1px solid var(--ton-l); border-radius: var(--r-rund);
  background: var(--ton-f); color: var(--ton-t); font-size: 11.5px; font-weight: 600; line-height: 1.7;
}
.nkv .nkv-t2-marke .nkv-ic { width: 12px; height: 12px; color: var(--ton); }
.nkv .nkv-mono { font-family: var(--mono); }

.nkv.nkv :is(.nkv-tm-aus, .nkv-hx-koerper) { border: 0; border-radius: 0; box-shadow: none; }


.nkv .nkv-st { display: flex; flex-direction: column; gap: 8px; }
.nkv .nkv-st-kopf {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 9px 12px; border: 1px solid var(--ton-l);
  ; border-radius: var(--r-1); background: var(--ton-f);
}
.nkv .nkv-st-typ { display: inline-flex; align-items: center; gap: 6px; color: var(--ton-t); font-weight: 600; }
.nkv .nkv-st-typ .nkv-ic { width: 15px; height: 15px; flex: none; color: var(--ton); align-self: center; }
.nkv.nkv .nkv-st-typ code { padding: 0; background: none; font-size: 13.5px; font-weight: 700; color: var(--ton-t); overflow-wrap: anywhere; }
.nkv .nkv-st-msg { min-width: 0; font-family: var(--mono); font-size: 12.5px; color: var(--text); overflow-wrap: anywhere; }
.nkv .nkv-st-zeile { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 12px; color: var(--text-3); }
.nkv .nkv-st-spr { padding: 0 8px; border: 1px solid var(--linie-stark); border-radius: var(--r-rund); font-family: var(--mono); font-size: 11.5px; color: var(--text-2); }
.nkv.nkv .nkv-st-liste { display: flex; flex-direction: column; gap: 2px; }
.nkv.nkv .nkv-st-r { position: relative; padding: 5px 10px 5px 14px; border-left: 2px solid var(--linie-stark); }
.nkv.nkv .nkv-st-eigen { border-left-color: var(--text-3); }
.nkv.nkv .nkv-st-fremd { opacity: .82; }
.nkv.nkv .nkv-st-ab { border: 1px solid color-mix(in srgb, var(--ton) 50%, transparent); background: var(--ton-f); border-radius: var(--r-1); opacity: 1; }
.nkv .nkv-st-rk { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; min-width: 0; }
.nkv.nkv .nkv-st-fn { padding: 0; background: none; font-size: 12.5px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv .nkv-st-ort { min-width: 0; font-family: var(--mono); font-size: 12px; color: var(--text-2); overflow-wrap: anywhere; }
.nkv .nkv-st-ab-w { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--ton-t); }
.nkv .nkv-st-ab-w .nkv-ic { width: 12px; height: 12px; color: var(--ton); }
.nkv .nkv-st-code {
  margin-top: 3px; padding: 2px 8px; border-radius: 4px; background: var(--flaeche-3); font-family: var(--mono); font-size: 12px;
  color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere;
}
.nkv.nkv .nkv-st-gruppe details > summary { cursor: pointer; padding: 4px 10px 4px 14px; border-left: 2px dashed var(--linie-stark); font-size: 12px; color: var(--text-3); }
.nkv.nkv .nkv-st-gruppe details > summary:hover { color: var(--text); }
.nkv.nkv .nkv-st-gruppe details[open] > summary { margin-bottom: 2px; }
.nkv .nkv-st-ab2 { margin-top: 4px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.nkv.nkv .nkv-st-kette, .nkv.nkv .nkv-st-sonst { display: flex; flex-direction: column; gap: 3px; }
.nkv.nkv .nkv-st-kette code, .nkv.nkv .nkv-st-sonst code { padding: 0; background: none; font-size: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
.nkv.nkv .nkv-st-sonst code { color: var(--text-3); }


.nkv .nkv-lg { display: flex; flex-direction: column; gap: 8px; }
.nkv .nkv-lg-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 12px; color: var(--text-2); }
.nkv .nkv-lg-z-n { display: inline-flex; align-items: baseline; gap: 4px; padding: 0 8px; border: 1px solid var(--ton-l); border-radius: var(--r-rund); background: var(--ton-f); color: var(--ton-t); line-height: 1.7; }
.nkv .nkv-lg-z-n .nkv-zahl { font-weight: 700; }
.nkv .nkv-lg-schalter { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; cursor: pointer; color: var(--text-2); }
.nkv .nkv-lg-schalter input { margin: 0; accent-color: var(--p); }
.nkv.nkv .nkv-lg-liste { display: flex; flex-direction: column; font-family: var(--mono); font-size: 12px; line-height: 1.5; }
.nkv.nkv .nkv-lg-z {
  display: grid; grid-template-columns: auto auto auto minmax(0, 1fr); column-gap: 10px; align-items: baseline;
  padding: 3px 6px; border-top: 1px solid var(--linie);
}
.nkv.nkv .nkv-lg-z:first-child { border-top: 0; }
.nkv.nkv .nkv-lg-error, .nkv.nkv .nkv-lg-fatal { background: var(--fehler-flaeche); }
.nkv.nkv .nkv-lg-erst { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fehler) 50%, transparent); }
.nkv .nkv-lg-zeit { color: var(--text-3); white-space: nowrap; }
.nkv .nkv-lg-st {
  justify-self: start; min-width: 44px; padding: 0 6px; border: 1px solid var(--ton-l); border-radius: 4px; background: var(--ton-f);
  color: var(--ton-t); font-size: 11px; font-weight: 700; text-align: center; line-height: 1.6;
}
.nkv .nkv-lg-q { color: var(--text-2); white-space: nowrap; max-width: 22ch; overflow: hidden; text-overflow: ellipsis; }
.nkv .nkv-lg-q:empty, .nkv .nkv-lg-zeit:empty { display: none; }
.nkv .nkv-lg-t { min-width: 0; color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere; }
.nkv .nkv-lg-folge { grid-column: 1 / -1; padding: 2px 0 2px 18px; color: var(--text-2); }
.nkv .nkv-lg-f { white-space: pre-wrap; overflow-wrap: anywhere; }
.nkv .nkv-lg:has(.nkv-lg-filter:checked) :is(.nkv-lg-info, .nkv-lg-debug, .nkv-lg-trace, .nkv-lg-ohne) { display: none; }
@container (max-width: 560px) {
  .nkv.nkv .nkv-lg-z { grid-template-columns: auto minmax(0, 1fr); row-gap: 1px; }
  .nkv .nkv-lg-zeit { grid-column: 2; grid-row: 1; }
  .nkv .nkv-lg-st { grid-column: 1; grid-row: 1; }
  .nkv .nkv-lg-q { grid-column: 1 / -1; max-width: none; }
  .nkv .nkv-lg-t { grid-column: 1 / -1; }
}


.nkv .nkv-hx { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.nkv .nkv-hx-zwei { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; }
.nkv .nkv-hx-karte { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 10px 12px; border: 1px solid var(--linie); border-radius: var(--r-1); background: var(--nkv-karte); }
.nkv .nkv-hx-wer { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.nkv .nkv-hx-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.nkv .nkv-hx-m {
  padding: 1px 8px; border: 1px solid var(--ton); border-radius: 4px; background: var(--ton-f); color: var(--ton-t);
  font-family: var(--mono); font-size: 11.5px; font-weight: 700; line-height: 1.6;
}
.nkv.nkv .nkv-hx-ziel { padding: 0; background: none; font-size: 12.5px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv .nkv-hx-v { font-size: 12px; color: var(--text-3); }
.nkv .nkv-hx-status {
  display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border: 1px solid var(--ton-l); border-radius: var(--r-1);
  background: var(--ton-f); color: var(--ton-t); font-weight: 600;
}
.nkv .nkv-hx-status .nkv-zahl { font-family: var(--mono); font-size: 15px; font-weight: 700; }
.nkv .nkv-hx-status .nkv-ic { width: 14px; height: 14px; color: var(--ton); }
.nkv.nkv .nkv-hx-kopf { width: 100%; font-size: 12px; }
.nkv.nkv .nkv-hx-kopf th, .nkv.nkv .nkv-hx-kopf td { padding: 2px 8px 2px 0; vertical-align: top; border-top: 1px solid var(--linie); }
.nkv.nkv .nkv-hx-kopf tr:first-child > * { border-top: 0; }
.nkv.nkv .nkv-hx-kopf th { width: 1%; white-space: nowrap; }
.nkv.nkv .nkv-hx-kopf th code { padding: 0; background: none; font-weight: 600; color: var(--text-2); }
.nkv.nkv .nkv-hx-kopf td code { padding: 0; background: none; color: var(--text); overflow-wrap: anywhere; white-space: pre-wrap; }
.nkv.nkv .nkv-hx-mehr > summary, .nkv.nkv .nkv-hx-info > summary { cursor: pointer; font-size: 12px; color: var(--text-3); }
.nkv.nkv .nkv-hx-koerper {
  margin: 0; padding: 6px 10px; border-radius: 4px; background: var(--flaeche-3); font-family: var(--mono); font-size: 12px; line-height: 1.5;
  color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 260px; overflow: auto;
}
.nkv .nkv-hx-pfeil { align-self: center; color: var(--text-3); }
.nkv .nkv-hx-pfeil .nkv-ic { width: 18px; height: 18px; }
.nkv .nkv-hx-info { grid-column: 1 / -1; }
@container (max-width: 600px) {
  .nkv .nkv-hx-zwei { grid-template-columns: minmax(0, 1fr); }
  .nkv .nkv-hx-pfeil { justify-self: center; transform: rotate(90deg); }
}


.nkv .nkv-tm { display: flex; flex-direction: column; gap: 6px; }
.nkv.nkv .nkv-tm-shell { margin: 0; }
.nkv .nkv-tm-shell span { display: inline-block; padding: 0 9px; border: 1px solid var(--linie-stark); border-radius: var(--r-rund); font-size: 12px; line-height: 1.6; color: var(--text-2); }
.nkv.nkv .nkv-tm-liste { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border-radius: var(--r-1); background: var(--flaeche-3); }
.nkv.nkv .nkv-tm-s { display: flex; flex-direction: column; gap: 3px; padding-left: 8px; border: 1px solid transparent; border-radius: 8px; padding-right: 8px;}
.nkv.nkv .nkv-tm-fehler { border-color: color-mix(in srgb, var(--ton) 50%, transparent); }
.nkv .nkv-tm-ein { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.nkv .nkv-tm-p { flex: none; padding-top: 2px; font-family: var(--mono); font-size: 12.5px; color: var(--text-3); user-select: none; }
.nkv.nkv .nkv-tm-b {
  flex: 1 1 auto; min-width: 0; padding: 2px 0; background: none; font-size: 12.5px; font-weight: 600; color: var(--text);
  white-space: pre-wrap; overflow-wrap: anywhere;
}
.nkv.nkv .nkv-tm-aus {
  margin: 0 0 0 4px; padding: 0 0 0 10px; border-left: 1px solid var(--linie-stark); font-family: var(--mono); font-size: 12px;
  line-height: 1.5; color: var(--text-2); white-space: pre-wrap; overflow-wrap: anywhere; background: none;
}
.nkv .nkv-tm-w { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; color: var(--ton-t); }
.nkv .nkv-tm-w .nkv-ic { width: 13px; height: 13px; color: var(--ton); }


.nkv .nkv-ce { display: flex; flex-direction: column; gap: 10px; }
.nkv .nkv-ce-spr { align-self: flex-start; padding: 0 8px; border: 1px solid var(--linie-stark); border-radius: var(--r-rund); font-size: 11.5px; color: var(--text-2); }
.nkv .nkv-ce-rolle { overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--linie); border-radius: var(--r-1); background: var(--nkv-karte); }
.nkv .nkv-ce-rolle:focus-visible { outline: 2px solid var(--p); outline-offset: -2px; }
.nkv.nkv .nkv-ce-tab { width: auto; min-width: 100%; font-family: var(--mono); font-size: 12.5px; line-height: 1.55; }
.nkv.nkv .nkv-ce-tab td { vertical-align: top; }
.nkv.nkv .nkv-ce-tab .nkv-ce-nr { width: 1%; min-width: 30px; padding: 0 8px 0 10px; text-align: right; color: var(--text-3); user-select: none; border-right: 1px solid var(--linie); }
.nkv.nkv .nkv-ce-tab .nkv-ce-c { padding: 0 12px 0 10px; white-space: pre; color: var(--text); }
.nkv.nkv .nkv-ce-tab .nkv-ce-m { width: 1%; padding: 0 8px 0 0; white-space: nowrap; }
.nkv.nkv .nkv-ce-an > td { background: var(--p-flaeche); }
.nkv .nkv-ce-kreis {
  display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; margin-left: 3px; padding: 0 4px;
  box-sizing: border-box; border-radius: var(--r-rund); background: var(--p); color: var(--auf-farbe);
  font-family: var(--sans, inherit); font-size: 11px; font-weight: 700; line-height: 1;
}
.nkv.nkv .nkv-ce-legende { display: flex; flex-direction: column; gap: 6px; }
.nkv.nkv .nkv-ce-l { display: flex; align-items: flex-start; gap: 8px; }
.nkv .nkv-ce-l .nkv-ce-kreis { margin: 1px 0 0; flex: none; }
.nkv .nkv-ce-lt { min-width: 0; overflow-wrap: anywhere; }
.nkv .nkv-ce-wo { font-size: 11.5px; color: var(--text-3); white-space: nowrap; }


.nkv .nkv-ab { display: flex; flex-direction: column; gap: 8px; }
.nkv .nkv-ab-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 12px; color: var(--text-2); }
.nkv.nkv .nkv-ab-wurzel { font-weight: 600; color: var(--text); }
.nkv .nkv-ab-sum .nkv-zahl { font-weight: 700; color: var(--text); }
.nkv .nkv-ab-k { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--ton-t); }
.nkv .nkv-ab-k .nkv-ic, .nkv .nkv-ab-kw .nkv-ic { width: 13px; height: 13px; color: var(--ton); }
.nkv.nkv .nkv-ab-baum { display: flex; flex-direction: column; font-size: 12.5px; line-height: 1.5; }
.nkv.nkv .nkv-ab-z {
  position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-width: 0;
  padding: 2px 6px 2px calc(var(--e, 0) * 18px + 16px);
}

.nkv.nkv .nkv-ab-z::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 4px; width: calc(var(--e, 0) * 18px + 8px);
  background: repeating-linear-gradient(to right, var(--linie-stark) 0 1px, transparent 1px 18px);
}
.nkv.nkv .nkv-ab-z::after {
  content: ""; position: absolute; top: 50%; left: calc(var(--e, 0) * 18px + 4px); width: 8px; height: 1px; background: var(--linie-stark);
}
.nkv.nkv .nkv-ab-n { padding: 0; background: none; font-weight: 600; color: var(--text); }
.nkv .nkv-ab-v { padding: 0 6px; border-radius: 4px; background: var(--flaeche-3); font-family: var(--mono); font-size: 11.5px; color: var(--text-2); }
.nkv .nkv-ab-no { font-size: 12px; color: var(--text-3); overflow-wrap: anywhere; }
.nkv.nkv .nkv-ab-konf { background: var(--ton-f); border-radius: 4px; }
.nkv.nkv .nkv-ab-konf .nkv-ab-v { background: var(--nkv-karte); color: var(--ton-t); font-weight: 600; }
.nkv .nkv-ab-kw { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; font-weight: 600; color: var(--ton-t); }
.nkv.nkv .nkv-ab-dopp .nkv-ab-n { font-weight: 400; color: var(--text-3); }
.nkv .nkv-ab-dw { font-size: 11.5px; color: var(--text-3); font-style: italic; }
.nkv.nkv .nkv-ab-kl { display: flex; flex-direction: column; gap: 3px; padding-top: 6px; border-top: 1px solid var(--linie); font-size: 12px; color: var(--text-2); }


.nkv .nkv-wt { overflow-x: auto; }
.nkv.nkv .nkv-wt-tab { width: auto; min-width: 50%; text-align: center; font-size: 12.5px; }
.nkv.nkv .nkv-wt-tab th {
  padding: 4px 14px 6px; border-bottom: 1px solid var(--linie-stark); text-align: center; font-weight: 600; color: var(--text); vertical-align: bottom;
}
.nkv.nkv .nkv-wt-tab td { padding: 3px 14px; text-align: center; border-bottom: 1px solid var(--linie); }
.nkv.nkv .nkv-wt-tab .nkv-wt-grenze { border-left: 2px solid var(--linie-stark); }
.nkv .nkv-wt-f { display: block; margin-top: 1px; font-family: var(--mono); font-size: 11px; font-weight: 400; color: var(--text-3); }
.nkv.nkv .nkv-wt-1 { background: var(--ok-flaeche); color: var(--ok-tief); font-weight: 700; }
.nkv.nkv .nkv-wt-0 { color: var(--text-3); }
.nkv.nkv .nkv-wt-tab .nkv-wt-a.nkv-wt-1 { background: var(--p-flaeche); color: var(--p-tief); }
.nkv.nkv .nkv-wt-tab tr[data-nkv-bezug]:hover > td { box-shadow: inset 0 1px 0 var(--p), inset 0 -1px 0 var(--p); }
.nkv.nkv .nkv-wt-tab tr[data-nkv-bezug]:hover { box-shadow: none; }


.nkv .nkv-ko { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: 14px 20px; align-items: start; }
.nkv .nkv-ko-bild { min-width: 0; }
.nkv .nkv-svg .nkv-ko-achse { stroke: var(--linie-stark); stroke-width: 1; }
.nkv .nkv-svg .nkv-ko-ax { fill: var(--text-3); font-size: 11px; }
.nkv .nkv-svg .nkv-ko-kurve { fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.nkv .nkv-ko-rechts { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nkv .nkv-ko-hin { font-size: 11px; color: var(--text-3); }
.nkv.nkv .nkv-ko-liste { display: flex; flex-direction: column; gap: 4px; }
.nkv.nkv .nkv-ko-z { display: flex; align-items: flex-start; gap: 8px; padding: 3px 0; }
.nkv .nkv-ko-farbe { flex: none; width: 12px; height: 4px; margin-top: 8px; border-radius: 2px; }
.nkv .nkv-ko-t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-width: 0; }
.nkv .nkv-ko-n { font-weight: 600; color: var(--text); }
.nkv.nkv .nkv-ko-o { font-weight: 600; }
.nkv .nkv-ko-s { font-size: 12px; color: var(--text-2); }
.nkv .nkv-ko-no { flex-basis: 100%; font-size: 12px; color: var(--text-3); }
@container (max-width: 560px) {
  .nkv .nkv-ko { grid-template-columns: minmax(0, 1fr); }
}


.nkv .nkv-bf { display: flex; flex-direction: column; gap: 10px; }
.nkv .nkv-bf-rolle { overflow-x: auto; overscroll-behavior-x: contain; }
.nkv .nkv-bf-rolle:focus-visible { outline: 2px solid var(--p); outline-offset: 2px; }
.nkv .nkv-bf-raster { display: flex; flex-direction: column; gap: 3px; min-width: calc(var(--breite, 32) * 15px); }
.nkv .nkv-bf-lineal, .nkv .nkv-bf-zeile { display: grid; column-gap: 0; }
.nkv .nkv-bf-nr { font-family: var(--mono); font-size: 11px; line-height: 1.4; text-align: center; color: var(--text-3); }
.nkv .nkv-bf-byte { color: var(--text-2); font-weight: 600; }
.nkv .nkv-bf-feld {
  position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 0; min-height: 38px;
  padding: 3px 4px; box-sizing: border-box; border: 1px solid var(--linie-stark); border-top: 3px solid var(--c, var(--p));
  background: var(--nkv-karte); text-align: center; overflow: hidden;
}
.nkv .nkv-bf-feld + .nkv-bf-feld { border-left: 0; }
.nkv .nkv-bf-name { max-width: 100%; font-size: 12px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nkv .nkv-bf-bits { font-size: 11px; color: var(--text-3); }
.nkv.nkv .nkv-bf-leg { width: 100%; font-size: 12.5px; }
.nkv.nkv .nkv-bf-leg th { padding: 3px 10px 4px 0; border-bottom: 1px solid var(--linie-stark); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); }
.nkv.nkv .nkv-bf-leg td { padding: 3px 10px 3px 0; border-bottom: 1px solid var(--linie); vertical-align: top; overflow-wrap: anywhere; }
.nkv .nkv-bf-farbe { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 2px; vertical-align: -1px; }
.nkv .nkv-bf-sum { font-size: 12.5px; color: var(--text-2); }
.nkv .nkv-bf-sum .nkv-zahl { font-weight: 700; color: var(--text); }


.nkv .nkv-rx { display: flex; flex-direction: column; gap: 10px; }
.nkv .nkv-rx-muster {
  padding: 8px 12px; border: 1px solid var(--linie); border-radius: var(--r-1); background: var(--nkv-karte);
  font-family: var(--mono); font-size: 15px; line-height: 1.7; overflow-x: auto; white-space: pre;
}
.nkv .nkv-rx-s { padding: 1px 1px; border-bottom: 2px solid var(--ton); color: var(--ton-t); }
.nkv .nkv-rx-s + .nkv-rx-s { margin-left: 2px; }
.nkv .nkv-rx-text { border-bottom-color: transparent; color: var(--text); }
.nkv .nkv-rx-l { border-bottom: 2px dotted var(--linie-stark); color: var(--text-3); }
.nkv .nkv-rx-fl { font-size: 12px; color: var(--text-2); }
.nkv.nkv .nkv-rx-leg { display: flex; flex-direction: column; gap: 4px; }
.nkv.nkv .nkv-rx-z { display: grid; grid-template-columns: minmax(48px, max-content) 104px minmax(0, 1fr); column-gap: 10px; align-items: baseline; }
.nkv.nkv .nkv-rx-c { justify-self: start; padding: 0 6px; background: var(--ton-f); color: var(--ton-t); font-weight: 600; white-space: pre; }
.nkv .nkv-rx-art { font-size: 11.5px; color: var(--text-3); }
.nkv .nkv-rx-b { min-width: 0; overflow-wrap: anywhere; }
.nkv.nkv .nkv-rx-bsps { display: flex; flex-wrap: wrap; gap: 6px; }
.nkv.nkv .nkv-rx-bsp {
  display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px 2px 6px; border: 1px solid var(--ton-l); border-radius: var(--r-rund);
  background: var(--ton-f); font-size: 12px; color: var(--ton-t);
}
.nkv .nkv-rx-bsp .nkv-ic { width: 13px; height: 13px; color: var(--ton); stroke-width: 2; }
.nkv.nkv .nkv-rx-bsp code { padding: 0; background: none; color: var(--text); }
@container (max-width: 520px) {
  .nkv.nkv .nkv-rx-z { grid-template-columns: minmax(48px, max-content) minmax(0, 1fr); }
  .nkv .nkv-rx-art { grid-column: 2; }
  .nkv .nkv-rx-b { grid-column: 1 / -1; }
}


.nkv .nkv-pp { display: flex; flex-direction: column; gap: 8px; }
.nkv .nkv-pp-aus { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; font-size: 12px; color: var(--text-2); }
.nkv .nkv-pp-aus .nkv-ic { width: 13px; height: 13px; color: var(--text-3); }
.nkv .nkv-pp-rolle { overflow-x: auto; overscroll-behavior-x: contain; padding-bottom: 2px; }
.nkv .nkv-pp-rolle:focus-visible { outline: 2px solid var(--p); outline-offset: 2px; }
.nkv.nkv .nkv-pp-reihe { display: flex; align-items: stretch; gap: 6px; }
.nkv.nkv .nkv-pp-stufe {
  display: flex; flex-direction: column; gap: 8px; flex: 1 0 150px; max-width: 240px; padding: 8px 10px;
  border: 1px solid var(--linie); border-radius: var(--r-1); background: var(--nkv-karte);
}
.nkv .nkv-pp-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.nkv .nkv-pp-sn { font-weight: 600; color: var(--text); }
.nkv .nkv-pp-stand { font-size: 11.5px; font-weight: 600; color: var(--ton-t); white-space: nowrap; }
.nkv.nkv .nkv-pp-jobs { display: flex; flex-direction: column; gap: 4px; }
.nkv.nkv .nkv-pp-job {
  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 6px; align-items: center; padding: 3px 8px;
  border: 1px solid var(--ton-l); border-radius: var(--r-1); background: var(--ton-f);
}
.nkv .nkv-pp-job .nkv-ic { grid-row: 1 / span 2; width: 14px; height: 14px; color: var(--ton); stroke-width: 2; }
.nkv .nkv-pp-jn { min-width: 0; font-family: var(--mono); font-size: 12px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv .nkv-pp-js { font-size: 11px; color: var(--ton-t); }
.nkv.nkv .nkv-pp-nicht_erreicht { border-style: dashed; background: none; opacity: .75; }
.nkv.nkv .nkv-pp-pfeil { display: flex; align-items: center; color: var(--text-3); }
.nkv .nkv-pp-pfeil .nkv-ic { width: 16px; height: 16px; }

@container (max-width: 560px) {
  .nkv.nkv .nkv-pp-reihe { flex-direction: column; }
  .nkv.nkv .nkv-pp-stufe { flex: none; max-width: none; }
  .nkv.nkv .nkv-pp-pfeil { justify-content: center; }
  .nkv .nkv-pp-pfeil .nkv-ic { transform: rotate(90deg); }
}


.nkv .nkv-ks { display: flex; flex-direction: column; gap: 8px; }
.nkv .nkv-ks-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--text-2); }
.nkv .nkv-ks-sys { padding: 0 8px; border: 1px solid var(--linie-stark); border-radius: var(--r-rund); font-size: 11.5px; font-weight: 500; }
.nkv.nkv .nkv-ks-gruppen { display: flex; flex-direction: column; gap: 10px; }
.nkv .nkv-ks-gn { margin-bottom: 4px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.nkv.nkv .nkv-ks-liste { display: flex; flex-direction: column; }
.nkv.nkv .nkv-ks-z {
  display: grid; grid-template-columns: 236px minmax(0, 1fr); column-gap: 16px; align-items: center;
  padding: 5px 0; border-top: 1px solid var(--linie);
}
.nkv.nkv .nkv-ks-z:first-child { border-top: 0; }
.nkv .nkv-ks-tasten { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.nkv .nkv-ks-akk { display: inline-flex; align-items: center; gap: 3px; }
.nkv .nkv-ks-k {
  display: inline-block; min-width: 22px; padding: 1px 7px; box-sizing: border-box; border: 1px solid var(--linie-stark); border-bottom-width: 2px;
  border-radius: 5px; background: var(--nkv-karte); font-family: var(--mono); font-size: 12px; font-weight: 600; line-height: 1.5;
  text-align: center; color: var(--text);
}
.nkv .nkv-ks-mod { color: var(--text-2); font-weight: 500; }
.nkv .nkv-ks-plus { font-size: 11px; color: var(--text-3); }
.nkv .nkv-ks-dann { font-size: 11px; color: var(--text-3); }
.nkv .nkv-ks-w { min-width: 0; overflow-wrap: anywhere; }
@container (max-width: 520px) {
  .nkv.nkv .nkv-ks-z { grid-template-columns: minmax(0, 1fr); row-gap: 3px; }
}


.nkv.nkv :is(.nkv-lg-z, .nkv-ks-z, .nkv-rx-z, .nkv-ko-z, .nkv-ce-l, .nkv-ab-z, .nkv-st-k)[data-nkv-bezug]:hover {
  background: var(--flaeche-3); box-shadow: -6px 0 0 var(--flaeche-3), 6px 0 0 var(--flaeche-3);
}
.nkv.nkv .nkv-ce-tab tr[data-nkv-bezug]:hover { box-shadow: none; }
.nkv.nkv .nkv-ce-tab tr[data-nkv-bezug]:hover > td { box-shadow: inset 0 1px 0 var(--p), inset 0 -1px 0 var(--p); }
