.ds-karte {
  


  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "kopf meta"
    "text meta"
    "lage meta";
  column-gap: var(--space-5);
  row-gap: var(--space-1);
  align-items: start;
  padding: var(--space-2-5) var(--space-3);
  background: var(--color-surface);
  border: 1px solid var(--lod-gray-100);
  border-radius: var(--surface-radius);
  cursor: pointer;
  transition: border-color var(--duration-snappy) var(--ease-standard),
              box-shadow var(--duration-snappy) var(--ease-standard);
}
.ds-karte:hover {
  border-color: var(--lod-darkblue-300);
  box-shadow: 0 4px 10px color-mix(in srgb, var(--lod-darkblue-900) 8%, transparent);
}
.ds-karte:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }
.ds-karte-kopf { grid-area: kopf; display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; min-width: 0; }









.ds-karte-kopf:not(:has(.ds-ampel)) { padding-left: calc(var(--ds-ampel-slot) + var(--space-2)); }






.ds-karte-titel { min-width: 0; font-size: var(--fs-card-title, 14px); font-weight: var(--fw-semibold); }
.ds-karte-nr { font-size: var(--fs-caption); color: var(--color-text-muted); font-variant-numeric: tabular-nums; }










.ds-karte-text {
  grid-area: text; min-width: 0;
  margin: 0; font-size: var(--fs-body); color: var(--color-text-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}





.ds-karte-lage {
  grid-area: lage; min-width: 0;
  font-size: var(--fs-meta, 12px); color: var(--color-text-muted);
  overflow-wrap: anywhere;
}




.ds-karte-meta {
  grid-area: meta; align-self: center;
  display: flex; flex-direction: column; align-items: flex-end; gap: 2px;
  font-size: var(--fs-caption); color: var(--color-text-muted);
  text-align: right; white-space: nowrap;
}







.ds-karte:has(.ds-ampel--gruen) .ds-karte-meta:has(> .ds-karte-quote:only-child) {
  display: none;
}
.ds-karte-quote { font-variant-numeric: tabular-nums; }
.ds-karte-fehlt { color: var(--status-warning-fg); }
.ds-ok { color: var(--status-success-fg); }
.ds-warn { color: var(--status-warning-fg); }


















.ds-section, .shared-drawer { --ds-ampel-slot: 10px; }
.ds-ampel {
  display: inline-block; border-radius: 50%; flex-shrink: 0;
  width: var(--ds-ampel-slot); height: var(--ds-ampel-slot);
  background: var(--lod-gray-300);
}
.ds-ampel--gruen { background: var(--status-success-border); }
.ds-ampel--gelb { background: var(--status-warning-border); }
.ds-ampel--rot { background: var(--status-danger-border); }


.ds-chip {
  display: inline-flex; align-items: center; padding: 1px var(--space-2);
  border-radius: var(--radius-pill); background: var(--lod-gray-100);
  color: var(--color-text-muted); font-size: var(--fs-caption); white-space: nowrap;
}





.ds-chip--gruen { background: var(--status-success-bg); color: var(--status-success-fg); }
.ds-chip--gelb { background: var(--status-warning-bg); color: var(--status-warning-fg); }
.ds-chip--rot { background: var(--status-danger-bg); color: var(--status-danger-fg); }
.ds-chip--blau { background: var(--lod-darkblue-50); color: var(--lod-darkblue); }











.app-scope .shared-drawer .drawer-head-meta .drawer-entity-pill {
  



  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-sm);
  color: var(--lod-gray-500);
}
.app-scope .shared-drawer .drawer-head-meta .drawer-head-title {
  
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fw-semibold);
}

.ds-kopf {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding-bottom: var(--space-3); margin-bottom: var(--space-3);
  border-bottom: 1px solid var(--lod-gray-100);
}
.ds-kopf-zeile { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.ds-kopf-text, .ds-kopf-grund { margin: 0; font-size: var(--fs-body); color: var(--color-text-muted); }
.ds-quote { font-size: var(--fs-caption); color: var(--color-text-muted); font-variant-numeric: tabular-nums; }
.ds-vollstaendig { margin: 0; font-size: var(--fs-body); color: var(--status-success-fg); }




.ds-fehlt {
  border-left: var(--surface-accent-width) solid var(--status-warning-border);
  background: var(--status-warning-bg);
  border-radius: var(--radius-sm);
  padding: 0 var(--space-3);
  color: var(--status-warning-fg);
}
.ds-fehlt > .ds-fehlt-kopf {
  list-style: none; cursor: pointer; user-select: none;
  display: flex; align-items: center; gap: var(--space-1-5);
  padding: var(--space-2) 0;
  font-size: var(--fs-body); font-weight: var(--fw-medium);
}
.ds-fehlt > .ds-fehlt-kopf::-webkit-details-marker { display: none; }





@media (max-width: 999px) {
  .ds-fehlt > .ds-fehlt-kopf { min-height: var(--touch-ziel); }
}
.ds-fehlt-chev {
  width: 14px; height: 14px; flex-shrink: 0; opacity: .7;
  transition: transform var(--motion-fast) var(--ease-standard, ease);
}
.ds-fehlt[open] > .ds-fehlt-kopf .ds-fehlt-chev { transform: rotate(90deg); }
.ds-fehlt-liste {
  list-style: none; margin: 0; padding: 0 0 var(--space-2) calc(14px + var(--space-1-5));
  display: flex; flex-direction: column; gap: 2px;
  font-size: var(--fs-body);
}
.ds-fehlt-liste li::before { content: '· '; }






.app-scope .ds-fehlt-sprung {
  cursor: pointer; color: inherit; font-size: inherit; text-align: left;
  text-decoration: underline; text-underline-offset: 2px;
  text-decoration-color: var(--status-warning-border);
}
.app-scope .ds-fehlt-sprung:hover { text-decoration-color: currentColor; }
.app-scope .ds-fehlt-sprung:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); border-radius: var(--radius-xs); }










