@charset "UTF-8";
.showtable th,
.showtable .html-table--header-th {
  background-color: #bbb;
  color: #000;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px;
  border: 2px solid white;
}

.showtable .sortable-header a,
.showtable th a {
  color: #B30632;
}

th[data-htmltable-column] {
  cursor: grab;
}

th.html-table-column-dragging,
th[data-htmltable-column]:active {
  cursor: grabbing;
}

th.html-table-column-drop-placeholder {
  background-color: #bbb;
  border: 1px dashed #000;
  opacity: 0.4;
  visibility: visible !important;
}

.showtable td {
  padding: 5px;
  border: 2px solid white;
}

.showtable tr.odd,
.showtable tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}

.showtable tr.even,
.showtable tbody > tr:nth-child(even) {
  background-color: #f3f2f2;
}

tr.menuplanung-row-alt,
.showtable tbody > tr.menuplanung-row-alt,
.html-table--showtable > tbody > tr.menuplanung-row-alt {
  background-color: #ddd;
}

.showtable tr.odd.dummy {
  background-color: #F0FFFF;
}

.showtable tr.even.dummy {
  background-color: #E0EEEE;
}

.showtable tr.odd.marked {
  background-color: #FFFF99;
}

.showtable tr.even.marked {
  background-color: #FEFF5F;
}

.showtable tr.odd.markedgray {
  color: #888;
}

.showtable tr.even.markedgray {
  color: #888;
}

.showtable tr.marked_missing {
  background-color: #ddb2b2;
}

.showtable tr.odd.marked_ungerade {
  background-color: #ffffff;
}

.showtable tr.even.marked_gerade {
  background-color: #f3f2f2;
}

.table_calendar th {
  background-color: #990000;
}

.table_calendar tr.odd,
.table_calendar tbody > tr:nth-child(odd) {
  background-color: #fff6e5;
}

.table_calendar tr.even,
.table_calendar tbody > tr:nth-child(even) {
  background-color: #f8e5ea;
}

.a_sortheader {
  background-color: white;
}

.form-control--submitted {
  background-color: #f3f2f2;
}

.box_header {
  background-color: #C00435;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8px;
  height: 16px;
  color: #fff;
}

.navi_header {
  color: #8d949a;
}

.navi_content {
  background-color: #fffbf2;
}

.navbox {
  background-color: #FFFBF2;
}

.navbox_titlebar {
  background-image: url(../../../img/menuheader.png);
  background-color: inherit;
  height: 16px;
}

.menu_content {
  font-size: 11px;
  color: white;
  font-weight: bold;
}

.application-footer {
  background-color: #8BC751;
  background: none;
  color: white;
}

.navi_footer {
  color: #63686d;
}

.pagetitle {
  color: #c00435;
  background-color: transparent;
  opacity: 1;
}

.username_text {
  font: 11px bold;
  color: #8d949a;
}

.kostenstelle_container {
  border: 2px solid #19519D;
}

.shopGesamtwert {
  background-color: #C00435;
}

.cartsum {
  background-color: #C00435;
}

.logoutLink {
  color: #C00435;
}

.button {
  font-size: 12px;
}

.loginsubmit {
  background: url(../img/bg_submit.gif) no-repeat;
}

.btn.staging-status--unknown,
.btn.staging-status--down {
  background-image: none;
  background-color: #777;
  border-color: #686868;
  color: #fff;
}
.btn.staging-status--unknown:hover, .btn.staging-status--unknown:focus, .btn.staging-status--unknown.focus, .btn.staging-status--unknown:active, .btn.staging-status--unknown.active,
.btn.staging-status--down:hover,
.btn.staging-status--down:focus,
.btn.staging-status--down.focus,
.btn.staging-status--down:active,
.btn.staging-status--down.active {
  background-color: #686868;
  border-color: #595959;
  color: #fff;
}

