/* Navigation */
#divNavigation, .divNavigation {
  min-height: 30px;
  display: table;
  vertical-align: middle;
  float: none;
  width: 100% !important;
  margin-bottom: 1em;
  padding: 0.35em; /* 0.5em border-spacing der OuterTable minus 0.15em border-spacing des .divNaviContainer */
}

  .divNavigation:empty {
    display: none;
  }

.navigation-full-width > .divNaviContainer {
  width: 100%;
}

.divNaviContainer {
  border-spacing: 0.25em;
}

.DateiReiterInaktiv,
.DateiReiterInaktiv1,
.DateiReiterInaktiv2,
.DateiReiterInaktiv3,
.DateiReiterAktiv,
.DateiReiterAktiv1,
.DateiReiterAktiv2,
.DateiReiterAktiv3,
.divTab {
  font-weight: 500;
  cursor: pointer;
  padding: 0.4em !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 2px;
  border-radius: var(--border-radius-small, 2px);
  background-color: #ececec;
  border: 1px solid #e6e6e6;
}

.DateiReiterAktiv,
.DateiReiterAktiv1,
.DateiReiterAktiv2,
.DateiReiterAktiv3,
.divTabActive {
  background-color: #fff;
  background-color: var(--bg-color-light, #fff);
  border: 1px solid #02b5eb;
  border-color: var(--primary-color, #02b5eb);
  border-width: 0 0 0 0.3em;
  box-shadow: 0 0 3px #000a0a27;
  padding-left: 0.1em !important;
}

.divTab::after, .divTab::before {
  content: "\00A0\00A0";
}

.Size0 {
}

.Size1 {
  font-size: 12px;
  height: 30px;
}

.Size2 {
  font-size: 14px;
  height: 40px;
}

.Size3 {
  font-size: 18px;
  height: 60px;
}