.nkv.nkv .nkv-schritte { display: flex; flex-direction: column; }



.nkv.nkv .nkv-schritt { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 12px; padding: 4px 8px; margin: 0 0 6px -8px; border-radius: var(--r-1); }
.nkv.nkv .nkv-schritt:last-child { margin-bottom: 0; }
.nkv.nkv .nkv-schritt:not(:last-child)::before {
  content: ""; position: absolute; left: 20px; top: 32px; bottom: -8px; width: 2px; background: var(--p-linie); border-radius: 1px;
}
.nkv.nkv .nkv-nr {
  display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%;
  background: var(--p-flaeche); color: var(--p-tief); border: 1px solid var(--p-linie); font-size: 12px; font-weight: 600;
}
.nkv.nkv .nkv-schritt-k { min-width: 0; padding-top: 2px; }
.nkv.nkv .nkv-schritt-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.nkv.nkv .nkv-schritt-t { font-weight: 600; color: var(--text); }
.nkv.nkv .nkv-schritt-x { margin-top: 2px; color: var(--text-2); }


.nkv.nkv .nkv-abl-mehr > summary {
  display: flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; list-style: none; color: var(--text-3);
}
.nkv.nkv .nkv-abl-mehr > summary::-webkit-details-marker { display: none; }
.nkv.nkv .nkv-abl-mehr > summary::before { content: "▸"; font-size: 10px; flex: none; transition: transform var(--d1) var(--ease-out); }
.nkv.nkv .nkv-abl-mehr[open] > summary::before { transform: rotate(90deg); }
.nkv.nkv .nkv-abl-mehr > summary:hover { color: var(--text-2); }
.nkv.nkv .nkv-abl-mehr > summary:focus-visible { outline: 2px solid var(--p); outline-offset: 2px; border-radius: 4px; }




.nkv.nkv .nkv-prz { display: grid; grid-template-columns: repeat(var(--n1), minmax(0, 1fr) 26px) minmax(0, 1fr); row-gap: 6px; }
.nkv.nkv .nkv-prz-n5, .nkv.nkv .nkv-prz-n6 { grid-template-columns: repeat(var(--n1), minmax(0, 1fr) 22px) minmax(0, 1fr); }
.nkv.nkv .nkv-prz-s { display: contents; }
.nkv.nkv .nkv-prz-karte {
  min-width: 0; display: flex; flex-direction: column; gap: 8px;
  background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1); padding: 10px 12px 12px;
}
.nkv.nkv .nkv-prz-nr {
  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%;
  background: var(--p-flaeche); color: var(--p-tief); border: 1px solid var(--p-linie); font-size: 12px; font-weight: 600; line-height: 1;
}
.nkv.nkv .nkv-prz-k { min-width: 0; }
.nkv.nkv .nkv-prz-t { font-weight: 600; color: var(--text); overflow-wrap: anywhere; hyphens: auto; }
.nkv.nkv .nkv-prz-x { margin-top: 2px; font-size: 12.5px; color: var(--text-2); overflow-wrap: anywhere; hyphens: auto; }

.nkv.nkv .nkv-prz-pf { align-self: start; justify-self: center; margin-top: 13px; width: 18px; height: 18px; display: flex; color: var(--text-3); }
.nkv.nkv .nkv-prz-pf .nkv-ic { width: 18px; height: 18px; }

.nkv.nkv .nkv-prz-v { grid-template-columns: minmax(0, 1fr); }
.nkv.nkv .nkv-prz-v .nkv-prz-karte { flex-direction: row; align-items: flex-start; gap: 12px; }
.nkv.nkv .nkv-prz-v .nkv-prz-pf { justify-self: start; margin: 0 0 0 13px; transform: rotate(90deg); }