.btn.staging-status--up {
  background-image: none;
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
.btn.staging-status--up:hover, .btn.staging-status--up:focus, .btn.staging-status--up.focus, .btn.staging-status--up:active, .btn.staging-status--up.active {
  background-color: #449d44;
  border-color: #398439;
  color: #fff;
}

.dd_bg {
  background-color: #e8e8e8;
}

.news {
  background: #FFF1D9;
  border: 1px solid #FFE3B2;
}

.right_a {
  color: #0E02FF;
}

.right_header {
  color: #0E02FF;
  background: url(../../../img/pfeil_news.gif) no-repeat 0px 2px;
}

.error_block {
  background-color: #C00435;
  color: #fff;
}

.popup_container {
  border: solid 2px #c00435;
}

.ui-widget-content {
  background: #eeeeee url(../../../img/ui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
}

.ui-widget-header {
  background: #B30632;
}

.ui-state-highlight {
  background-color: #006699;
  color: #363636;
}

.sf-menu {
  line-height: 1.3;
}
.sf-menu ul {
  width: 10em;
}
.sf-menu a {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.sf-menu li {
  background: #c10435;
  border: none;
}
.sf-menu li li {
  background: #c10435;
}
.sf-menu li li li {
  background: #555;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: #999;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #000;
  font-weight: 600;
  font-size: 0.9em;
  padding-top: 6px;
  padding-bottom: 2px;
}

.toggle-check-badge {
  position: absolute;
  top: -1px;
  right: -1px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #333;
  pointer-events: none;
}

.split-view-container {
  display: flex;
  width: 100%;
  min-height: 400px;
}

.split-view-container.split-view-open {
  overflow: hidden;
}

html.split-view-noscroll .content_layer {
  padding-right: 0 !important;
}

html.split-view-noscroll,
html.split-view-noscroll body {
  overflow: hidden !important;
  height: 100% !important;
  scrollbar-gutter: auto !important;
}

.split-view-left {
  flex: 1 1 100%;
  transition: flex-basis 0.3s ease;
  position: relative;
}

.split-view-container.split-view-open .split-view-left {
  flex: 0 0 60%;
  overflow: auto;
  min-width: 0;
}

.split-view-container.split-view-open .split-view-left form > .row,
.split-view-container.split-view-open .split-view-left [id^=selectorOptionArrayDest_] .row {
  margin-left: 0;
  margin-right: 0;
  overflow-x: clip;
}

.split-view-container .split-view-left .vdmg-html-table-filter {
  overflow-x: clip;
}

.split-view-right {
  flex: 0 0 0%;
  overflow: hidden;
  transition: flex-basis 0.3s ease, opacity 0.3s ease;
  border-left: 1px solid #ddd;
  padding: 0 0 0 10px;
  opacity: 0;
}

.split-view-container.split-view-open .split-view-right {
  flex: 1 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
}

.split-view-container.split-view-open .split-view-right .split-view-details-content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}

.split-view-container.split-view-open .split-view-left .container-bottom-fixed,
.split-view-container.split-view-open .split-view-right .container-bottom-fixed {
  position: sticky;
  bottom: 0;
  left: 0 !important;
  right: 0 !important;
  min-width: 0;
}

.split-view-container.split-view-open .split-view-right .container-bottom-fixed {
  margin-top: auto;
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.split-view-divider {
  flex: 0 0 5px;
  cursor: col-resize;
  background: transparent;
  display: none;
  position: relative;
}

.split-view-divider::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 1px;
  background: #ccc;
}

.split-view-container.split-view-open .split-view-divider {
  display: block;
}

.split-view-divider:hover,
.split-view-divider.active {
  background: rgba(0, 0, 0, 0.05);
}

.split-view-divider.active::after {
  background: #337ab7;
  width: 2px;
}

.split-view-active-row {
  background-color: rgba(51, 122, 183, 0.15) !important;
}

.split-view-right-header {
  display: none;
}

.split-view-message {
  padding: 8px 12px 8px 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.split-view-message-success {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}

.split-view-message-danger {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
}

.split-view-message-warning {
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  color: #8a6d3b;
}

.split-view-details-content .row > div {
  padding-left: 5px;
  padding-right: 5px;
}

.split-view-details-content .select2-container--open {
  z-index: 9999;
}

@media (min-width: 992px) {
  .split-view-container.split-view-open .filter-button-text {
    display: none;
  }
}
.sv-auto-hidden {
  display: none !important;
}

@container (max-width: 800px) {
  .hfe-compact-layout .form-group > div[id^=form-group-]::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (max-width: 991px) {
  .split-view-container {
    display: block;
  }
  .split-view-divider {
    display: none !important;
  }
  .split-view-right {
    display: none !important;
  }
  .split-view-left {
    flex: 1 1 100% !important;
  }
}
.hfe-field-filter-row {
  margin-bottom: 6px;
}
.hfe-field-filter-row .hfe-field-filter-bar {
  display: inline-block;
  padding: 3px 8px;
  background-color: rgba(127, 127, 127, 0.1);
  border-radius: 4px;
}
.hfe-field-filter-row .hfe-field-filter-tooltip-label {
  display: inline-block;
  margin: 0 8px 0 0;
  font-weight: normal;
  cursor: pointer;
  opacity: 0.75;
  vertical-align: middle;
}
.hfe-field-filter-row .hfe-field-filter-tooltip-label input[type=checkbox] {
  margin: 0 3px 0 0;
  vertical-align: middle;
}
.hfe-field-filter-row .hfe-field-filter-tooltip-label .vdmg-icon--info-circle {
  font-size: 14px;
  vertical-align: middle;
}
.hfe-field-filter-row .hfe-field-filter-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.hfe-field-filter-row .hfe-field-filter-search-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 0.55;
  font-size: 11px;
}
.hfe-field-filter-row .hfe-field-filter-input {
  width: 168px;
  padding-left: 26px;
  padding-right: 26px;
}
.hfe-field-filter-row .hfe-field-filter-reset {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  color: inherit;
  opacity: 0.55;
  text-decoration: none;
  line-height: 1;
  font-size: 11px;
  cursor: pointer;
}
.hfe-field-filter-row .hfe-field-filter-reset:hover, .hfe-field-filter-row .hfe-field-filter-reset:focus {
  opacity: 1;
  text-decoration: none;
}
.hfe-field-filter-row.has-value .hfe-field-filter-reset {
  display: inline-block;
}

.form-layout-label--stacked {
  display: block;
  text-align: left;
  font-size: 12px;
  color: inherit;
  font-weight: normal;
  margin-bottom: 2px;
  padding-top: 0;
}

.hfe-dense-display .form-group {
  margin-bottom: 8px;
}

.hfe-dense-display .form-control-static {
  min-height: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

.hfe-dense-display .control-label {
  padding-top: 4px;
}

.ampel-cockpit-feinjustierung {
  margin-top: 0.5em;
}

.ampel-cockpit-disabled-hint {
  margin-bottom: 1em;
  font-style: italic;
}

.ampel-weight-slider {
  align-items: center;
}
.ampel-weight-slider__label {
  font-weight: 600;
}
.ampel-weight-slider__range {
  width: 100%;
  accent-color: #337ab7;
  cursor: pointer;
}
.ampel-weight-slider__range:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ampel-weight-slider__display {
  display: inline-block;
  min-width: 4.5em;
  font-family: monospace;
  text-align: right;
  font-weight: 600;
}

.ampel-cockpit-reset-row {
  margin: 0.5em 0 1em 0;
  text-align: right;
}

.ampel-reset-balanced {
  font-size: 0.9em;
  text-decoration: none;
}
.ampel-reset-balanced:hover, .ampel-reset-balanced:focus {
  text-decoration: underline;
}

.ampel-preview-pane {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 1em;
  min-height: 7em;
  background-color: #fafafa;
}
.ampel-preview-pane__placeholder {
  color: #888;
  font-style: italic;
  text-align: center;
  padding: 1em 0;
}
.ampel-preview-pane__stub {
  margin-bottom: 0;
}

.ampel-preview__header {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.5em;
  flex-wrap: wrap;
}
.ampel-preview__badge {
  font-size: 1.2em;
}
.ampel-preview__article, .ampel-preview__composite {
  font-size: 0.9em;
  color: #555;
}
.ampel-preview__composite {
  margin-left: auto;
  font-family: monospace;
}

.ampel-preview-table {
  margin-bottom: 0;
}
.ampel-preview-table th,
.ampel-preview-table td {
  padding: 4px 8px;
}
.ampel-preview-table .text-right {
  text-align: right;
}

.todo-board {
  margin-bottom: 2em;
  --todo-schleier-zeile: rgba(0, 0, 0, 0.04);
  --todo-schleier-zelle: rgba(0, 0, 0, 0.08);
}
.todo-board__kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75em;
  margin-bottom: 0.75em;
}
.todo-board__titel {
  margin: 0;
  font-size: 18px;
}
.todo-board__hinweise > .alert {
  margin-bottom: 0.5em;
}
.todo-board__verwaist-text {
  margin: 0.5em 0;
  min-height: 4em;
  user-select: text;
}
.todo-board__spaltenkopf {
  display: grid;
  grid-template-columns: minmax(0, 40fr) minmax(0, 15fr) minmax(0, 35fr) 7.5em;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
}
.todo-board__spalte {
  padding: 4px 6px;
}
.todo-board__fuss {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75em;
  margin-top: 1.25em;
  padding-top: 0.75em;
  border-top: 1px solid #ddd;
}
.todo-board__werkzeuge, .todo-board__infos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
:root {
  --todo-merkmal-aktiv-bg: #fff59d;
  --todo-merkmal-aktiv-akzent: transparent;
  --todo-merkmal-fertig-text: #1b7a2b;
}

.todo-merkmal--aktiv {
  background-color: var(--todo-merkmal-aktiv-bg);
}

.todo-merkmal--fertig {
  color: var(--todo-merkmal-fertig-text);
}

.todo-merkmal--entwicklung.todo-merkmal--aktiv {
  box-shadow: inset 6px 0 0 var(--todo-merkmal-aktiv-akzent);
}

.todo-merkmal--backend.todo-merkmal--aktiv {
  box-shadow: inset -6px 0 0 var(--todo-merkmal-aktiv-akzent);
}

.todo-board-gruppe {
  margin: 0 0 1.75em;
}
.todo-board-gruppe__kopf {
  display: flex;
  align-items: center;
  gap: 0.35em;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  padding: 2px 6px;
  cursor: pointer;
}
.todo-board-gruppe__klapp {
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: bold;
  padding: 2px 4px 2px 0;
  cursor: pointer;
}
.todo-board-gruppe__name {
  font-weight: bold;
}
.todo-board-gruppe__editor {
  font: inherit;
  font-weight: bold;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  min-width: 12em;
  cursor: text;
  box-shadow: inset 0 0 0 1px #337ab7;
}
.todo-board-gruppe__editor:focus {
  outline: none;
}
.todo-board-gruppe__zaehler {
  font-weight: bold;
}
.todo-board-gruppe__optionen {
  margin-left: auto;
  width: 7.5em;
  text-align: right;
  cursor: default;
}
.todo-board-gruppe__fuss {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 4px 6px 0;
}
.todo-board-gruppe__pfeil {
  display: inline-block;
  transition: transform 220ms ease-out;
}
.todo-board-gruppe__zeilen {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 220ms ease-out;
}
.todo-board-gruppe__innen {
  min-height: 0;
}
.todo-board-gruppe__leer {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0;
  border: 1px dashed #ddd;
  font-style: italic;
  opacity: 0.8;
}
.todo-board-gruppe__leer[hidden] {
  display: none;
}
.todo-board-gruppe--zu .todo-board-gruppe__zeilen {
  grid-template-rows: 0fr;
}
.todo-board-gruppe--zu .todo-board-gruppe__innen {
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s linear 220ms;
}
.todo-board-gruppe--zu .todo-board-gruppe__pfeil {
  transform: rotate(-90deg);
}
.todo-board-gruppe--zu .todo-board-gruppe__fuss {
  display: none;
}

.todo-board-zeile {
  display: grid;
  grid-template-columns: minmax(0, 40fr) minmax(0, 15fr) minmax(0, 35fr) 7.5em;
  border-bottom: 1px solid #ddd;
}
.todo-board-zeile__fehler {
  grid-column: 1/-1;
  padding: 2px 6px 4px;
  color: #a94442;
  font-weight: bold;
}
.todo-board-zeile__id {
  font-family: monospace;
}
.todo-board-zeile--entwurf > .todo-board-zelle--titel {
  box-shadow: inset 3px 0 0 #d58512;
}
.todo-board-zeile:hover > .todo-board-zelle, .todo-board-zeile:has(:focus-visible) > .todo-board-zelle {
  background-image: linear-gradient(var(--todo-schleier-zeile), var(--todo-schleier-zeile));
}
.todo-board-zeile:hover > .todo-board-zelle--bearbeitbar:hover, .todo-board-zeile:focus-within > .todo-board-zelle--bearbeitbar:focus-visible {
  background-image: linear-gradient(var(--todo-schleier-zelle), var(--todo-schleier-zelle));
}

.todo-board-zelle {
  position: relative;
  padding: 4px 6px;
  line-height: 1.4;
  min-width: 0;
  overflow-wrap: anywhere;
  transition: background-color 150ms;
}
.todo-board-zelle__text {
  min-height: 1.4em;
}
.todo-board-zelle--bearbeitbar {
  cursor: text;
}
.todo-board-zelle--bearbeitbar:focus-visible {
  outline: 2px solid #337ab7;
  outline-offset: -2px;
}
.todo-board-zelle--optionen {
  text-align: right;
  white-space: nowrap;
}
.todo-board-zelle--titel.todo-merkmal--aktiv {
  box-shadow: inset 6px 0 0 var(--todo-merkmal-aktiv-akzent);
  padding-left: 12px;
}
.todo-board-zelle--bemerkung.todo-merkmal--aktiv {
  box-shadow: inset -6px 0 0 var(--todo-merkmal-aktiv-akzent);
  padding-right: 12px;
}
.todo-board-zelle--entwurf .todo-board-editor {
  box-shadow: inset 0 0 0 1px #d58512;
}

.todo-board-editor {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 1.4em;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  background: transparent;
  resize: none;
  overflow: hidden;
  user-select: text;
  box-shadow: inset 0 0 0 1px #337ab7;
}
.todo-board-editor:focus {
  outline: none;
}

.todo-board-entwurfsleiste {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 2px;
  font-size: 11px;
  color: #d58512;
}

.todo-board-status {
  position: absolute;
  top: 2px;
  right: 4px;
  z-index: 2;
  padding: 0 6px;
  border-radius: 8px;
  font-size: 10px;
  line-height: 16px;
  background-color: #eee;
  transition: opacity 200ms;
}
.todo-board-status--speichert::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border: 1px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  vertical-align: -1px;
  animation: todo-board-drehen 0.8s linear infinite;
}
.todo-board-status--gespeichert {
  background-color: #dff0d8;
}
.todo-board-status--fehler {
  background-color: #c9302c;
  color: #fff;
}
.todo-board-status--weg {
  opacity: 0;
}

@keyframes todo-board-drehen {
  to {
    transform: rotate(360deg);
  }
}
.todo-board-zelle--blitz {
  animation: todo-board-blitz 200ms ease-out 1;
}

@keyframes todo-board-blitz {
  from {
    box-shadow: inset 0 0 0 999px rgba(92, 184, 92, 0.35);
  }
  to {
    box-shadow: inset 0 0 0 999px rgba(92, 184, 92, 0);
  }
}
.todo-board-menue {
  position: relative;
  display: inline-block;
}
.todo-board-menue__ausloeser {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 2px 4px;
  cursor: pointer;
}
.todo-board-menue__liste {
  position: absolute;
  top: calc(100% - 8px);
  right: 0;
  z-index: 30;
  min-width: 14em;
  margin: 0;
  padding: 12px 0 4px;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 120ms, opacity 0s linear 120ms;
}
.todo-board-menue:hover .todo-board-menue__liste, .todo-board-menue:focus-within .todo-board-menue__liste, .todo-board-menue.is-offen .todo-board-menue__liste {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 150ms linear 0s;
}
.todo-board-menue.is-zu .todo-board-menue__liste {
  visibility: hidden;
  opacity: 0;
  transition: none;
}
.todo-board-menue__kopf {
  display: block;
  padding: 2px 12px 4px;
  margin-bottom: 2px;
  border-bottom: 1px solid #ddd;
  font-family: monospace;
  white-space: nowrap;
  opacity: 0.75;
}
.todo-board-menue__kopf.todo-board-zeile__id {
  margin-bottom: 0;
  border-bottom: 0;
}
.todo-board-menue__abschnitt {
  display: block;
  padding: 4px 12px 2px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.7;
  cursor: default;
}
.todo-board-menue__trenner {
  height: 0;
  margin: 4px 0;
  border-top: 1px solid #ddd;
}
.todo-board-menue__verschieben {
  margin: 0;
  padding: 0;
  list-style: none;
}
.todo-board-menue__verschieben--scroll {
  max-height: 15em;
  overflow-y: auto;
}
.todo-board-menue__icon {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  margin-right: 0.4em;
}
.todo-board-menue__punkt {
  display: block;
  width: 100%;
  padding: 3px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.todo-board-menue__punkt:hover, .todo-board-menue__punkt:focus {
  background-color: #f7faff;
  text-decoration: none;
}
.todo-board-menue__punkt[role=menuitemcheckbox]::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 1.1em;
  height: 1.1em;
  margin-right: 0.4em;
  border: 1px solid currentColor;
  border-radius: 2px;
  font-size: 0.9em;
  line-height: calc(1.1em - 2px);
  text-align: center;
  vertical-align: -0.15em;
}
.todo-board-menue__punkt[role=menuitemcheckbox][aria-checked=true]::before {
  content: "✔";
}
.todo-board-menue__punkt--gefahr {
  color: #a94442;
}
.todo-board-menue__punkt[hidden] {
  display: none;
}

.todo-board-verantwortliche__suche {
  margin-bottom: 0.75em;
}
.todo-board-verantwortliche__kopf, .todo-board-verantwortliche__zeile {
  display: grid;
  grid-template-columns: 5.5em minmax(0, 1fr) 4em;
  align-items: center;
  gap: 0.5em;
}
.todo-board-verantwortliche__kopf {
  padding: 0 4px 4px;
  font-weight: bold;
}
.todo-board-verantwortliche__spalte--haupt, .todo-board-verantwortliche__haupt {
  text-align: center;
}
.todo-board-verantwortliche__liste {
  max-height: 60vh;
  overflow-y: auto;
}
.todo-board-verantwortliche__zeile {
  margin: 0;
  padding: 3px 4px;
  font-weight: normal;
  border-top: 1px solid #ddd;
}
.todo-board-verantwortliche__zeile[hidden] {
  display: none;
}
.todo-board-verantwortliche__zustaendig, .todo-board-verantwortliche__haupt {
  margin: 0;
}
.todo-board-verantwortliche__kuerzel {
  display: inline-block;
  min-width: 3em;
  font-weight: bold;
}
.todo-board-verantwortliche__haupt input:disabled {
  cursor: not-allowed;
}
.todo-board-verantwortliche__fehler {
  margin: 0.75em 0 0;
}

.todo-board-prozesslog .modal-body {
  overflow-x: auto;
}
.todo-board-prozesslog__tabelle {
  margin-bottom: 0;
  overflow-wrap: break-word;
}
.todo-board-prozesslog__tabelle > thead > tr > th {
  white-space: nowrap;
}
.todo-board-prozesslog__aktion, .todo-board-prozesslog__feld {
  white-space: nowrap;
}
.todo-board-prozesslog__zeitpunkt {
  white-space: nowrap;
  padding-right: 1em;
}
.todo-board-prozesslog__leer, .todo-board-prozesslog__laedt {
  margin: 0;
  font-style: italic;
}

.todo-board-menue__hinweis {
  display: block;
  padding: 3px 12px;
  font-style: italic;
  white-space: nowrap;
  opacity: 0.8;
}

.todo-board--zieht {
  user-select: none;
}

.todo-board-zeile.ui-sortable-helper {
  z-index: 40;
  background-color: #fff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  cursor: grabbing;
}

.todo-board-platzhalter {
  box-sizing: border-box;
  border: 2px dashed #337ab7;
  background-color: rgba(51, 122, 183, 0.08);
  animation: todo-board-platzhalter-ein 200ms ease-out 1;
}

@keyframes todo-board-platzhalter-ein {
  from {
    transform: scaleY(0.6);
  }
  to {
    transform: scaleY(1);
  }
}
.todo-board-zeile--gleitet {
  transition: transform 200ms ease-out;
}

.todo-board-zeile--verschiebt {
  opacity: 0.75;
}

.todo-board-gruppe--ziel .todo-board-gruppe__leer {
  border-color: #337ab7;
  background-color: rgba(51, 122, 183, 0.08);
  opacity: 1;
}

.todo-board-gruppe--oeffnet > .todo-board-gruppe__kopf {
  outline: 2px dashed #337ab7;
  outline-offset: -2px;
}

.todo-board-schnellfilter {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  gap: 0.4em;
}
.todo-board-schnellfilter__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 2px 10px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background-color: #eee;
  color: inherit;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}
