.faq-eintrag-wrapper {
  

}

.faq-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
  margin:auto;
  padding: 2rem 2rem;              /* Innenabstand, wenn gewünscht */
  background-color: var(--color-fadegreen);
  border-radius: var(--medium-rounded);
}

/* 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;
  color: var(--color-darkgreen);
  max-width: 80%;
  word-break: break-word;
}

/* Button: quadratisch, zentriert innerhalb der Fragezeile */
.faq-toggle-button.button {
  position: absolute;
  top: 1.1rem !important;
  right: -0.25rem;
  transform: translateY(-50%);
  width: 3.1rem;
  height: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1.6rem;
}

/* Icon-Styling */
.faq-toggle-button i {
  font-size: 1.4rem;
  line-height: 1;
  pointer-events: none;
}

/* 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: 1100px;
  margin-right: auto;
  margin-top: 2.4rem;
}

.faq-antwort p {
  margin-bottom: 0rem;
}

/* Responsive: volle Breite bei kleineren Screens */
@media (max-width: 1550px) {
  .faq-antwort {
    width: 100%;
  }
.faq-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
  margin:auto;
  padding: 1.5rem 1.5rem;              /* Innenabstand, wenn gewünscht */
  background-color: var(--color-fadegreen);
  border-radius: var(--medium-rounded);
}

}