.handle {

  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  float: right;
}

.handle:hover {
  opacity: 0.8;
}

.fa-arrows:before {
  display: block;
  content: '';
  background-image: url('../_shared/buttons/handle.svg');
  width: 25px;
  height: 25px;
  background-size: contain;
}

.item-li {
  cursor: pointer;
  line-height: 1.5em;
  position: relative;
  padding-right: 48px;
  padding-left: 32px;
}

.item-li img {
  height: 1em;
  margin: 3px;
}


span.number {
  position: absolute;
  left: 6px;
}

.false {
  background-color: #F36571;
}


.input-table.schatz {
  outline: 2px solid #E73F3B;
  font-weight: 400;
}


.input-table.suche {
  outline: 2px solid #73B63D;
  font-weight: 400;
}

.input-table.blaumeise {
  outline: 2px solid #497CA7;
  font-weight: 400;
}

.input-table.tal {
  outline: 2px solid #EC7131;
  font-weight: 400;
}

.input-table.geschichte {
  outline: 2px solid #000;
  font-weight: 400;
}

h4 {
  font-size: 1em;
}

h3.schatz {
  font-size: 22px;
  color: #E73F3B;
}


h3.suche {
  font-size: 22px;
  color: #73B63D;
}

h3.blaumeise {
  font-size: 22px;
  color: #497CA7;
}

h3.tal {
  font-size: 22px;
  color: #EC7131;
}

h3.geschichte {
  font-size: 22px;
}

.slider-row {
  margin: 24px 0px;
}

.slider-tick-label-container {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.slider-tick-label-container .slider-tick-label {
  padding-top: 0px;
  width: auto !important;
  font-size: 15px;
  max-width: 150px;
  white-space: normal;
  line-height: 1.2em;
}


.slider-tick-label-container .slider-tick-label:first-child {
  text-align: left !important;
}

.slider-tick-label-container .slider-tick-label:last-child {
  text-align: right !important;
}

.form-check.inline {
  padding: 3px;
}


.form-check.inline.false label{
color: #fff;
}