@media (max-width: 999px) {
  .app-scope .ds-fehlt-sprung { min-height: var(--touch-ziel); }
}




.ds-register-slot { margin: 0 0 var(--space-4); }




.app-scope .ds-gruppe-stift {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; margin-left: var(--space-1-5);
  vertical-align: middle; cursor: pointer; border-radius: var(--radius-sm);
  opacity: .55;
  transition: opacity var(--motion-fast) var(--ease-standard, ease),
              background var(--motion-fast) var(--ease-standard, ease);
}
.app-scope .ds-gruppe-stift:hover { opacity: 1; background: var(--lod-gray-100); }
.app-scope .ds-gruppe-stift:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); opacity: 1; }
.ds-gruppe-stift img { width: 14px; height: 14px; }











@media (max-width: 999px) {
  .app-scope .ds-gruppe-stift { min-width: var(--touch-ziel); min-height: var(--touch-ziel); }
}




.app-scope .ds-grid:not(.ds-grid--edit) .field-label--required::after { display: none; }





.app-scope .ds-grid .field-label--required:has(.set-row-info)::after { content: none; }
.app-scope .ds-grid--edit .field-label--required:has(.set-row-info) .ds-feld-wort::after {
  content: '*';
  margin-left: var(--space-1);
  color: var(--lod-danger);
  font-weight: var(--fw-bold);
}


.ds-feld-blitz { animation: ds-feld-blitz 1.6s var(--ease-standard, ease); }
@keyframes ds-feld-blitz {
  0% { background: var(--status-warning-bg); box-shadow: 0 0 0 3px var(--status-warning-bg); }
  100% { background: transparent; box-shadow: none; }
}




.ds-memo-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.ds-memo.is-offen .ds-memo-text {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}





.app-scope .ds-memo-mehr {
  display: inline-flex; align-items: center;
  cursor: pointer; margin-top: 2px;
  font-size: var(--fs-caption); color: var(--lod-darkblue);
  text-decoration: underline; text-underline-offset: 2px;
}
.app-scope .ds-memo-mehr:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); border-radius: var(--radius-xs); }







@media (max-width: 999px) {
  .app-scope .ds-memo-mehr { min-height: var(--touch-ziel); }
}


.ds-kette {
  display: flex; gap: var(--space-2); list-style: none; margin: var(--space-2) 0 0; padding: 0;
  overflow-x: auto;
}
.ds-kette-schritt {
  display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 96px;
  padding: var(--space-2); border-radius: var(--radius-md); background: var(--lod-gray-50);
}
.ds-kette-schritt.is-ok { background: var(--status-success-bg); }
.ds-kette-punkt {
  width: 8px; height: 8px; border-radius: 50%; background: var(--lod-gray-300);
}
.ds-kette-schritt.is-ok .ds-kette-punkt { background: var(--status-success-border); }
.ds-kette-titel { font-size: var(--fs-caption); font-weight: var(--fw-semibold); }
.ds-kette-text { font-size: var(--fs-caption); color: var(--color-text-muted); }


.ds-hinweise {
  border-left: var(--surface-accent-width) solid var(--lod-amber-500);
  background: var(--lod-amber-50);
  padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm);
}
.ds-hinweis-zeile { margin: 0; font-size: var(--fs-body); color: var(--lod-amber-700); }
.ds-hinweis-zeile + .ds-hinweis-zeile { margin-top: var(--space-1); }











.app-scope .shared-drawer .field-grid.ds-grid {
  grid-template-columns: 188px minmax(0, 1fr);
  gap: var(--space-2) var(--space-4);
}
@container drawer (max-width: 620px) {
  .app-scope .shared-drawer .field-grid.ds-grid { grid-template-columns: 150px minmax(0, 1fr); }
}
@container drawer (max-width: 478px) {
  
  .app-scope .shared-drawer .field-grid.ds-grid { grid-template-columns: 1fr; }
}



.ds-grid .field-label { overflow-wrap: anywhere; hyphens: auto; }







.ds-grid .field-value > div { flex: 1 1 auto; min-width: 0; }





.ds-grid .ds-feld--date input,
.ds-grid .ds-feld--datetime input { max-width: 200px; }
.ds-grid .ds-feld--zahl input { max-width: 120px; }



.ds-grid .ds-feld--select select,
.ds-grid .ds-feld--person select { max-width: 340px; }
.ds-grid .ds-feld--text input,
.ds-grid .ds-feld--katalog input { max-width: 420px; }




.ds-grid > .field-label.ds-breit,
.ds-grid > .field-value.ds-breit { grid-column: 1 / -1; }
.ds-grid > .field-label.ds-breit { padding-top: var(--space-1); }





.ds-feldgruppe + .ds-feldgruppe { margin-top: var(--space-4); }
.ds-feldgruppe-titel {
  margin: 0 0 var(--space-2);
  font-size: var(--fs-card-title, 14px); font-weight: var(--fw-semibold);
}


.ds-feldgruppe:not(:has(.field-label:not(.dr-hidden))) { display: none; }










.ds-leer { color: var(--lod-gray-400); }






































