/* Tarot- und Pflanzenkunde */
.container_kunde {
  overflow: hidden;
}

/* Allgemein*/
.filterDiv {
  float: left;
  background-color: var(--akzent-dkl);
  color: var(--akzent-hell);
  width: 25%;
  text-align: center;
  gap: 10px;
  display: none; /* Hidden by default */
}

/* Spalten */
.kunde_spalten {
  display: block;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Buttons */
.kunde_btn {
  border: none;
  outline: none;
  padding: 10px 14px;
  background-color: var(--akzent-hell);
  cursor: pointer;
}

.kunde_btn:hover {
  background-color: var(--akzent-flash);
}

.kunde_btn.active {
  background-color: var(--akzent-dkl);
  color: var(--akzent-hell);
}

/* Infoboxen */
.kunde_tags {
  border: none;
  outline: none;
  padding: 10px;
  margin: 5px;
  background-color: var(--tbl-main-tr);
}

.kunde_tags_ungiftig {
  border: none;
  outline: none;
  padding: 10px;
  margin: 5px;
  background-color: var(--akzent-green);
}

.kunde_tags_giftig {
  border: none;
  outline: none;
  padding: 10px;
  margin: 5px;
  background-color: var(--akzent-red);
}

.kunde_klassen {
  margin: 5px;
  display: flex;
  flex-direction: row;
}

.kunde_klassentag {
  border: none;
  outline: none;
  padding: 10px;
  gap: 5px;
  width: 50%;
  float: left;
  background-color: var(--tbl-main-tr);
}

.kunde_info {
  border: none;
  outline: none;
  padding: 10px;
  margin: 5px;
  background-color: var(--tbl-main-tr);
  text-align: justify;
}