.todo-board-schnellfilter__chip:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.08);
}
.todo-board-schnellfilter__chip:focus-visible {
  outline: 2px solid #337ab7;
  outline-offset: 1px;
}
.todo-board-schnellfilter__chip[aria-pressed=true] {
  border-color: #337ab7;
  background-color: #337ab7;
  color: #fff;
  font-weight: bold;
}
.todo-board-schnellfilter__zahl {
  min-width: 1.6em;
  padding: 0 5px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.08);
  text-align: center;
}
.todo-board-schnellfilter__leer {
  flex-basis: 100%;
  margin: 0;
  font-style: italic;
}
.todo-board-schnellfilter__leer[hidden] {
  display: none;
}

.todo-board-zeile--gefiltert {
  display: none;
}

.todo-board-gruppe--gefiltert > .todo-board-gruppe__kopf {
  opacity: 0.55;
}
.todo-board-gruppe--gefiltert .todo-board-gruppe__zeilen,
.todo-board-gruppe--gefiltert .todo-board-gruppe__fuss {
  display: none;
}
.todo-board-gruppe--gefiltert.todo-board-gruppe--gefiltert-gezeigt > .todo-board-gruppe__kopf {
  opacity: 1;
}
.todo-board-gruppe--gefiltert.todo-board-gruppe--gefiltert-gezeigt .todo-board-gruppe__zeilen {
  display: grid;
  grid-template-rows: 1fr;
}
.todo-board-gruppe--gefiltert.todo-board-gruppe--gefiltert-gezeigt .todo-board-gruppe__innen {
  overflow: visible;
  visibility: visible;
}
.todo-board-gruppe--gefiltert.todo-board-gruppe--gefiltert-gezeigt .todo-board-gruppe__fuss {
  display: flex;
}
.todo-board-gruppe--gefiltert.todo-board-gruppe--gefiltert-gezeigt .todo-board-zeile--gefiltert {
  display: grid;
}

