@charset "UTF-8";
/*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */
/*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */
:root {
  color-scheme: light;
  --sx-body-background: white;
  --sx-hr-background-color: whitesmoke;
  --sx-button-background: inherit;
  --sx-submit-button-border-color: hsl(141, 71%, 48%);
  --sx-reset-button-border-color: hsl(48, 100%, 67%);
  --sx-close-button-border-color: hsl(0, 0%, 71%);
  --sx-card-background: white;
  --sx-modal-values-background: #ecf0f3;
  --sx-input-background: white;
  --sx-input-background-ndSchluesselfeld: #fffaf0;
  --sx-input-container-background: inherit;
  --sx-sichtentreeCaret-color: #014A7B;
  --sx-navbar-dialogue-background: #ecf0f3;
  --sx-title-dialogue-color: hsl(0, 0%, 21%);
  --sx-breadcrumbSeparator-color: hsl(0, 0%, 21%);
  --sx-navbar-background: #ecf0f3;
  --sx-themenbaumCaret-color: hsl(0, 0%, 21%);
  --sx-border-color: hsl(0, 0%, 60%);
  --sx-border-style: thin solid hsl(0, 0%, 60%);
  --sx-border-radius: 0.3em;
  --sx-font-color: hsl(0, 0%, 21%);
  --sx-font-family: sans-serif;
  --sx-font-weight: normal;
  --sx-font-size: 13px;
  --sx-tooltip-background: #3333ff;
  --sx-tooltip-font-color: white;
  --sx-error-color: #ff0000;
  --sx-text-muted-color: hsl(0, 0%, 60%);
  --sx-table-background-header: #ecf0f3;
  --sx-table-background-row-level-1: #f0f8ff;
  --sx-table-background-row-level-2: #f0ffff;
  --sx-table-background-row-level-3: #fffafa;
  --sx-table-background-row-level-4: #f5f5dc;
  --sx-table-background-row-level-5: #faebd7;
  --sx-table-background-row-level-6: #f0e68c;
  --sx-table-color-special-value: #ecf0f3;
  --sx-table-background-row-sum: hsl(0, 0%, 71%);
  --sx-table-background-row-hover: hsl(219, 70%, 76%);
  --sx-table-background-row-odd: weiß;
  --sx-table-background-row-even: #efefef;
  --sx-table-background-row-even-odd-hover: #fffabf;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --sx-body-background: white;
    --sx-hr-background-color: whitesmoke;
    --sx-button-background: white;
    --sx-submit-button-border-color: hsl(141, 71%, 48%);
    --sx-reset-button-border-color: hsl(48, 100%, 67%);
    --sx-close-button-border-color: hsl(0, 0%, 71%);
    --sx-card-background: white;
    --sx-modal-values-background: #ecf0f3;
    --sx-input-background: white;
    --sx-input-container-background: inherit;
    --sx-sichtentreeCaret-color: #014A7B;
    --sx-input-background-ndSchluesselfeld: #fffaf0;
    --sx-navbar-dialogue-background: #ecf0f3;
    --sx-title-dialogue-color: hsl(0, 0%, 21%);
    --sx-breadcrumbSeparator-color: hsl(0, 0%, 21%);
    --sx-navbar-background: #ecf0f3;
    --sx-themenbaumCaret-color: hsl(0, 0%, 21%);
    --sx-border-color: hsl(0, 0%, 60%);
    --sx-border-style: thin solid hsl(0, 0%, 60%);
    --sx-border-radius: 0.3em;
    --sx-font-color: hsl(0, 0%, 21%) !important;
    --sx-tooltip-background: #3333ff;
    --sx-tooltip-font-color: white;
    --sx-error-color: #ff0000;
    --sx-text-muted-color: hsl(0, 0%, 60%);
    --sx-table-background-row-level-1: #f0f8ff;
    --sx-table-background-row-level-2: #f0ffff;
    --sx-table-background-row-level-3: #fffafa;
    --sx-table-background-row-level-4: #f5f5dc;
    --sx-table-background-row-level-5: #faebd7;
    --sx-table-background-row-level-6: #f0e68c;
    --sx-table-background-header: #ecf0f3;
    --sx-table-background-row-sum: hsl(0, 0%, 71%);
    --sx-table-background-row-hover: hsl(219, 70%, 76%);
    --sx-table-background-row-odd: weiß;
    --sx-table-background-row-even: #efefef;
    --sx-table-background-row-even-odd-hover: #fffabf;
    --sx-table-color-special-value: #ecf0f3;
  }
}
.title-dialogue.is-4 {
  color: var(--sx-title-dialogue-color);
  font-weight: bold;
  font-size: 25px;
}