.app-scope .shared-drawer .ds-grid .field-label:has(+ .field-value .ds-leer),
.app-scope .shared-drawer .ds-grid .field-value:has(.ds-leer) {
  min-height: 0;
  padding-top: 0; padding-bottom: 0;
  


  line-height: 1.25;
}
.app-scope .shared-drawer .ds-grid .field-label:has(+ .field-value .ds-leer) { color: var(--lod-gray-400); }





.ds-grid .field-label .set-row-info { margin-left: var(--space-1); vertical-align: middle; }













































.app-scope .ds-grid .cs-wrap,
.app-scope .ds-da-neu .cs-wrap { width: 100%; max-width: 340px; }


.app-scope .ds-zeilen .cs-wrap { width: 100%; }











.app-scope .ds-grid,
.app-scope .ds-zeilen,
.app-scope .ds-da-neu,
.app-scope .ds-auskunft-wahl,
.app-scope .ds-neu {
  --cs-rahmen: var(--lod-gray-200);
  --cs-rahmen-hover: var(--lod-gray-400);
  --cs-polster: 0 var(--space-8) 0 var(--space-2-5);
  --cs-schrift: 13px;
  --cs-farbe: var(--lod-darkblue);
}




.ds-multi { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 2px var(--space-3); }
.ds-multi-opt { display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-body); cursor: pointer; }







.app-scope .shared-drawer .field-grid.ds-grid .ds-multi-opt input { flex: 0 0 auto; width: 16px; }
.ds-sektion { margin-top: var(--space-5); }
.ds-sektion h4 { margin: 0 0 var(--space-2); font-size: var(--fs-card-title, 14px); font-weight: var(--fw-semibold); }
.ds-neu { display: flex; flex-direction: column; gap: var(--space-3); }
.ds-neu-text { margin: 0 0 var(--space-3); font-size: var(--fs-body); color: var(--color-text-muted); }
.ds-neu-feld { display: flex; flex-direction: column; gap: var(--space-1); }
.ds-neu-feld > span { font-size: var(--fs-body); font-weight: var(--fw-medium); }


.ds-hist { display: flex; flex-direction: column; gap: var(--space-3); }
.ds-hist-block { border-left: 2px solid var(--lod-gray-200); padding-left: var(--space-3); }
.ds-hist-kopf { font-size: var(--fs-caption); color: var(--color-text-muted); }
.ds-hist-liste { list-style: none; margin: var(--space-1) 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.ds-hist-liste li { display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap; font-size: var(--fs-body); }
.ds-hist-feld { font-weight: var(--fw-medium); min-width: 140px; }



.ds-hist-alt {
  color: var(--color-text-muted); text-decoration: line-through;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.ds-hist-alt.is-offen { -webkit-line-clamp: unset; }


.app-scope .ds-hist-alt-mehr {
  border: 0; padding: 0; background: transparent; cursor: pointer;
  font-size: var(--fs-meta); color: var(--lod-darkblue); text-decoration: underline;
}
.app-scope .ds-hist-alt-mehr:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }
.ds-hist-pfeil { color: var(--lod-gray-400); }
.ds-hist-neu { color: var(--color-text); }









.ds-hist-zurueck { margin-left: auto; }










@media (max-width: 999px) {
  .ds-karte-text { display: none; }
}
@media (max-width: 599px) {
  
  
  .ds-karte { padding: var(--space-2); }
  



  .ds-karte {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "kopf" "text" "meta" "lage";
  }
  .ds-karte-meta {
    align-self: start; flex-direction: row; flex-wrap: wrap;
    align-items: center; gap: var(--space-3);
    text-align: left; white-space: normal;
  }
  















  .ds-karte { padding-left: calc(var(--space-2) + 16px); }
  .ds-karte-ampel {
    position: absolute;
    left: var(--space-2);
    top: calc(var(--space-2) + 5px);
  }
  









  .ds-karte-kopf:not(:has(.ds-ampel)) { padding-left: 0; }
}
@container drawer (max-width: 620px) {
  
  .ds-hist-feld { min-width: 120px; }
  














  .ds-kette { flex-wrap: wrap; overflow-x: visible; padding-bottom: 0; }
  .ds-kette-schritt { min-width: 120px; }
}
@container drawer (max-width: 478px) {
  .ds-hist-liste li { flex-direction: column; gap: 0; }
  .ds-hist-feld { min-width: 0; }
  .ds-hist-alt, .ds-hist-pfeil { display: none; }  
  .ds-hist-zurueck { margin-left: 0; margin-top: 2px; align-self: flex-start; }
  


  .ds-kette-schritt { min-width: 96px; }
}







.ds-stelle {
  padding: var(--space-3) 0;
  border-top: 1px solid var(--lod-gray-100);
  border-bottom: 1px solid var(--lod-gray-100);
}
.ds-stelle:empty { display: none; }
.ds-stelle-zeile {
  display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap;
  margin: 0; font-size: var(--fs-body); color: var(--color-text-muted);
}
.ds-stelle-sep { color: var(--lod-gray-300); }


.ds-stelle-warn {
  margin: 0; padding: var(--space-2) var(--space-3);
  border-left: var(--surface-accent-width) solid var(--lod-amber-500); border-radius: var(--radius-sm);
  background: var(--lod-amber-50); color: var(--lod-amber-700);
  font-size: var(--fs-body);
}


.ds-vorschlaege { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-top: var(--space-1-5); }
.app-scope .ds-vorschlag {
  border: 1px dashed var(--lod-gray-300); background: transparent; cursor: pointer;
  padding: 1px var(--space-2); border-radius: var(--radius-pill);
  font-size: var(--fs-caption); color: var(--color-text-muted);
  transition: border-color var(--motion-fast) var(--ease-standard, ease),
              color var(--motion-fast) var(--ease-standard, ease);
}
.app-scope .ds-vorschlag:hover { border-color: var(--lod-darkblue); color: var(--lod-darkblue); }
.app-scope .ds-vorschlag:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }




