/* Gemeinsame FAQ-Bewegung fuer die statischen Unterseiten.
   Der Inhalt bleibt im DOM und wird über Höhe und Deckkraft animiert, damit
   Öffnen und Schließen genauso ruhig wie in der React-FAQ auf der Startseite
   wirken. */
.dwc-smooth-faq .faq-a,
.dwc-smooth-faq .faq-body2 {
  display: block;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  transform: translateY(-5px);
  transition: max-height .42s cubic-bezier(.23,1,.32,1), padding .42s cubic-bezier(.23,1,.32,1), opacity .24s ease, transform .42s cubic-bezier(.23,1,.32,1);
}

.dwc-smooth-faq .faq-item.open .faq-a,
.dwc-smooth-faq .faq-item2.open2 .faq-body2 {
  max-height: 28rem;
  padding-bottom: 22px;
  opacity: 1;
  transform: translateY(0);
}

.dwc-smooth-faq .faq-q,
.dwc-smooth-faq .faq-trigger2 {
  transition: background-color .22s ease, color .22s ease;
}

.dwc-smooth-faq .faq-q:focus-visible,
.dwc-smooth-faq .faq-trigger2:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #2472e8;
  outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
  .dwc-smooth-faq .faq-a,
  .dwc-smooth-faq .faq-body2,
  .dwc-smooth-faq .faq-q,
  .dwc-smooth-faq .faq-trigger2 {
    transition: none;
    transform: none;
  }
}