.accordion {
      width: 100%; 
      border: 1px solid #ccc;
      border-radius: 5px;
	  margin-top: 10px;
      overflow: hidden;
	   background-color: white;
      color: black;
    }

    /* Header mit Fade + Zoom */
    .accordion-header {
      background-color: #e0e0e0;
	  color:black;
      padding: 15px;
	  font-size: 20pt;
      font-weight: bold;
      user-select: none;
      transition:   opacity .8s ease;
      opacity: 1; 
    }

    .accordion-header.fade-out {
      opacity: 0; 
    }

    .accordion-header.fade-in {
      opacity: 1; 
    }

    /* Content Fade */
    .accordion-content {
      padding: 15px;
      height: 300px;
      overflow-y: auto;
      opacity: 1;
      transition: opacity .8s ease;
    }

    .accordion-content.fade-out {
      opacity: 0;
    }