@container (max-width: 719px) {
  .nkv.nkv :is(.nkv-prz-n6) { grid-template-columns: minmax(0, 1fr); }
  .nkv.nkv :is(.nkv-prz-n6) .nkv-prz-karte { flex-direction: row; align-items: flex-start; gap: 12px; }
  .nkv.nkv :is(.nkv-prz-n6) .nkv-prz-pf { justify-self: start; margin: 0 0 0 13px; transform: rotate(90deg); }
}
@container (max-width: 639px) {
  .nkv.nkv :is(.nkv-prz-n5) { grid-template-columns: minmax(0, 1fr); }
  .nkv.nkv :is(.nkv-prz-n5) .nkv-prz-karte { flex-direction: row; align-items: flex-start; gap: 12px; }
  .nkv.nkv :is(.nkv-prz-n5) .nkv-prz-pf { justify-self: start; margin: 0 0 0 13px; transform: rotate(90deg); }
}
@container (max-width: 559px) {
  .nkv.nkv :is(.nkv-prz-n4) { grid-template-columns: minmax(0, 1fr); }
  .nkv.nkv :is(.nkv-prz-n4) .nkv-prz-karte { flex-direction: row; align-items: flex-start; gap: 12px; }
  .nkv.nkv :is(.nkv-prz-n4) .nkv-prz-pf { justify-self: start; margin: 0 0 0 13px; transform: rotate(90deg); }
}
@container (max-width: 479px) {
  .nkv.nkv :is(.nkv-prz-n3) { grid-template-columns: minmax(0, 1fr); }
  .nkv.nkv :is(.nkv-prz-n3) .nkv-prz-karte { flex-direction: row; align-items: flex-start; gap: 12px; }
  .nkv.nkv :is(.nkv-prz-n3) .nkv-prz-pf { justify-self: start; margin: 0 0 0 13px; transform: rotate(90deg); }
}


.nkv.nkv .nkv-zlt { display: flex; flex-direction: column; }
.nkv.nkv .nkv-zlt-e, .nkv.nkv .nkv-zlt-mehr > summary {
  position: relative; display: grid; grid-template-columns: var(--wb, 64px) 14px minmax(0, 1fr); column-gap: 12px;
  grid-template-areas: "wann pkt k";
}


.nkv.nkv .nkv-zlt-e { padding: 4px 8px; margin: 0 0 12px -8px; border-radius: var(--r-1); }
.nkv.nkv .nkv-zlt-e:last-child { margin-bottom: 0; }
.nkv.nkv .nkv-zlt-weiter .nkv-zlt-e:last-child { margin-bottom: 10px; }
.nkv.nkv .nkv-zlt-wann { grid-area: wann; text-align: right; color: var(--text-2); font-size: 12.5px; padding-top: 2px; overflow-wrap: anywhere; }
.nkv.nkv .nkv-zlt-k { grid-area: k; min-width: 0; }
.nkv.nkv .nkv-zlt-pkt {
  grid-area: pkt; justify-self: center; box-sizing: border-box; width: 12px; height: 12px; margin-top: 5px; border-radius: 50%;
  background: var(--nkv-grund); border: 2px solid var(--p);
}
.nkv.nkv .nkv-zlt-ton .nkv-zlt-pkt { background: var(--ton); border-color: var(--ton); }
.nkv.nkv .nkv-zlt-pkt-mehr { width: 8px; height: 8px; margin-top: 7px; border: 2px solid var(--linie-stark); background: var(--nkv-grund); }

.nkv.nkv .nkv-zlt-e:not(:last-child)::after, .nkv.nkv .nkv-zlt-weiter .nkv-zlt-e:last-child::after,
.nkv.nkv .nkv-zlt-mehr[open] > summary::after {
  content: ""; position: absolute; left: calc(var(--wb, 64px) + 12px + 6px); top: 19px; bottom: -3px; width: 2px;
  background: var(--linie-stark); border-radius: 1px;
}

