/* Grundlayout, leicht höher priorisiert für DIVI durch .faq-Wrapper */
.faq {
  max-width: 48rem;
  margin: 0 auto 2rem;
}

/* Optionale Überschrift, wenn per title-Attribut gesetzt */
.faq > h2 {
  margin-bottom: 1rem;
}

/* h3-Überschriften der Fragen: Margins entfernen, um Lücken zu vermeiden */
.faq .accordion h3,
.faq .accordion .faq-question-heading {
  margin: 0 !important;
  padding: 0 !important;
}

/* Trigger-Button */
.faq .accordion .accordion-trigger {
  width: 100%;
  text-align: left;
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  background: #f7f7f7;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  box-shadow: none;
}

/* DIVI kann Buttons stylen – hier etwas neutralisieren */
.faq .accordion .accordion-trigger:hover {
  background: #eee;
}

.faq .accordion .accordion-trigger:focus-visible {
  outline: 3px solid #000;
  outline-offset: 2px;
}

.faq .accordion .accordion-title {
  flex: 1 1 auto;
}

/* Icon (+ / -) */
.faq .accordion .accordion-icon {
  margin-left: 1rem;
  flex: 0 0 auto;
}

/* Inhaltspanel */
.faq .accordion .accordion-panel {
  border: 1px solid #ccc;
  border-top: none;
  padding: 0.75rem 1rem;
  margin: 0 !important;
}

/* versteckte Bereiche */
.faq .accordion .accordion-panel[hidden] {
  display: none;
}