/* =========================================================
   ACCORDION – vollständig gekapselt
   ========================================================= */

.accordion input[type="checkbox"] {
  display: none;
}

.accordion .accordion-content {
  display: none;
  margin-left: 1rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  border-left: 2px solid #ccc;
  padding-left: 0.6rem;
}

/* Universell für h2–h6 */
.accordion input[type="checkbox"]:checked + * + .accordion-content {
  display: block;
}

/* Klickbare Überschriften */
.accordion h2 label,
.accordion h3 label,
.accordion h4 label,
.accordion h5 label {
  cursor: pointer;
  display: block;
  padding: 0.5rem 0.7rem;
  border-radius: 6px;
  font-weight: 600;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
}

/* Blautöne */
.accordion h2 label { background: #333333; color: #fff; }
.accordion h3 label { background: #666666; color: #fff; }
.accordion h4 label { background: #999999; color: #fff; }
.accordion h5 label { background: #cccccc; color: #fff; }

/* Tabellen nur im Accordion */
.accordion table {
  display: inline-table;
}

.accordion th,
.accordion td {
  border: 0px solid #999;
  padding: 4px 6px;
}

.accordion td:nth-child(3),
.accordion th:nth-child(3) {
  max-width: 240px;
  white-space: normal;
}

.accordion th {
  background: #f2f2f2;
}