#module-9 {
      padding-bottom: var(--padding-block-small);;
}


.faq-eintrag-wrapper {

margin-bottom:3rem;

}

.faq-inner {
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 1.25rem;
  background-color: var(--color-white);
  border-radius: var(--medium-rounded);
  box-shadow: var(--shadow);
}


/* Fragezeile – wichtig: relative Position für Button-Ausrichtung */
.faq-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
}

.faq-header h3 {
  margin: 0;
  margin-top: 0.4rem;
  max-width: 80%;
  word-break: break-word;
  cursor:pointer;
}

/* Button: rund, hellgrün, zentriert */
.faq-toggle-button.button {
  position: absolute;
  top: 50% !important;
  right: 0rem;
  transform: translateY(-50%);
  width: clamp(2.9rem, 5vw, 3.1rem);
  height: clamp(2.9rem, 5vw, 3.1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: var(--color-lightgreen); /* Hellgrün */
  border-radius: 50%; /* Macht den Button komplett rund */
  border: none; /* Entfernt ggf. vorhandene Rahmen */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten für Tiefe */
}

/* Icon-Styling */
.faq-toggle-button i {
  color: var(--color-darkgreen); /* Weißes Icon für besseren Kontrast */
  font-size: clamp(1.5rem, 1.5vw + 0.7rem, 1.6rem);
  font-weight: 900;
}



/* Icon-Zustände umschalten */
.faq-toggle-button .icon-open {
  display: none;
}

.faq-toggle-button[aria-expanded="true"] .icon-open {
  display: inline;
}

.faq-toggle-button[aria-expanded="true"] .icon-closed {
  display: none;
}

/* Antwortbereich */
.faq-antwort {
  max-width: 1150px;
  margin-right: auto;
  margin-top: 1.5rem;
}