.ds-vorschlaege--zu { max-height: 26px; overflow: hidden; }
.app-scope .ds-vorschlag--mehr { border-style: solid; margin-top: var(--space-1); }



@media (max-width: 999px) { .ds-stelle-zeile { gap: var(--space-1); } .ds-stelle-sep { display: none; } }
@media (max-width: 599px) {
  .ds-stelle-zeile { flex-direction: column; gap: 2px; }
}
@container drawer (max-width: 478px) {
  
  .ds-vorschlaege { max-height: 58px; overflow: hidden; }
}


.ds-vk-liste { display: flex; flex-direction: column; }
.app-scope .ds-vk-zeile {
  display: flex; align-items: baseline; gap: var(--space-2);
  width: 100%; text-align: left; border: 0; background: transparent; cursor: pointer;
  padding: var(--space-1-5) var(--space-2); border-radius: var(--radius-sm);
  font-size: var(--fs-body);
}
.ds-vk-zeile + .ds-vk-zeile { border-top: 1px solid var(--lod-gray-100); }
.app-scope .ds-vk-zeile:hover { background: var(--lod-gray-50); }
.app-scope .ds-vk-zeile:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }




@container drawer (max-width: 620px) {
  .app-scope .ds-vk-zeile { flex-direction: column; gap: 0; }
}
@container drawer (max-width: 478px) {
  .app-scope .ds-vk-zeile { padding: var(--space-2); }
}


@media (max-width: 999px) {
  .app-scope .ds-vk-zeile { min-height: var(--touch-ziel); }
}







.ds-rl-liste { display: flex; flex-direction: column; }
.ds-rl-zeile { display: flex; align-items: baseline; gap: var(--space-2); padding: var(--space-1-5) 0; }
.ds-rl-zeile + .ds-rl-zeile { border-top: 1px solid var(--lod-gray-100); }
.ds-rl-titel { min-width: 0; overflow-wrap: anywhere; font-size: var(--fs-body); }
.ds-rl-zeile .ds-chip { flex: 0 0 auto; }


.ds-regel {
  margin: 0; padding: var(--space-2) var(--space-3);
  border-left: var(--surface-accent-width) solid var(--lod-darkblue); border-radius: var(--radius-sm);
  background: var(--lod-darkblue-50); color: var(--lod-darkblue);
  font-size: var(--fs-body); font-weight: var(--fw-medium);
}
.ds-da-zeile {
  display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap;
  padding: var(--space-1-5) var(--space-2); font-size: var(--fs-body);
}
.ds-da-zeile + .ds-da-zeile { border-top: 1px solid var(--lod-gray-100); }
.ds-da-name { font-weight: var(--fw-medium); }
.ds-da-ort { color: var(--color-text-muted); }



.app-scope .ds-da-stift {
  margin-left: auto; border: 0; background: transparent; cursor: pointer;
  color: var(--color-text-muted); line-height: 1; padding: 0 var(--space-1);
  display: inline-flex; align-items: center; justify-content: center;
}
.app-scope .ds-da-stift:hover { color: var(--color-text); }
.app-scope .ds-da-stift:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }
.app-scope .ds-da-weg {
  border: 0; background: transparent; cursor: pointer;
  color: var(--color-text-muted); font-size: 16px; line-height: 1; padding: 0 var(--space-1);
  

  display: inline-flex; align-items: center; justify-content: center;
}
.app-scope .ds-da-weg:hover { color: var(--status-danger-fg); }
.app-scope .ds-da-weg:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }







@media (max-width: 999px) {
  .app-scope .ds-da-stift,
  .app-scope .ds-da-weg { min-width: var(--touch-ziel); min-height: var(--touch-ziel); }
}
.ds-da-neu {
  display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap;
  margin-top: var(--space-2); padding-top: var(--space-2);
  border-top: 1px dashed var(--lod-gray-200);
}
.ds-da-neu .app-drawer-input { flex: 1; min-width: 140px; }



@container drawer (max-width: 620px) {
  .ds-da-neu { flex-direction: column; align-items: stretch; }
}
@container drawer (max-width: 478px) {
  .ds-da-zeile { flex-direction: column; gap: 2px; }
  .app-scope .ds-da-stift { margin-left: 0; }
}








.ds-sperren {
  margin-top: var(--space-2); padding: var(--space-2) var(--space-3);
  border-left: var(--surface-accent-width) solid var(--status-danger-border); border-radius: var(--radius-sm);
  background: var(--status-danger-bg);
}
.ds-sperren-kopf {
  margin: 0 0 var(--space-1); font-size: var(--fs-body);
  font-weight: var(--fw-semibold); color: var(--status-danger-fg);
}
.ds-sperren-liste { margin: 0; padding-left: var(--space-4); font-size: var(--fs-body); color: var(--status-danger-fg); }
.ds-sperren-liste li + li { margin-top: var(--space-1); }


.ds-sperre { margin: 0; font-size: var(--fs-body); color: var(--status-danger-fg); }
.ds-sperre + .ds-sperre { margin-top: var(--space-1); }

.ds-karte-sperre { color: var(--status-danger-fg); font-weight: var(--fw-medium); }



