[dir="ltr"] .form-element--type-select {
  width: 100% !important;
}

.node-selection-form:before {
  content: "Sammlung von eLabels – ideal für die Getränkekarte, mit einem QR-Code für alle in der Übersicht enthaltenen Weine";
  font-weight: bold;
}

.node-selection-form .claro-details__description,
.node-selection-edit-form .claro-details__description{
  max-width: 100%;
  font-size: 13px;
  line-height: 140%;
  margin-top: -12px;
  color: #333;
}

.node-selection-form .field--name-body,
.node-selection-edit-form .field--name-body{
  width: 100%;
  text-align: left;
}

.node-selection-form .form-item__description,
.node-selection-edit-form .form-item__description {
  max-width: 100%;
  color: #333;
}

.node-selection-form .entities-list:not(.entities-list--single-item),
.node-selection-edit-form .entities-list:not(.entities-list--single-item) {
  display: flex;
  width: auto !important;
  padding-right: 90px !important;
  flex-wrap: wrap;
  gap: 0px !important;
}

.node-selection-form .entities-list .item-container,
.node-selection-edit-form .entities-list .item-container{
  width: auto;
  padding-right: 100px !important;
  min-height: auto !important;
  border: none !important;
  margin-right: 15px !important;
}

.node-selection-form .entities-list .item-container > .replace-button, 
.node-selection-form .entities-list .item-container > .edit-button,
.node-selection-form .entities-list .item-container > .remove-button
{
  margin-top: 4px !important;
}

.node-selection-edit-form .entities-list .item-container > .replace-button, 
.node-selection-edit-form .entities-list .item-container > .edit-button,
.node-selection-edit-form .entities-list .item-container > .remove-button
{
  margin-top: 4px !important;
}


.node-selection-form #entity_browser_iframe_test_nodes,
.node-selection-edit-form #entity_browser_iframe_test_nodes {
  border-bottom: 3px solid #00875f;
  padding-bottom: 25px !important;
}

.node-selection-form #edit-field-selection-wrapper .form-wrapper.claro-details,
.node-selection-edit-form #edit-field-selection-wrapper .form-wrapper.claro-details{
  border: 2px solid #00875f !important;
  margin-top: 30px;
}

.node-selection-form .field--type-text-with-summary .filter-wrapper,
.node-selection-edit-form .field--type-text-with-summary .filter-wrapper{
  display: none;
}

.node-selection-form .entities-list .item-container.label,
.node-selection-edit-form .entities-list .item-container.label {
  white-space: nowrap;
}


#edit-field-oeko  {
 display: flex;
 flex-direction: row;
 gap: 25px;
 row-gap: 0px;
 max-width: 100%;
 flex-wrap: wrap;
}

.druckwerkkrems #edit-field-domain-access--wrapper label,
.druckwerkkrems .fieldset__label {
  font-size: 0px;
}

.druckwerkkrems #edit-field-domain-access--wrapper label:before {
  content: "Für Kunden freigeben";
  font-size: 14px;
}

.druckwerkkrems #edit-field-domain-access--wrapper .fieldset__label:before {
  content: "Domainzugriff";
  font-size: 14px;
}

.druckwerkkrems #edit-field-domain-access--wrapper .fieldset__description {
  display: none;
}

.path-user .form-item--field-adresse-0-address-postal-code {
  margin-block: 0;
}

#edit-title-wrapper:after {
  content: "Tipp: Der Senkrechtstrich \"|\" kann für einen gezielten Zeilenumbruch genutzt werden; zB: Grüner Veltliner | elabels.at";
  font-size: 12px;
  padding: 5px 0px;
}

#edit-field-kennzeichnung-wrapper, #edit-field-land-wrapper{
  grid-column: span 2;
}

.required-mark {
  display: none;
}

.field-plugin-settings-edit {
  padding: 0px;
}

.select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  z-index: 99;
}

.select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
  z-index: 99;
}


#edit-group-impressum .claro-details__description {
  max-width: 100%;
}

#field-geschaeftlicher-stand-add-more-wrapper thead,
#field-geschaeftlicher-stand-add-more-wrapper .tabledrag-toggle-weight-wrapper,
#field-geschaeftlicher-stand-add-more-wrapper .paragraph-type{
  display: none;
}

#edit-field-produktart-chosen-search-result-0 {
  font-size: 14px;
}

.form-item--field-traubensaft-0-value .form-item__label:before,
.form-item--field-trinkwasser-0-value .form-item__label:before{
  content: "%";
  margin-right: 5px;
}

.form-item--field-traubensaft-0-value .form-item__suffix,
.form-item--field-trinkwasser-0-value .form-item__suffix{
  display: none;
}

.druckwerkkrems.gin-login #edit-register-button {
  display: none;
}

.reseller #edit-roles--wrapper,
.reseller #edit-field-domain-access--wrapper{
  display: none;
}

.reseller .user-form-page__page-title {
  position: relative;
  font-size: 0px;
}

