/* FAQ Accordion Styles passend zum Box-Design */
.faq-accordion {
  margin: 0;
  padding: 0;
}
.faq-item {
  border-bottom: 1px solid #e0e0e0;
}
.faq-question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 1em 0.5em;
  cursor: pointer;
  color: #333;
  transition: background 0.2s;
}
.faq-question[aria-expanded="true"] {
  background: #f5f5f5;
}
/* FAQ-Antwort mit sanfter Animation */
.faq-answer {
  padding: 0.5em 1em 1em 1em;
  color: #444;
  background: #fafafa;
  font-size: 1em;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(.4,0,.2,1), opacity 0.3s ease;
}
.faq-answer.collapsed {
  max-height: 0;
  opacity: 0;
}
.faq-answer {
  max-height: 1200px;
  opacity: 1;
}
.box .faq-accordion {
  margin-top: 1em;
}