body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 {
  color: darkred;
}

h2 {
  color: darkred;
}

nav.navbar-dark {
  background-color: #004B96 !important;
}

nav.navbar-dark .nav-link {
  color: white !important;
}

mark{
  background: #aabec8
  color: black;
}

.jumbotron {
  padding: 2rem 2rem;
}

.jstree {
  margin-bottom: 16px;
  max-height: 24em;
  overflow-x: none;
  overflow-y: auto;
}

/* Ordner-Icon verstecken */
.jstree-themeicon {
  display: none !important;
}

right-side-span-detail {
  margin-left: 120px;
}

main {
  margin-top: 5.25rem;
}

main table .badges {
  display: none;
}

@media only screen and (max-width: 768px) {
  .jstree {
    max-height: none;
    overflow-y: visible;
  }

  .jumbotron {
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 0;
  }

  main.container-fluid {
    margin-top: 7.25rem;
    padding: 0;
  }

  div.container-fluid {
    margin-top: 0;
    padding: 0;
  }

  th, td {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
  }

  .jstree-default-large .jstree-themeicon {
    display: none;
  }

  main table .badges {
    display: block;
  }

  main table span.badge {
    margin-right: 3px;
  }

  main table tr th, main table tr td {
    display: none;
  }

  main table tr th:nth-child(5), main table tr td:nth-child(5) {
    display: table-cell;
    padding: 16px 8px;
    word-break: break-all;
  }
}