.reseller .user-form-page__page-title:before {
  font-size: 28px;
  content: "Kundenprofil"
}

.reseller #edit-actions {
  display: block;
  width: 160px;
  position: relative;
}
.reseller #edit-actions:after {
  content: "Speichern";
  left: 0px;
  right: 0px;
  margin: auto;
  top: 15px;
  height: 24px;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
}

.reseller #edit-submit {
  font-size: 0px;
  width: 160px;
}

.gin--edit-form .imager-edit-container canvas {
  max-width: 300px !important;
  height: auto !important;
  overflow: hidden !important;
}

.gin--edit-form .imager-edit-container {
  max-width: 300px;
}

.user-logged-in.path-user .user-form-page__user-form img.toolbar-icon-home,
.user-logged-in.path-user .user-form-page__wallpaper {
  display: none;
}

.user-logged-in.path-user .user-form-page__user-form {
  padding-top: 18px;
}

.placeholder {
  background: none;
  opacity: 1;
  vertical-align: baseline
}

 [dir="ltr"] .gin--edit-form {
    padding-right: 0px;
  }

[dir="ltr"] .gin--edit-form .page-wrapper__node-edit-form .layout-region-node-secondary{
  visibility: hidden;
  display: none;
}

[dir="ltr"] .meta-sidebar__trigger {
  display: none;
}

.gutenberg p {
  font-family: "Lato";
}

#edit-register-button {
	display: none;
}

#edit-field-blocked-countries--description {
  max-width: 100%;
}

#edit-group-split .gin--edit-form .claro-details__wrapper.details-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

#edit-group-optional .fieldset__wrapper{
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 25px;
  row-gap: 0px;
  padding-right: 25px;
}

#edit-group-optional {
  float: left;
  width: 50%;
  margin-right: 25px;
}

#edit-title-wrapper .form-item {
  margin-bottom: 0px;
}

#edit-field-image-wrapper fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#edit-field-image-wrapper .fieldset__wrapper {
  margin: 0px 
}

#edit-field-image-wrapper .fieldset__label {
  display: none;
}

#edit-field-image-wrapper .description {
  font-size: 12px;
  line-height: 140%;
}

#edit-field-image-wrapper .form-item {
  margin-top: 0px;
}

#edit-field-image-wrapper .claro-details__wrapper.details-wrapper  {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0px

}

#edit-field-image-wrapper .claro-details {
  border: 0px;
}

#edit-group-inhaltsstoffe #wein{
  display: grid;
  gap: 25px;
  row-gap: 0px;
  grid-template-columns: 1fr 1fr;
}

#edit-group-inhaltsstoffe #aromatisiert {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}



#mischung .fieldset__label {
  display: none;
}

#mischung .form-wrapper {
  border: none;
}
#mischung .fieldset__wrapper{
  margin: 0px;
}

#mischung thead {
  display: none;
}

#mischung table tr, #mischung table .draggable-table.tabledrag-disabled tr {
  background: none !important;
}

#edit-group-inhaltsstoffe select {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}

#edit-group-inhaltsstoffe .claro-autocomplete {
  width: 100%;
}

#edit-group-inhaltsstoffe .form-element.chosen-container-multi {
  width: 100% !important;
}

#edit-group-naehrwertangaben .claro-details__wrapper.details-wrapper {
  display: grid;
  gap: 25px;
  row-gap: 0px;
  grid-template-columns: 1fr 1fr;
}

#edit-group-naehrwertrechner .claro-details__wrapper.details-wrapper,
#edit-group-laboranalyse .claro-details__wrapper.details-wrapper{
  display: grid;
  gap: 0px;
  row-gap: 0px;
  grid-template-columns: 1fr;
}

#edit-group-naehrwertrechner .claro-details__wrapper.details-wrapper .form-item,
#edit-group-laboranalyse .claro-details__wrapper.details-wrapper .form-item{
  margin-bottom: 0px;
}

#edit-group-naehrwertangaben fieldset {
  margin-bottom: 0px;
}

#edit-group-naehrwertangaben .horizontal-tabs {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-top: 25px;
  padding: 0px 20px 25px 20px;
}

#edit-group-naehrwertangaben .claro-details__description {
  margin-bottom: 0px;
}

#edit-field-kleinstmenge--wrapper .fieldset__label  {
  display: none;
}


#edit-field-nettomenge-wrapper .form-item__label:after {
  content: "in Ganzzahlen (z.B. 750)";
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  margin-left: 5px;
}

.form-item--field-kleinstmenge:nth-child(1) label {
  font-size: 0px;
}

.form-item--field-kleinstmenge:nth-child(1):after {
  content: "Keine Werte | Werte wie angegeben";
  font-size: 14px;
  color: #000;
  margin-left: -3px
}

.claro-details__description {
    flex-basis: 100%;
}

.chosen-container .chosen-drop {
  left: 0px;
  right: 0x;
  top: 110%;
}

.form-element {
  width: 100%;
}


#edit-title-wrapper input {
  width: 100%;
  max-width: 100% !important;
}