.ds-vorschlag-box {
  padding: var(--space-3); border: 1px dashed var(--lod-darkblue-200);
  border-radius: var(--surface-radius); background: var(--lod-darkblue-50);
}
.ds-vorschlag-quelle, .ds-vorschlag-satz { margin: 0 0 var(--space-2); font-size: var(--fs-body); }
.ds-vorschlag-satz { color: var(--lod-darkblue); font-weight: var(--fw-medium); }
.ds-vorschlag-liste { margin: 0 0 var(--space-2); padding: 0; list-style: none; }
.ds-vorschlag-liste li {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--space-1-5) 0;
}
.ds-vorschlag-liste li + li { border-top: 1px solid var(--lod-darkblue-100); }
.ds-vorschlag-krit { font-size: var(--fs-body); font-weight: var(--fw-medium); }


.ds-vorschlag-grund { font-size: var(--fs-meta); color: var(--color-text-muted); }
.ds-vorschlag-hinweise { margin: 0 0 var(--space-2); padding-left: var(--space-4); font-size: var(--fs-meta); color: var(--color-text-muted); }
.ds-vorschlag-hinweise li + li { margin-top: 2px; }





.ds-zeilen-kopf, .ds-zeile {
  



  --ds-weg-spalte: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px 130px 150px var(--ds-weg-spalte);
  gap: var(--space-2); align-items: center;
}
.ds-zeilen-kopf--3, .ds-zeile--3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 150px var(--ds-weg-spalte); }
.ds-zeilen-kopf {
  padding: 0 0 var(--space-1);
  font-size: var(--fs-meta); font-weight: var(--fw-semibold); color: var(--color-text-muted);
}
.ds-zeile { padding: var(--space-1-5) 0; }
.ds-zeile + .ds-zeile { border-top: 1px solid var(--lod-gray-100); }
.ds-zeile .ds-zeile-text, .ds-zeile .ds-zeile-select { min-width: 0; width: 100%; }


.ds-zeile-vorschlag, .ds-zeile-hinweis { grid-column: 1 / -1; margin: 0; font-size: var(--fs-meta); }
.ds-zeile-vorschlag { color: var(--color-text-muted); }
.ds-zeile-hinweis { color: var(--lod-amber-700); }

.app-scope .ds-zeile-weg {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; padding: 0;
  border: 0; border-radius: var(--radius-sm); background: transparent; cursor: pointer;
  color: var(--color-text-muted);
}
.app-scope .ds-zeile-weg img { width: 16px; height: 16px; opacity: .6; }
.app-scope .ds-zeile-weg:hover { background: var(--status-danger-bg); }
.app-scope .ds-zeile-weg:hover img { opacity: 1; }
.app-scope .ds-zeile-weg:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }



@media (max-width: 999px) {
  .ds-zeilen-kopf, .ds-zeile { --ds-weg-spalte: var(--touch-ziel); }
  .app-scope .ds-zeile-weg { min-width: var(--touch-ziel); min-height: var(--touch-ziel); }
}
.ds-sektion-hilfe { margin: 0 0 var(--space-2); font-size: var(--fs-meta); color: var(--color-text-muted); }



.ds-zeilen-view { display: flex; flex-direction: column; }
.ds-zeile-view {
  display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap;
  padding: var(--space-1-5) 0; font-size: var(--fs-body);
}
.ds-zeile-view + .ds-zeile-view { border-top: 1px solid var(--lod-gray-100); }
.ds-zeile-view-text { font-weight: var(--fw-medium); }
.ds-zeile-view-sub { color: var(--color-text-muted); }
.ds-freigabe { margin: 0; font-size: var(--fs-body); color: var(--color-text-muted); }




















@container drawer (max-width: 620px) {
  .ds-zeilen-kopf, .ds-zeilen-kopf--3 { display: none; }
  .ds-zeile, .ds-zeile--3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) var(--ds-weg-spalte); }
  .ds-zeile { padding: var(--space-2) 0; }
}

@container drawer (max-width: 478px) {
  .ds-zeile, .ds-zeile--3 { grid-template-columns: minmax(0, 1fr) var(--ds-weg-spalte); }
  .ds-zeile-view { flex-direction: column; gap: 2px; }
  .ds-vorschlag-box { padding: var(--space-2); }
}









.ds-kat-grenze {
  margin: 0; padding: var(--space-2) var(--space-3);
  border-left: var(--surface-accent-width) solid var(--lod-gray-300);
  border-radius: var(--radius-sm);
  background: var(--lod-gray-50);
  color: var(--color-text-muted);
  font-size: var(--fs-body); line-height: 1.45;
}
.ds-kat-hinweis { margin-bottom: var(--space-3); }
.ds-kat-zweck { margin: 0 0 var(--space-3); font-size: var(--fs-body); line-height: 1.5; }



.ds-kat-felder { display: flex; flex-direction: column; gap: var(--space-2); }
.ds-kat-feld {
  display: grid; grid-template-columns: 188px minmax(0, 1fr); gap: var(--space-3);
  align-items: baseline;
  padding-bottom: var(--space-2);
}
.ds-kat-feld + .ds-kat-feld { border-top: 1px solid var(--lod-gray-100); padding-top: var(--space-2); }
.ds-kat-feld-label { font-size: var(--fs-body); color: var(--color-text-muted); }
.ds-kat-feld-wert { font-size: var(--fs-body); line-height: 1.5; }



.ds-kat-offen {
  margin: 0; padding-left: var(--space-4);
  font-size: var(--fs-body); color: var(--lod-amber-700);
}
.ds-kat-offen li + li { margin-top: 2px; }