.todo-excel-import-vorschau .form-control {
  max-width: 100%;
}
.todo-excel-import-vorschau__scroll {
  margin-bottom: 0;
}
.todo-excel-import-vorschau__tabelle > thead > tr > th {
  white-space: nowrap;
}
.todo-excel-import-vorschau__typ {
  display: inline-block;
  width: auto;
  min-width: 9em;
}
.todo-excel-import-vorschau__titel, .todo-excel-import-vorschau__bemerkung {
  min-width: 16em;
}
.todo-excel-import-vorschau__verantwortliche {
  min-width: 9em;
}
.todo-excel-import-vorschau__haupt {
  display: block;
}
.todo-excel-import-vorschau__haupt .form-control {
  display: inline-block;
  width: auto;
  min-width: 5em;
}
.todo-excel-import-vorschau__paar .checkbox-inline {
  margin: 0 10px 0 0;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .todo-board-zelle,
  .todo-board-gruppe__zeilen,
  .todo-board-gruppe__pfeil,
  .todo-board-status,
  .todo-board-zeile--gleitet {
    transition: none;
  }
  .todo-board-platzhalter {
    animation: none;
  }
  .todo-board-gruppe--zu .todo-board-gruppe__innen {
    transition: none;
  }
  .todo-board-status--speichert::before,
  .todo-board-zelle--blitz {
    animation: none;
  }
  .todo-board-menue:hover .todo-board-menue__liste,
  .todo-board-menue:focus-within .todo-board-menue__liste,
  .todo-board-menue.is-offen .todo-board-menue__liste {
    transition: visibility 0s linear 0s;
  }
}
.todo-board-hauptverantwortlicher {
  white-space: nowrap;
  display: inline-block;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.todo-board-zeile .todo-board-menue__ausloeser,
.todo-board-gruppe__kopf .todo-board-menue__ausloeser {
  opacity: 0;
  transition: opacity 120ms ease;
}

.todo-board-gruppe__kopf:hover .todo-board-menue__ausloeser,
.todo-board-gruppe__kopf:has(:focus-visible) .todo-board-menue__ausloeser,
.todo-board-gruppe__kopf .todo-board-menue.is-offen .todo-board-menue__ausloeser,
.todo-board-zeile:hover .todo-board-menue__ausloeser,
.todo-board-zeile:has(:focus-visible) .todo-board-menue__ausloeser,
.todo-board-zeile .todo-board-menue.is-offen .todo-board-menue__ausloeser {
  opacity: 1;
}

@media (hover: none), (pointer: coarse) {
  .todo-board-zeile .todo-board-menue__ausloeser,
  .todo-board-gruppe__kopf .todo-board-menue__ausloeser {
    opacity: 1;
  }
}
.todo-board__titelzeile {
  flex-basis: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.todo-board__titelaktionen {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.todo-board__settings,
.todo-board__zurueck {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.todo-board-filter {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 12px 0 16px;
}
.todo-board-filter__abschnitt {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.todo-board-filter__abschnittstitel {
  flex-basis: 100%;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.75;
}
.todo-board-filter__gruppe {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.todo-board-filter__label {
  width: auto;
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: 0.9em;
  font-weight: 600;
}
.todo-board-filter__option {
  position: relative;
  display: inline-block;
  margin: 0;
  font-weight: normal;
  cursor: pointer;
}
.todo-board-filter__option span {
  display: inline-block;
  min-width: 30px;
  padding: 4px 6px;
  text-align: center;
  border: 1px solid #ddd;
  background: #f5f5f5;
}
.todo-board-filter__option:first-of-type span {
  border-radius: 5px 0 0 5px;
}
.todo-board-filter__option:last-of-type span {
  border-radius: 0 5px 5px 0;
}
.todo-board-filter__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.todo-board-filter__radio:checked + span {
  border-color: #337ab7;
  box-shadow: inset 0 -2px 0 #337ab7;
  font-weight: 700;
}
.todo-board-filter__radio:focus-visible + span {
  outline: 2px solid #337ab7;
  outline-offset: 2px;
}
.todo-board-filter__anzahl {
  padding-bottom: 5px;
  font-size: 0.9em;
}

.todo-board__settings {
  padding: 4px 6px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.todo-board__settings:focus-visible {
  outline: 2px solid #337ab7;
  outline-offset: 2px;
}

.todo-board__titelzeile .todo-board__titel {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vdmg-kontextmenue {
  position: fixed;
  right: auto;
  bottom: auto;
  z-index: 1000;
  max-height: 100vh;
  overflow-y: auto;
}

@media (prefers-reduced-motion: reduce) {
  .vdmg-kontextmenue {
    transition: none;
  }
}
.tender-media {
  display: inline-flex;
  align-items: flex-start;
  max-width: 100%;
  vertical-align: top;
}
.tender-media a:focus-visible {
  outline: 2px solid #2a6ebb;
  outline-offset: 1px;
}
.tender-media > a[data-toggle=lightbox] {
  display: block;
  flex: 0 0 auto;
  width: 100px;
  height: 75px;
  background-color: #f5f5f5;
}
.tender-media .product-image-wrapper,
.tender-media .product-image {
  width: 100px;
  height: 75px;
  object-fit: contain;
}
.tender-media[data-media-kind=link] {
  min-width: 12em;
}
.tender-media[data-media-kind=link] a {
  word-break: break-all;
}

.tender-media-edit {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.tender-media-edit__toggle {
  flex: 0 0 auto;
  text-decoration: none;
  opacity: 0;
}
.tender-media-edit__toggle:focus-visible {
  opacity: 1;
  outline: 2px solid #2a6ebb;
  outline-offset: 1px;
}
.tender-media-edit:hover .tender-media-edit__toggle {
  opacity: 1;
}

tr:hover .tender-media-edit__toggle {
  opacity: 1;
}

th.tender-vergleich__head {
  background-color: #f9f9f9;
}

@font-face {
  font-family: "Merriweather";
  font-display: optional;
  src: url("../../../general/css/fonts/Merriweather-Regular.eot");
  src: url("../../../general/css/fonts/Merriweather-Regular.eot?#iefix") format("embedded-opentype"), url("../../../general/css/fonts/Merriweather-Regular.woff2") format("woff2"), url("../../../general/css/fonts/Merriweather-Regular.woff") format("woff"), url("../../../general/css/fonts/Merriweather-Regular.ttf") format("truetype"), url("../../../general/css/fonts/Merriweather-Regular.svg#Merriweather-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.merriweather-font {
  font-family: Merriweather, serif;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../../general/css/fonts/Montserrat-Regular.eot");
  src: url("../../../general/css/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../../../general/css/fonts/Montserrat-Regular.woff2") format("woff2"), url("../../../general/css/fonts/Montserrat-Regular.woff") format("woff"), url("../../../general/css/fonts/Montserrat-Regular.ttf") format("truetype"), url("../../../general/css/fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.montserrat-font {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar.navbar-default,
.sidebar-header-logo {
  background-color: #007abb;
  background-image: url("../img/navbar_background.png");
  background-repeat: repeat-x;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.btn-group--mobile .btn {
  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

a {
  color: #007abb;
}

.bg-primary {
  background-color: #007abb;
}

.btn-primary {
  background-color: #007abb;
}

.header_content_customer {
  background-color: #007abb;
  background-image: unset;
  filter: unset;
  background-repeat: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  color: #fff;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand > img {
  max-height: 50px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-repeat: unset;
  background-image: unset;
  filter: unset;
  background-color: rgba(170, 170, 170, 0.42);
  color: #fff;
}

.dropdown-menu {
  background-image: url("../img/navbar_dropdown_background.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.badge-notify--dashboard-count {
  top: 6px;
  left: 23px;
}

.navbar-nav > li > a {
  text-shadow: 1px 2px 2px #000;
}

.nav-header--user-profile {
  background-color: rgba(0, 0, 0, 0.15);
}