.zebra_infobox {
  background-color: var(--bs-lgl10);
  padding: 1rem;
  margin: 1rem 0;
}

.zebra_infobox div:first-child {
  color: var(--primary);
  margin-bottom: 1rem;
}

.zebra_liste {
  list-style-type: none;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.zebra_liste li::before {
  content: '' !important;
}
.zebra_liste li {
  padding: 8px !important;
  margin-left: 0 !important;
}
.zebra_liste li:last-child {
  margin-bottom: 0 !important;
}

.zebra_liste input[type="checkbox"], .zebra_liste label {
  display: inline !important;
  float: none !important;
  height: auto !important;
  cursor: pointer;
}

.zebra_liste input[type="checkbox"] {
  margin-right: 0 !important;
}

.zebra_liste label {
  padding-left: 0.5rem !important;
}

.zebra_liste li:has(input[type="checkbox"]:hover), .zebra_liste li:has(label:hover) {
  background-color: var(--bs-lgl30);
}

.zebra_liste li:has(input[type="checkbox"]:checked) {
  background-color: #99e1a9;
}

@supports not (selector(html:has(body))) {
  .zebra_liste input[type="checkbox"]:hover + label, .zebra_liste label:hover {
    background-color: var(--bs-lgl30);
  }

  .zebra_liste input[type="checkbox"]:checked + label {
    background-color: #99e1a9;
  }
}