.ds-kat-diff {
  padding: var(--space-2-5) 0;
}
.ds-kat-diff + .ds-kat-diff { border-top: 1px solid var(--lod-gray-100); }
.ds-kat-diff-kopf {
  display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap;
  margin-bottom: var(--space-2); cursor: pointer; user-select: none;
}
.ds-kat-diff-label { font-size: var(--fs-body); font-weight: var(--fw-medium); }
.ds-kat-diff-paar {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-3);
}
.ds-kat-diff-seite {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--space-2); border-radius: var(--radius-sm); background: var(--lod-gray-50);
}



.ds-kat-diff-seite--neu { background: var(--lod-darkblue-50); }
.ds-kat-diff-titel {
  font-size: var(--fs-badge); text-transform: uppercase; letter-spacing: .04em;
  color: var(--color-text-muted);
}
.ds-kat-diff-wert { font-size: var(--fs-body); line-height: 1.45; }

.ds-kat-diff--leer .ds-kat-diff-seite:first-child { background: transparent; border: 1px dashed var(--lod-gray-200); }



.ds-diff-aktion { margin-top: var(--space-3); }


.ds-vorlage-kopf {
  display: flex; flex-direction: column; gap: var(--space-2);
  margin-top: var(--space-3); padding-top: var(--space-3);
  border-top: 1px solid var(--lod-gray-100);
}


.ds-vorlage-update {
  display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap;
  padding: var(--space-2) var(--space-3);
  border-left: var(--surface-accent-width) solid var(--lod-darkblue);
  border-radius: var(--radius-sm);
  background: var(--lod-darkblue-50);
}
.ds-vorlage-update-text { margin: 0; flex: 1; min-width: 200px; font-size: var(--fs-body); color: var(--lod-darkblue); }




.ds-lauf-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.ds-lauf {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--space-2) var(--space-3);
  border-left: var(--surface-accent-width) solid var(--lod-darkblue);
  border-radius: var(--radius-sm);
  background: var(--lod-gray-50);
}
.ds-lauf-kopf { font-size: var(--fs-body); font-weight: var(--fw-semibold); color: var(--lod-darkblue); }
.ds-lauf-meta { font-size: var(--fs-meta); color: var(--color-text-muted); }
.ds-lauf-bem { font-size: var(--fs-meta); color: var(--color-text-muted); font-style: italic; }





.ds-herkunft-felder {
  display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3);
  flex-basis: 100%; margin: 0;
}
.ds-herkunft-feld {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-size: var(--fs-body); color: var(--lod-darkblue); cursor: pointer;
}


.ds-herkunft-feld input[type="checkbox"] { width: 16px; height: 16px; flex: 0 0 auto; margin: 0; }




@container drawer (max-width: 620px) {
  

  .ds-kat-feld { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .ds-kat-feld-label { font-weight: var(--fw-medium); }
}


@container drawer (max-width: 478px) {
  .ds-kat-diff-paar { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .ds-vorlage-update { flex-direction: column; align-items: stretch; }
  .ds-herkunft-felder { flex-direction: column; gap: var(--space-1); }
  .ds-kat-grenze { padding: var(--space-2); }
}



@media (max-width: 599px) {
  .ds-kat-grenze { padding: var(--space-2); }
}







.ds-nachweis-aktionen { display: flex; align-items: center; gap: var(--space-2); }


.ds-nachweis-aktionen .ds-nachweis-kurz { display: none; }


@media (max-width: 1399px) {
  .ds-nachweis-aktionen { gap: var(--space-1); }
}


@media (max-width: 999px) {
  

  .ds-nachweis-aktionen > .app-cta-btn { padding-left: var(--space-2); padding-right: var(--space-2); }
}



@media (max-width: 599px) {
  .ds-nachweis-aktionen { gap: var(--space-1); }
  .ds-nachweis-aktionen .ds-nachweis-lang { display: none; }
  .ds-nachweis-aktionen .ds-nachweis-kurz { display: inline; }
}






.ds-brief-karten {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-3, 12px);
  margin-top: var(--space-3, 12px);
}

















.ds-brief-karten .ds-brief-karte {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  padding: var(--space-3);
  border: 1px solid var(--lod-gray-100);
  border-radius: var(--surface-radius);
  background: var(--color-surface);
  cursor: pointer;
  text-align: left;
  transition: border-color var(--duration-snappy) var(--ease-standard),
              box-shadow var(--duration-snappy) var(--ease-standard);
}
.ds-brief-karten .ds-brief-karte:hover {
  border-color: var(--lod-darkblue-300);
  box-shadow: 0 4px 10px color-mix(in srgb, var(--lod-darkblue-900) 8%, transparent);
}
.ds-brief-karten .ds-brief-karte:focus-visible {
  outline: none;
  box-shadow: var(--lod-shadow-focus);
}
.ds-brief-karte-titel { font-weight: var(--fw-semibold); }
.ds-brief-karte-norm { font-size: var(--fs-caption); color: var(--color-text-muted); }
.ds-brief-karte-folge { font-size: var(--fs-caption); color: var(--color-text-muted); }

.ds-brief-an { margin: var(--space-2) 0; }
.ds-brief-betreff { margin: var(--space-3) 0 var(--space-2); }
.ds-brief-betreff > span { color: var(--color-text-muted); }




.ds-brief-vorschau {
  display: block;
  width: 100%;
  height: 420px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  

  background: #fff;
}








@container drawer (max-width: 478px) {
  .ds-brief-karten { grid-template-columns: 1fr; }
  .ds-brief-vorschau { height: 300px; }
}













.ds-start {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
  gap: var(--space-4);
  align-items: start;
  


  















  max-width: 1500px;
  margin-inline: auto;
}


.ds-start-haupt, .ds-start-neben {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}
.ds-start-zone { min-width: 0; }











.ds-status {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-5);
  background: var(--color-surface);
  border: 1px solid var(--lod-gray-100);
  border-radius: var(--surface-radius);
}
.ds-status-kopf {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  flex-wrap: wrap;
  min-width: 0;
}
.ds-status-quote {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 0 0 auto;
  min-width: 150px;
}


