td .item-list ul {
  display: flex !important;
}

.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block {
  max-width: unset !important;
}

.field-plugin-settings-edit {
  padding: unset !important;
}

.form-item {
  margin-block: .75rem !important;
}

h2.mb-0 {
  margin-bottom: 0 !important;
}

.field--name-field-anmerkung .form-textarea-wrapper {
  max-width: 99% !important;
}

.field--name-order-items > fieldset > .fieldset__wrapper {
  display: flex;
  flex-direction: column;
}

.views-field-field-stock-level > div {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.views-field-field-stock-level > div a {
  font-size: 12px;
}

.views-field-field-kategorie label {
  display: none;
}

.views-field-field-kategorie form {
  display: flex;
  align-content: center;
  gap: 5px;
}

.views-field-field-kategorie form select {
  margin-top: 5px;
}

input[data-drupal-selector="edit-manual-keypad-add"],
input[data-drupal-selector="edit-bank-transfer-keypad-add"],
input[data-drupal-selector="edit-stripe-keypad-add"]{
  position: absolute;
  top: 46px !important;
  right: 18px;
  border: none !important;
}

.layout-pos-form-payment .vertical-tabs__menu {
  width: var(--vertical-tabs-menu-width);
}

/**
 * Dropbutton: Platz fuer den Aufklapp-Pfeil korrekt reservieren.
 *
 * Gin (dist/css/base/gin.css, Regel ".dropbutton--multiple > .dropbutton__item:first-of-type")
 * berechnet die Marge mit --dropbutton-extrasmall-toggle-size (24px), waehrend der
 * Pfeil selbst mit der normalen --dropbutton-toggle-size (3rem) dargestellt wird.
 * Reserviert werden dadurch nur 23px statt 49px. Bei kurzen Beschriftungen faellt
 * das nicht auf, bei langen wie "bearbeiten" laeuft der Text unter den Pfeil und
 * dessen linke Trennlinie schneidet mitten durch das Wort.
 *
 * Diese Datei laedt als Modul-CSS VOR gin.css. Bei gleicher Spezifitaet wuerde
 * Gin gewinnen, deshalb steht hier zusaetzlich .dropbutton vor der Klasse
 * .dropbutton--multiple - das hebt die Spezifitaet ueber Gins Regel. Das
 * !important ist noetig, weil Gin es ebenfalls setzt.
 */
.dropbutton.dropbutton--multiple > .dropbutton__item:first-of-type,
:is(#extra-specificity-hack, [data-drupal-admin-styles]) .dropbutton.dropbutton--multiple > .dropbutton__item:first-of-type {
  margin-inline-end: calc(var(--dropbutton-toggle-size) + var(--dropbutton-toggle-size-spacing) - 2px) !important;
}