.nkv.nkv .nkv-zlt-e:not(:last-child)::after, .nkv.nkv .nkv-zlt-weiter .nkv-zlt-e:last-child::after { left: calc(var(--wb, 64px) + 12px + 6px + 8px); top: 23px; bottom: -19px; }
.nkv.nkv .nkv-zlt-weiter .nkv-zlt-e:last-child::after { bottom: -13px; }
.nkv.nkv .nkv-zlt-mehr > summary { padding: 0 0 14px; }
.nkv.nkv .nkv-zlt-mehr > summary::before { display: none; }
.nkv.nkv .nkv-zlt-mehr > summary .nkv-zlt-k { padding-top: 1px; }
.nkv.nkv .nkv-zlt-mehr > summary .nkv-abl-mehr-t::before { content: "▸"; font-size: 10px; margin-right: 6px; display: inline-block; transition: transform var(--d1) var(--ease-out); }
.nkv.nkv .nkv-zlt-mehr[open] > summary .nkv-abl-mehr-t::before { transform: rotate(90deg); }
.nkv.nkv .nkv-zlt-mehr > .nkv-zlt .nkv-zlt-e:last-child { padding-bottom: 0; }
.nkv.nkv .nkv-zlt-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.nkv.nkv .nkv-zlt-t { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-zlt-x { margin-top: 2px; color: var(--text-2); overflow-wrap: anywhere; }
@container (max-width: 479px) {
  .nkv.nkv .nkv-zlt-e, .nkv.nkv .nkv-zlt-mehr > summary { grid-template-columns: 14px minmax(0, 1fr); grid-template-areas: "pkt wann" "pkt k"; }
  .nkv.nkv .nkv-zlt-wann { text-align: left; padding-top: 0; color: var(--text-3); }
  .nkv.nkv .nkv-zlt-pkt { margin-top: 3px; }
  .nkv.nkv .nkv-zlt-mehr[open] > summary::after { left: 6px; top: 17px; }
  .nkv.nkv .nkv-zlt-e:not(:last-child)::after, .nkv.nkv .nkv-zlt-weiter .nkv-zlt-e:last-child::after { left: 14px; top: 21px; bottom: -17px; }
  .nkv.nkv .nkv-zlt-weiter .nkv-zlt-e:last-child::after { bottom: -13px; }
  .nkv.nkv .nkv-zlt-mehr > summary .nkv-zlt-wann { display: none; }
  .nkv.nkv .nkv-zlt-mehr > summary { grid-template-areas: "pkt k"; }
}


.nkv.nkv .nkv-mst { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
.nkv.nkv .nkv-mst-p { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; border-radius: var(--r-1); }
.nkv.nkv .nkv-mst-wann { padding: 0 6px; margin-bottom: 8px; font-size: 12.5px; color: var(--text-3); overflow-wrap: anywhere; line-height: 1.3; }
.nkv.nkv .nkv-mst-bahn { position: relative; align-self: stretch; display: flex; justify-content: center; align-items: center; height: 22px; }
.nkv.nkv .nkv-mst-bahn::before, .nkv.nkv .nkv-mst-bahn::after { content: ""; position: absolute; top: 10px; height: 2px; background: var(--linie-stark); }
.nkv.nkv .nkv-mst-bahn::before { left: 0; right: 50%; }
.nkv.nkv .nkv-mst-bahn::after { left: 50%; right: 0; }
.nkv.nkv .nkv-mst-p:first-child .nkv-mst-bahn::before, .nkv.nkv .nkv-mst-p:last-child .nkv-mst-bahn::after { display: none; }
.nkv.nkv .nkv-mst-l .nkv-mst-bahn::before, .nkv.nkv .nkv-mst-r .nkv-mst-bahn::after { background: var(--p); }
.nkv.nkv .nkv-mst-label { padding: 0 4px; margin-top: 8px; font-size: 12.5px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; hyphens: auto; line-height: 1.35; }

.nkv.nkv .nkv-mst-pkt {
  position: relative; z-index: 1; flex: none; box-sizing: border-box; width: 22px; height: 22px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--nkv-grund); border: 2px solid var(--p); color: var(--nkv-grund);
}
.nkv.nkv .nkv-mst-pkt .nkv-ic { width: 14px; height: 14px; stroke-width: 2.2; }
.nkv.nkv .nkv-mst-erledigt { background: var(--p); }
.nkv.nkv .nkv-mst-geplant { border: 2px dashed var(--text-3); }
.nkv.nkv .nkv-mst-punkt { width: 12px; height: 12px; background: var(--p); }
.nkv.nkv .nkv-mst-klein { width: 14px; height: 14px; border-width: 1.5px; }
.nkv.nkv .nkv-mst-klein .nkv-ic { width: 10px; height: 10px; stroke-width: 2.6; }
.nkv.nkv .nkv-mst-leg { display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: center; margin-top: 14px; font-size: 12px; color: var(--text-3); }
.nkv.nkv .nkv-mst-leg-e { display: inline-flex; align-items: center; gap: 6px; }
@container (max-width: 619px) {
  .nkv.nkv .nkv-mst-ngross { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 519px) {
  .nkv.nkv .nkv-mst-nklein { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 619px) {
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-p { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; text-align: left; align-items: start;
    grid-template-areas: "bahn wann" "bahn label"; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-wann { grid-area: wann; padding: 0; margin: 0; min-height: 22px; display: flex; align-items: center; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-label { grid-area: label; padding: 0 0 14px; margin: 0; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-p:last-child .nkv-mst-label { padding-bottom: 0; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-bahn { grid-area: bahn; height: auto; align-items: flex-start; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-bahn::before, .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-bahn::after { left: 10px; right: auto; width: 2px; height: auto; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-bahn::before { top: 0; bottom: auto; height: 11px; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-bahn::after { top: 11px; bottom: 0; }
  .nkv.nkv :is(.nkv-mst-ngross) .nkv-mst-punkt { margin: 5px 5px 0; }
  .nkv.nkv :is(.nkv-mst-ngross) + .nkv-mst-leg { justify-content: flex-start; }
}
@container (max-width: 519px) {
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-p { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; text-align: left; align-items: start;
    grid-template-areas: "bahn wann" "bahn label"; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-wann { grid-area: wann; padding: 0; margin: 0; min-height: 22px; display: flex; align-items: center; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-label { grid-area: label; padding: 0 0 14px; margin: 0; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-p:last-child .nkv-mst-label { padding-bottom: 0; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-bahn { grid-area: bahn; height: auto; align-items: flex-start; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-bahn::before, .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-bahn::after { left: 10px; right: auto; width: 2px; height: auto; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-bahn::before { top: 0; bottom: auto; height: 11px; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-bahn::after { top: 11px; bottom: 0; }
  .nkv.nkv :is(.nkv-mst-nklein) .nkv-mst-punkt { margin: 5px 5px 0; }
  .nkv.nkv :is(.nkv-mst-nklein) + .nkv-mst-leg { justify-content: flex-start; }
}




.nkv.nkv .nkv-rdm { display: grid; grid-template-columns: repeat(var(--n1), minmax(0, 1fr) 14px) minmax(0, 1fr); }
.nkv.nkv .nkv-rdm-p { display: contents; }
.nkv.nkv .nkv-rdm-bahn { grid-row: 1; grid-column: calc(var(--i) * 2 - 1) / span 2; position: relative; height: 14px; margin-bottom: 10px; }
.nkv.nkv .nkv-rdm-p:last-child .nkv-rdm-bahn { grid-column: calc(var(--i) * 2 - 1) / span 1; }
.nkv.nkv .nkv-rdm-karte {
  grid-row: 2; grid-column: calc(var(--i) * 2 - 1);
  min-width: 0; background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1); padding: 10px 12px 12px;
}
.nkv.nkv .nkv-rdm-bahn::before { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: var(--p-linie); }
.nkv.nkv .nkv-rdm-bahn::after {
  content: ""; position: absolute; left: 0; top: 1px; width: 12px; height: 12px; border-radius: 50%;
  background: var(--p); outline: 3px solid var(--nkv-grund);
}
.nkv.nkv .nkv-rdm-kopf { display: flex; flex-direction: column; gap: 0; }
.nkv.nkv .nkv-rdm-name { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-rdm-zeit { font-size: 12.5px; color: var(--text-3); }
.nkv.nkv .nkv-rdm-ziel { margin-top: 6px; font-style: italic; color: var(--text-2); overflow-wrap: anywhere; }
.nkv.nkv .nkv-rdm-liste { margin-top: 8px; display: flex; flex-direction: column; gap: 4px; }
.nkv.nkv .nkv-rdm-liste li { position: relative; padding-left: 14px; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-rdm-liste li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--text-3); }

@container (max-width: 719px) {
  .nkv.nkv .nkv-rdm { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
  .nkv.nkv .nkv-rdm-p { display: grid; grid-template-columns: 14px minmax(0, 1fr); column-gap: 12px; }
  .nkv.nkv .nkv-rdm-bahn, .nkv.nkv .nkv-rdm-p:last-child .nkv-rdm-bahn { grid-row: auto; grid-column: auto; height: auto; margin: 0; }
  .nkv.nkv .nkv-rdm-karte { grid-row: auto; grid-column: auto; }
  .nkv.nkv .nkv-rdm-bahn::before { left: 5px; right: auto; width: 2px; height: auto; top: 16px; bottom: -15px; }
  .nkv.nkv .nkv-rdm-p:last-child .nkv-rdm-bahn::before { display: none; }
  .nkv.nkv .nkv-rdm-bahn::after { top: 13px; }
}




.nkv.nkv .nkv-chk { background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1); overflow: hidden; }
.nkv.nkv .nkv-chk-z { display: flex; align-items: flex-start; gap: 4px; padding: 5px 10px 5px 8px; }
.nkv.nkv .nkv-chk-z + .nkv-chk-z { border-top: 1px solid var(--linie); }
.nkv.nkv .nkv-chk-b {
  flex: none; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 28px; height: 28px;
  margin: 0; padding: 0; background: none; border: 0; border-radius: var(--r-1); color: var(--text); cursor: pointer;
}
.nkv.nkv .nkv-chk-b:hover { background: var(--flaeche-2); }
.nkv.nkv .nkv-chk-b:focus-visible { outline: 2px solid var(--p); outline-offset: 0; }
.nkv.nkv .nkv-chk-box {
  flex: none; box-sizing: border-box; width: 18px; height: 18px; border-radius: 5px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--nkv-karte); border: 1.5px solid var(--text-3); color: var(--nkv-karte);
  transition: background var(--d1) var(--ease-out), border-color var(--d1) var(--ease-out);
}
.nkv.nkv .nkv-chk-box .nkv-ic { width: 14px; height: 14px; stroke-width: 2.4; }
.nkv.nkv .nkv-chk-b.erledigt .nkv-chk-box { background: var(--p); border-color: var(--p); color: var(--nkv-karte); }
.nkv.nkv .nkv-chk-k { flex: 1 1 auto; display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 3px 8px; color: var(--text); border-radius: var(--r-1); }
.nkv.nkv .nkv-chk-t { overflow-wrap: anywhere; }
.nkv.nkv .nkv-chk-h { font-size: 12.5px; color: var(--text-3); overflow-wrap: anywhere; }
.nkv.nkv .nkv-chk-b.erledigt + .nkv-chk-k .nkv-chk-t { color: var(--text-2); text-decoration: line-through; text-decoration-color: var(--text-3); text-decoration-thickness: 1px; }


.nkv.nkv .nkv-sta { background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1); padding: 0 6px; }


.nkv.nkv .nkv-sta-z { position: relative; display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; column-gap: 14px; align-items: start; padding: 10px 8px; border-radius: var(--r-1); }
.nkv.nkv .nkv-sta-z + .nkv-sta-z::before { content: ""; position: absolute; top: 0; left: 8px; right: 8px; border-top: 1px solid var(--linie); }
.nkv.nkv .nkv-sta-s .nkv-pille { min-width: 88px; box-sizing: border-box; justify-content: flex-start; }
.nkv.nkv .nkv-sta-strich { border-style: dashed; background: none; }
.nkv.nkv .nkv-sta-k { display: flex; flex-direction: column; min-width: 0; }
.nkv.nkv .nkv-sta-t { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-sta-x { font-size: 12.5px; color: var(--text-3); overflow-wrap: anywhere; }
.nkv.nkv .nkv-sta-r { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; text-align: right; font-size: 12.5px; color: var(--text-3); white-space: nowrap; }
.nkv.nkv .nkv-sta-wer { display: inline-flex; align-items: center; gap: 4px; color: var(--text-2); }
.nkv.nkv .nkv-sta-wer .nkv-ic { width: 14px; height: 14px; color: var(--text-3); }
@container (max-width: 519px) {
  .nkv.nkv .nkv-sta-z { grid-template-columns: 92px minmax(0, 1fr); row-gap: 2px; }
  .nkv.nkv .nkv-sta-r { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 2px 12px; min-width: 0; text-align: left; white-space: normal; }
  .nkv.nkv .nkv-sta-wer { max-width: 100%; overflow-wrap: anywhere; }
}


.nkv.nkv .nkv-kan { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 10px; align-items: stretch; }
.nkv.nkv .nkv-kan-sp { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 8px; background: var(--flaeche-3); border-radius: var(--r-1); }
.nkv.nkv .nkv-kan-kopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 4px 0; }
.nkv.nkv .nkv-kan-name { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-kan-n {
  flex: none; min-width: 20px; box-sizing: border-box; padding: 0 6px; text-align: center; font-size: 12px; line-height: 20px;
  border-radius: var(--r-rund); background: var(--nkv-karte); color: var(--text-2);
}
.nkv.nkv .nkv-kan-liste { display: flex; flex-direction: column; gap: 6px; }
.nkv.nkv .nkv-kan-karte {
  padding: 8px 10px; background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: 6px; color: var(--text); overflow-wrap: anywhere;
}
.nkv.nkv .nkv-kan-leer { padding: 6px 4px 2px; text-align: center; color: var(--text-3); }
@container (max-width: 619px) {
  .nkv.nkv .nkv-kan { grid-template-columns: minmax(0, 1fr); }
}


.nkv.nkv .nkv-agd { background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1); padding: 0 6px; }
.nkv.nkv .nkv-agd-liste { display: flex; flex-direction: column; }

.nkv.nkv .nkv-agd-z { position: relative; display: grid; grid-template-columns: var(--wb, 96px) minmax(0, 1fr); column-gap: 14px; padding: 10px 8px; border-radius: var(--r-1); }
.nkv.nkv .nkv-agd-z + .nkv-agd-z::before, .nkv.nkv .nkv-agd-liste-mehr > .nkv-agd-liste > .nkv-agd-z::before {
  content: ""; position: absolute; top: 0; left: 8px; right: 8px; border-top: 1px solid var(--linie);
}
.nkv.nkv .nkv-agd-wann { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-agd-k { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nkv.nkv .nkv-agd-t { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.nkv.nkv .nkv-agd-ort { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--text-3); }
.nkv.nkv .nkv-agd-ort .nkv-ic { width: 14px; height: 14px; flex: none; }
.nkv.nkv .nkv-agd-x { font-size: 12.5px; color: var(--text-2); overflow-wrap: anywhere; }
.nkv.nkv .nkv-agd-liste-mehr > summary { position: relative; padding: 10px 8px; }
.nkv.nkv .nkv-agd-liste-mehr > summary::after { content: ""; position: absolute; top: 0; left: 8px; right: 8px; border-top: 1px solid var(--linie); }
@container (max-width: 479px) {
  .nkv.nkv .nkv-agd-z { grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
}






.nkv.nkv .nkv-svg .nkv-gnt-n { fill: var(--text); }
.nkv.nkv .nkv-svg .nkv-gnt-rest { fill-opacity: .3; stroke-opacity: .55; stroke-width: 1; }
.nkv.nkv .nkv-gnt-bild .nkv-git { stroke-opacity: .7; }


.nkv.nkv .nkv-krl-bild { margin-inline: auto; }
.nkv.nkv .nkv-svg .nkv-krl-bahn { fill: none; stroke: var(--text-3); stroke-width: 1.6; stroke-linecap: round; }
.nkv.nkv .nkv-svg .nkv-krl-knoten { fill: var(--p-flaeche); stroke: var(--p); stroke-width: 1.5; }
.nkv.nkv .nkv-svg .nkv-krl-nr { fill: var(--p-tief); font-weight: 600; }
.nkv.nkv .nkv-svg .nkv-krl-t { fill: var(--text); font-weight: 600; }


.nkv.nkv .nkv-flu-bild { margin-inline: auto; }
.nkv.nkv .nkv-svg .nkv-flu-k { fill: var(--nkv-karte); stroke: var(--linie-stark); stroke-width: 1; stroke-linejoin: round; }
.nkv.nkv .nkv-svg .nkv-flu-start, .nkv.nkv .nkv-svg .nkv-flu-ende { fill: var(--flaeche-3); stroke: var(--linie-stark); }
.nkv.nkv .nkv-svg .nkv-flu-entscheidung { fill: var(--p-flaeche); stroke: var(--p); stroke-width: 1.2; }
.nkv.nkv .nkv-svg .nkv-flu-ergebnis { fill: var(--ok-flaeche); stroke: var(--ok-linie); }
.nkv.nkv .nkv-svg .nkv-flu-t { fill: var(--text); font-weight: 600; }
.nkv.nkv .nkv-svg .nkv-flu-t-ergebnis { fill: var(--ok-tief); }
.nkv.nkv .nkv-svg .nkv-flu-x { fill: var(--text-3); }
.nkv.nkv .nkv-flu-ic-frage { color: var(--p); }
.nkv.nkv .nkv-flu-ic-ergebnis { color: var(--ok); }
.nkv.nkv .nkv-svg .nkv-flu-kante { fill: none; stroke: var(--text-3); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.nkv.nkv .nkv-svg .nkv-flu-rueck { stroke-dasharray: 5 4; }
.nkv.nkv .nkv-svg .nkv-flu-lab0 { fill: var(--nkv-grund); stroke: none; }
.nkv.nkv .nkv-svg .nkv-flu-lab { fill: var(--nkv-karte); stroke: var(--linie-stark); stroke-width: 1; }
.nkv.nkv .nkv-svg .nkv-flu-lab-b { fill: var(--p-flaeche); stroke: var(--p-linie); }
.nkv.nkv .nkv-svg .nkv-flu-lt { fill: var(--text-2); font-weight: 600; }
.nkv.nkv .nkv-svg .nkv-flu-lt-b { fill: var(--p-tief); }


.nkv.nkv .nkv-seq-bild { margin-inline: auto; }
.nkv.nkv .nkv-svg .nkv-seq-kopf { fill: var(--p-flaeche); stroke: var(--p-linie); stroke-width: 1; }
.nkv.nkv .nkv-svg .nkv-seq-kt { fill: var(--p-tief); font-weight: 600; }
.nkv.nkv .nkv-svg .nkv-seq-leben { stroke: var(--linie-stark); stroke-width: 1; stroke-dasharray: 4 4; }
.nkv.nkv .nkv-svg .nkv-seq-pfeil { fill: none; stroke: var(--text-2); stroke-width: 1.4; stroke-linejoin: round; }
.nkv.nkv .nkv-svg .nkv-seq-antwort { stroke: var(--text-3); stroke-dasharray: 5 4; }

.nkv.nkv .nkv-svg .nkv-seq-t { fill: var(--text); stroke: var(--nkv-grund); stroke-width: 4px; paint-order: stroke; stroke-linejoin: round; }
.nkv.nkv .nkv-svg .nkv-seq-ta { fill: var(--text-2); }
.nkv.nkv .nkv-svg .nkv-seq-tn { fill: var(--text-2); stroke: none; }
.nkv.nkv .nkv-svg .nkv-seq-notiz { fill: var(--nkv-karte); stroke: var(--linie-stark); stroke-width: 1; stroke-dasharray: 3 3; }









@container (min-width: 561px) {
  .nkv.nkv .nkv-schritte-kette { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); column-gap: 0; }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt {
    display: flex; flex-direction: column; align-items: center; margin: 0; padding: 4px 8px 6px; text-align: center;
  }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt:not(:last-child)::before {
    left: calc(50% + 19px); right: 0; top: 18px; bottom: auto; width: auto; height: 2px; border-radius: 1px 0 0 1px;
  }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt:not(:first-child)::after {
    content: ""; position: absolute; left: 0; right: calc(50% + 19px); top: 18px; height: 2px;
    background: var(--p-linie); border-radius: 0 1px 1px 0;
  }
  .nkv.nkv .nkv-schritte-kette .nkv-nr { width: 30px; height: 30px; font-size: 13px; }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt-k { align-self: stretch; padding-top: 7px; }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt-kopf { flex-direction: column; justify-content: center; gap: 4px; }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt-t { overflow-wrap: anywhere; hyphens: auto; }
  .nkv.nkv .nkv-schritte-kette .nkv-schritt-x { margin-top: 3px; font-size: 12.5px; overflow-wrap: anywhere; hyphens: auto; }
}

.nkv.nkv .nkv-schritte-karten { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.nkv.nkv .nkv-schritte-karten .nkv-schritt {
  margin: 0; padding: 10px 12px 11px; grid-template-columns: 24px minmax(0, 1fr); column-gap: 10px;
  background: var(--nkv-karte); border: 1px solid var(--linie);
}
.nkv.nkv .nkv-schritte-karten .nkv-schritt::before { display: none; }
.nkv.nkv .nkv-schritte-karten .nkv-nr { width: 24px; height: 24px; }
.nkv.nkv .nkv-schritte-karten .nkv-schritt-k { padding-top: 1px; }
.nkv.nkv .nkv-schritte-karten .nkv-schritt-x { font-size: 12.5px; overflow-wrap: anywhere; }


.nkv.nkv .nkv-sta-spalten { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 10px; align-items: start; }
.nkv.nkv .nkv-sta-sp { min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 8px; background: var(--flaeche-3); border-radius: var(--r-1); }
.nkv.nkv .nkv-sta-sk { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 2px 2px; }
.nkv.nkv .nkv-sta-sn { font-size: 12px; font-weight: 600; color: var(--text-3); }
.nkv.nkv .nkv-sta-sl { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.nkv.nkv .nkv-sta-karte {
  margin: 0; display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 8px 10px;
  background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1);
}
.nkv.nkv .nkv-sta-m { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-top: 3px; font-size: 12.5px; color: var(--text-3); }
@container (max-width: 560px) {
  .nkv.nkv .nkv-sta-spalten { grid-template-columns: minmax(0, 1fr); }
}

.nkv.nkv .nkv-sta-kompakt { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 6px; }
.nkv.nkv .nkv-sta-feld {
  margin: 0; display: flex; align-items: center; gap: 9px; min-width: 0; padding: 7px 10px;
  background: var(--nkv-karte); border: 1px solid var(--linie); border-radius: var(--r-1);
}
.nkv.nkv .nkv-sta-feld .nkv-pille { flex: none; min-width: 84px; box-sizing: border-box; }
.nkv.nkv .nkv-sta-feld .nkv-sta-t { min-width: 0; overflow-wrap: anywhere; }