.ds-status-zahl {
  

  font-size: var(--kpi-value-lg);
  font-weight: var(--fw-semibold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}


.ds-status-meter {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: var(--lod-gray-100);
  overflow: hidden;
}



.ds-status-meter-fuell {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--status-success-border);
  transition: width var(--duration-normal) var(--ease-enter);
}
.ds-status-meter-fuell--danger { background: var(--status-danger-border); }
.ds-status-meter-fuell--warning { background: var(--status-warning-border); }
.ds-status-saetze {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1-5);
  min-width: 0;
}

.ds-status-satz {
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: var(--fw-medium);
}



.ds-status-befunde { align-self: flex-start; }





.ds-status-mini {
  display: flex;
  gap: var(--space-5);
  margin-left: auto;
  padding-left: var(--space-5);
  border-left: 1px solid var(--lod-gray-100);
  flex: 0 0 auto;
}
.ds-status-mini-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ds-status-mini-zahl {
  font-size: var(--kpi-value-md);
  font-weight: var(--fw-semibold);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.ds-status-mini-label { font-size: var(--fs-caption); color: var(--color-text-muted); }
@media (max-width: 999px) {
  .ds-status-mini { margin-left: 0; padding-left: 0; border-left: none; gap: var(--space-4); }
}
@media (max-width: 599px) {
  .ds-status-mini { flex-wrap: wrap; gap: var(--space-3); }
}

.ds-start-titel {
  margin: 0 0 var(--space-2);
  font-size: var(--fs-caption);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}







.ds-start-gruen {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-2-5) var(--space-3);
  border-top: 1px solid var(--lod-gray-100);
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
}
.ds-start-gruen .ui-ico img { opacity: 0.55; }











.ds-reg-tabelle {
  background: var(--color-surface);
  border: 1px solid var(--lod-gray-100);
  border-radius: var(--surface-radius);
  overflow: hidden;
}







.ds-start .ds-bef,
.ds-start .ds-reg {
  display: grid;
  align-items: center;
  gap: var(--space-2-5);
  width: 100%;
  padding: var(--space-2-5) var(--space-3);
  border: none;
  background: none;
  text-align: left;
  color: inherit;
  text-decoration: none;
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: background-color var(--duration-snappy) var(--ease-enter);
}















.ds-start .ds-reg { grid-template-columns: 8px minmax(0, 1fr) 140px 92px minmax(0, 1.2fr) 14px; }









.ds-start .ds-bef {
  grid-template-columns: 8px 3.5ch minmax(0, 1fr) 14px;
  padding-left: calc(var(--space-3) + var(--space-5));
  cursor: default;
}
.ds-start .ds-reg .ds-start-nachweis-pfeil { justify-self: end; }


.ds-reg-gruppe + .ds-reg-gruppe { border-top: 1px solid var(--lod-gray-100); }


.ds-reg-punkte { background: var(--lod-gray-50); }
.ds-start .ds-bef + .ds-bef { border-top: 1px solid var(--lod-gray-100); }


.ds-start .ds-reg:hover { background: var(--lod-gray-50); }
.ds-start .ds-reg:focus-visible { outline: none; box-shadow: var(--lod-shadow-focus); }




.ds-bef-ton {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lod-gray-300);
}


.ds-bef-ton--danger { background: var(--status-danger-border); }
.ds-bef-ton--warning { background: var(--status-warning-border); }




.ds-bef-ton--info { background: var(--status-info-border); }
.ds-bef-ton--success { background: var(--status-success-border); }

.ds-bef-zahl {
  font-variant-numeric: tabular-nums;
  font-weight: var(--fw-semibold);
  text-align: right;
  white-space: nowrap;
}
.ds-bef-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-reg-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.ds-reg-artikel {
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}




.ds-reg-balken {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: var(--lod-gray-100);
  overflow: hidden;
}
.ds-reg-balken-fuell {
  display: block;
  height: 100%;
  border-radius: inherit;
  
  background: var(--status-success-border);
  transition: width var(--duration-normal) var(--ease-enter);
}



.ds-reg-balken-fuell--danger { background: var(--status-danger-border); }
.ds-reg-balken-fuell--warning { background: var(--status-warning-border); }



.ds-reg-balken-fuell--info { background: var(--status-info-border); }
.ds-reg-bestand {
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}


.ds-reg-bestand--leer { font-style: italic; opacity: 0.75; }