#edit-group-naehrwertangaben .form-element {
 width:calc(100% - 55px);
}


#edit-group-image {
  flex: 1;
}

#edit-group-image summary {
  display: none;
}

#edit-group-optional input {
  max-width: 100% !important;
}

#edit-group-optional .form-item {
  margin-top: 0px;
  width: 100% !important;
  max-width: 100% !important;
}


#edit-group-naehrwertangaben {
  display: flex;
}

#edit-group-inhaltsstoffe .form-item__description {
  display: none;
}

#edit-field-produktart--description {
  display: block !important;
  max-width: 100%;
}

#edit-group-inhaltsstoffe .form-item {
  margin-bottom: 0px;
}

#edit-field-oeko-wrapper .form-item__label{
  white-space: nowrap;
}

#edit-group-details-aromatisiert .claro-details__description {
  max-width: 100%;
}

#edit-group-details-aromatisiert {
  margin-bottom: 0px;
  margin-top: 25px;
}

[id^="edit-field-wein-"][id$="-inline-entity-form"]{
  display: grid;
  gap: 15px;
  width: 100%;
  grid-template-columns:  1fr 1fr;
  margin-bottom: -18px;
}

[id^="edit-field-mischung-"][id$="-inline-entity-form"]{
  display: grid !important;
  grid-template-columns: 3fr 1fr;
  gap: 15px;
  margin-bottom: 8px
}

[id^="edit-field-mischung-"][id*="-inline-entity-form--"]  {
  display: grid !important;
  grid-template-columns: 3fr 1fr;
  gap: 15px;
  margin-bottom: 8px;
}

[id^="edit-field-wein-"][id$="-inline-entity-form-field-prozentsatz-wrapper"]{
  position: relative;
}

[id^="edit-field-wein-"][id$="-inline-entity-form-field-prozentsatz-wrapper"] .form-item__suffix {
  position: absolute;
  bottom: 0px !important;
  display: flex;
  align-items: center;
  padding-top: 10px;
}


#mischung  {
  margin-top: -24px;
}

#mischung .fieldset__wrapper {
  position: relative;
}


#mischung .form-element {
  height: 48px;
}

#mischung .form-item__suffix{
  position: absolute;
  right: 40px;
  top: 38px;
}
#wein .form-item__suffix{
  position: absolute;
  right: 40px;
  bottom: 0px;
}



#mischung .form-wrapper{
  position: relative;
}

#mischung .form-item__suffix {
  position: absolute;
}

#mischung .field-multiple-drag.tabledrag-cell.tabledrag-cell--only-drag {
  position: absolute;
  right:12px;
  margin-top: -5px;
}

#mischung td {
  padding: 0px;
  border: 0px;
}

#mischung tr {
  border: 0px;
}

#mischung .button {
  margin-inline: 0px;
  margin-left: 15px;
}

#mischung .field-add-more-submit {
  margin-left: 0px;
}

#mischung .tabledrag-toggle-weight-wrapper {
  display: none;
}

fieldset:not(.fieldgroup) {
  padding-top: 3px !important;
  padding-bottom: 12px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 11px !important;
  height: 45px !important;
  border: none !important;
  box-shadow: none !important;
  border: 0px solid !important;
}

.select2-container--gin .select2-search--dropdown .select2-search__field:focus, .select2-container--gin.select2-container--focus {
  box-shadow: none !important;
}


.select2-selection__choice {
  height: 30px;
  margin-top: 7px !important;
  font-size: 13px !important;
  padding-top: 6px !important;
  padding-left: 9px !important;
  white-space: nowrap;
}

.select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  border: 0px;
  height: 15px;
  width: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select2-results__option--selectable {
  font-size: 14px;
  min-height: 1.5rem !important;
  padding: calc(0.5rem - 1px) calc(1rem - 1px) !important;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
  padding-top: 5px !important;
  margin-top: 20px !important;
  top: 30px;
  padding-top: 50px !important;
  font-size: 14px;
}

.select2-selection {
  height: 48px !important;
}



@media (max-width: 768px) {
  
  #edit-group-inhaltsstoffe #wein {
    grid-template-columns: 1fr;
  }
  
#edit-group-naehrwertangaben .claro-details__wrapper.details-wrapper {
  gap: 0;
  row-gap: 0px;
  grid-template-columns: 1fr;
}
  
  #edit-group-optional {
  float: left;
  width: 100%;
  margin-right: 0px;
}
  
  #edit-group-inhaltsstoffe .claro-details__wrapper.details-wrapper {
  display: grid;
  gap: 0px;
  row-gap: 0px;
  row-gap: 0px;
  grid-template-columns: 1fr;
}
  
    #edit-group-inhaltsstoffe .form-item {
    margin-bottom: 0px;
  }
  
}

@media (max-width: 640px) {
  .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
    margin-bottom: 5px;
  }
  
  #field-geschaeftlicher-stand-values label {
    hyphens: none;
  }
  
  #edit-field-oeko {
    flex-direction: column;
  }
  
}