.title-dialogue.is-4:before {
  content: "";
}

.title-dialogue.is-4:after {
  content: " Filter";
}

.navbar-dialogue {
  position: sticky; /* 202606 ergänzt:Kopfzeile bleibt beim Scrollen "kleben"*/
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  z-index: 1000;
  margin-top: -55px;
  background: var(--sx-navbar-dialogue-background);
}

hr {
  margin-top: -1rem;
  margin-bottom: 0.5rem;
}

.a-dialogue {
  font-family: var(--sx-font-family);
  font-weight: var(--sx-font-weight);
  font-size: var(--sx-font-size);
  color: var(--sx-font-color);
  color: black;
  font-weight: bold;
}

button.button-dialogue {
  border: var(--sx-border-style);
  border-radius: var(--sx-border-radius) !important;
  font-family: var(--sx-font-family);
  font-weight: var(--sx-font-weight);
  font-size: var(--sx-font-size);
  color: var(--sx-font-color);
  padding: 8px;
  width: 11em;
  background-color: var(--sx-button-background);
  padding: 8px;
  width: 11em;
}

.input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/
  background: #d9d9d9;
}

input[type=checkbox] {
  vertical-align: bottom;
  line-height: 1.25;
}

.comboDiv-dialogue {
  margin-left: 1.6rem;
}

/* -- Standarddarstellung -- */
.comboDiv {
  display: flex;
  justify-content: left;
  margin-top: 1em;
}

.input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/
  position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/
  top: 105px; /* Höhe der Navbar > siehe oben */
  z-index: 999;
  padding: 0.5rem 0;
}

.input-container {
  display: flex;
  flex-direction: row; /* Ordnet Felder horizontal*/
  margin-top: 0.2rem;
}

.input-container > .label {
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  text-align: right;
}

.field is-grouped is-grouped-multiline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.field.is-grouped {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 0.5rem;
  gap: 1rem;
}

.field {
  align-items: flex-start; /*für gleiche vertik. Feldausrichtung*/
}

.label {
  margin-top: 5px;
  width: 8em;
  font-weight: bold;
}

.select select, .input { /*für Auswahlfeldstyle*/
  padding-left: 5px;
}

/*--Anpassungen für Viewports Mobile bis 768px=tablet-Hochformat --*/
@media screen and (min-width: 585px) and (max-width: 768px) {
  .input-container {
    flex-direction: row;
    gap: 1px; /* Abstand zwischen den Feldern*/
  }
  .input-container > .label {
    margin-bottom: 0rem;
    text-align: right;
  }
  .field.is-grouped {
    flex-direction: row;
  }
  .field {
    align-items: flex-start;
  }
}
/* --Anpassung für kleine Viewports (Mobile) -- */
@media screen and (max-width: 584px) {
  .input-container {
    flex-direction: column; /* Stapelt Felder*/
    margin-top: 0rem;
    padding-bottom: 0.2rem;
  }
  .input-container > .label {
    margin-bottom: 0rem;
    text-align: left;
  }
  .field.is-grouped {
    flex-direction: row;
    column-gap: 5px; /* Abstand label und Input/Select-Felder */
    row-gap: 1px; /* Höhenabstand zwischen Feldern; ohne Angabe wird Abstand zu groß*/
  }
}
ul {
  list-style: none !important;
}

.sichtentreeUL {
  list-style-type: none;
  margin-left: 2em;
  padding: 0;
}

.sichtentreeCaret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1 */
  -moz-user-select: none; /* Firefox 2 */
  -ms-user-select: none; /* IE 10 */
  user-select: none;
}

.sichtentreeCaret::before {
  content: "▶";
  color: #014A7B;
  display: inline-block;
  margin-right: 0px;
}

.sichtentreeCaret-down::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);
}

.sichtentreePlaceholder {
  margin-left: 16px;
}

.sichtentreeNested {
  display: none;
  margin-right: 0px;
  padding-left: 13px;
}

.sichtentreeActive {
  display: block;
  margin-right: 0px;
  padding-left: 13px;
}

.sichtentreeSpacer {
  padding-left: 10px; /*wofür nötig?*/
}

.sichtentreeLink {
  text-decoration: none; /* keine Unterstreichung für links */
}

.sichtentreeLinkWithSpace {
  text-decoration: none; /* keine Unterstreichung für links */
  margin-left: 10px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

ul.sichtentreeChildUL {
  margin: 0px;
  padding-left: 10px;
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
}

/*# sourceMappingURL=sx_field_dialogue.css.map */