.ds-reg-offen {
  min-width: 0;
  font-size: var(--fs-body);
  color: var(--color-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-reg-offen--danger { color: var(--status-danger-fg); font-weight: var(--fw-medium); }
.ds-reg-offen--warning { color: var(--status-warning-fg); font-weight: var(--fw-medium); }


.ds-reg-offen--info { color: var(--status-info-fg); }











.ds-profil {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: var(--space-4);
}
.ds-profil-kachel {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  padding-left: var(--space-4);
  border-left: 1px solid var(--lod-gray-100);
}



.ds-profil-kachel:first-child { padding-left: 0; border-left: none; }


.ds-profil-zahl {
  font-size: var(--kpi-value-md);
  font-weight: var(--fw-semibold);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.ds-profil-titel { font-size: var(--fs-body); }
.ds-profil-sub { font-size: var(--fs-caption); color: var(--color-text-muted); }








.ds-verlauf:has(svg) { min-height: 200px; }

.ds-start-panel {
  background: var(--color-surface);
  border: 1px solid var(--lod-gray-100);
  border-radius: var(--surface-radius);
  padding: var(--space-3);
}



.ds-start-panel .empty-state, .ds-start-panel .mt-empty {
  padding: var(--space-2) 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.ds-start-leerzeile {
  margin: 0 0 var(--space-1);
  padding: var(--space-1) 0;
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
}











.ds-start-aktionen { display: flex; flex-direction: column; }
.ds-start .ds-start-aktion {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-2) var(--space-1);
  border-radius: var(--radius-md);
  text-align: left;
  cursor: pointer;
  color: var(--color-text);
}
.ds-start .ds-start-aktion:not(:last-child) { border-bottom: 1px solid var(--lod-gray-100); }
.ds-start .ds-start-aktion:hover { background: var(--lod-gray-50); }
.ds-start-aktion-ico {
  flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border-radius: var(--radius-md);
  background: var(--lod-darkblue-50);
}
.ds-start-aktion-rumpf { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1 1 auto; }
.ds-start-aktion-titel { font-weight: var(--fw-medium); }
.ds-start-aktion-sub { font-size: var(--fs-caption); color: var(--color-text-muted); }




.ds-start-aktivitaet { display: flex; flex-direction: column; }
.ds-akt-zeile {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: var(--space-2) 0;
  color: inherit;
  text-decoration: none;
  border-radius: var(--radius-md);
}
.ds-akt-zeile:not(:last-child) { border-bottom: 1px solid var(--lod-gray-100); }
.ds-akt-zeile:hover { background: var(--lod-gray-50); }
.ds-akt-kopf {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
}
.ds-akt-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.ds-akt-anzahl {
  flex: 0 0 auto;
  padding: 0 var(--space-1-5);
  border-radius: 999px;
  background: var(--lod-gray-100);
  font-size: var(--fs-meta);
  font-weight: var(--fw-semibold);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}
.ds-akt-zeit { flex: 0 0 auto; font-size: var(--fs-caption); color: var(--color-text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ds-akt-sub { font-size: var(--fs-caption); color: var(--color-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ds-start-fristen { display: flex; flex-direction: column; }




.ds-frist-zeile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  color: inherit;
  text-decoration: none;
  border-radius: var(--radius-md);
}
.ds-frist-zeile:not(:last-child) { border-bottom: 1px solid var(--lod-gray-100); }
.ds-frist-zeile:hover { background: var(--lod-gray-50); }
.ds-frist-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ds-frist-rest { white-space: nowrap; color: var(--color-text-muted); font-variant-numeric: tabular-nums; font-size: var(--fs-caption); }
.ds-frist-rest--rot { color: var(--status-danger-fg); font-weight: var(--fw-medium); }

.ds-start-nachweise { display: flex; flex-direction: column; }








.ds-start-nachweise--reihe {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
.ds-start-nachweise--reihe .ds-start-nachweis:nth-child(odd) { border-left: none; }




.ds-start-nachweise--reihe .ds-start-nachweis-pfeil { display: none; }
.ds-start-nachweise--reihe .ds-start-nachweis {
  padding: var(--space-2) var(--space-3);
  border-left: 1px solid var(--lod-gray-100);
  border-radius: 0;
}


.ds-start-nachweise--reihe .ds-start-nachweis:nth-child(n + 3) { border-top: 1px solid var(--lod-gray-100); }




.ds-start .ds-start-nachweis {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-2) var(--space-1);
  border-radius: var(--radius-md);
  text-align: left;
  cursor: pointer;
  font-size: var(--fs-body);
  color: var(--color-text);
}
.ds-start .ds-start-nachweis:hover { background: var(--lod-gray-50); }



@media (max-width: 999px) {
  .ds-start .ds-start-nachweis { min-height: var(--touch-ziel); }
}
.ds-start-nachweis > span { flex: 1 1 auto; min-width: 0; }
.ds-start-nachweis img { opacity: 0.65; flex: 0 0 auto; }
.ds-start-nachweis-pfeil { opacity: 0.4; }





@media (max-width: 999px) {
  .ds-status { padding: var(--space-4); }
  .ds-status-kopf { gap: var(--space-4); }
  .ds-status-quote { min-width: 110px; }
  .ds-status-zahl { font-size: var(--kpi-value-md); }
}





@media (max-width: 599px) {
  




  .ds-start .ds-reg {
    grid-template-columns: 8px minmax(0, 1fr) auto 14px;
    row-gap: 2px;
  }
  .ds-reg-balken { display: none; }
  





  .ds-start .ds-reg .ds-bef-ton { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
  .ds-start .ds-reg .ds-start-nachweis-pfeil { grid-column: 4; grid-row: 1 / span 2; align-self: center; }
  .ds-reg-name { grid-column: 2; grid-row: 1; }
  .ds-reg-bestand { grid-column: 3; grid-row: 1; }
  .ds-reg-offen { grid-column: 2 / 4; grid-row: 2; }
  

  .ds-reg-offen, .ds-bef-text { white-space: normal; overflow: visible; }
  

  .ds-start .ds-bef { padding-left: var(--space-5); }
  

  .ds-profil-kachel,
  .ds-start-nachweise--reihe .ds-start-nachweis { padding-left: 0; border-left: none; }
}





@media (max-width: 1199px) {
  .ds-start { grid-template-columns: 1fr; }
  .ds-start-neben {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: var(--space-4);
    align-items: start;
  }
}