svg {
  font-family: var(--bs-font-sans-serif);
}

.list-group.list-group-root {
  padding: 0;
  overflow: hidden;
}

.list-group.list-group-root .list-group {
  margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0;
}

.list-group.list-group-root .list-group-item:hover {
    background-color: var(--bs-gray-100);
}

.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {
  padding-left: 60px;
}


.nanobar {
  width: 100%;
  height: 12px; !important;
  z-index: 9999;
  top:0
}

.bar {
  width: 0;
  background: var(--bs-primary);
  height: 100%;
  transition: height .3s;
}

.dashboard-platzhalter {
  position: relative;
  text-align: center;
}

.dashboard-platzhalter-blur {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.dashboard-platzhalter-blur-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-icon {
    display: inline-block;
    vertical-align: middle;
}

.frage-nummer {
    width: 2.5em;
    height: 2.5em;
    box-sizing: initial;

    text-align: center;
    border-radius: 50%;

    line-height: 2.5em;
    box-sizing: content-box;
}

.frage-nummer-klein {
    width: 1.5em;
    height: 1.5em;
    box-sizing: initial;

    text-align: center;
    border-radius: 50%;

    line-height: 1.5em;
    box-sizing: content-box;
}

.score-box {
    width: 2.5em;
    height: 2.5em;
    box-sizing: initial;

    text-align: center;
    /* border-radius: 50%; */

    line-height: 2.5em;
    box-sizing: content-box;
}