/* Seite: FAQ (page-faq) — Akkordeon-Styling.
   Chevron-Farben/-Rotation und Body-Mechanik (max-height) liegen zentral in igr-custom.css. */

.et_pb_section.igr-faq-akkordeon { padding: 60px 40px 80px !important; }

.igr-faq-liste {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.igr-faq-liste .igr-acc {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 12px 30px -22px rgba(1, 20, 58, .5);
  overflow: hidden;
}

.igr-faq-liste .igr-acc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 26px;
  cursor: pointer;
}

.igr-faq-frage {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 17.5px;
  color: #032863;
}

.igr-faq-liste .igr-acc-body p {
  font-size: 15px;
  line-height: 1.65;
  color: #55617a;
  margin: 0;
  padding: 0 26px 24px;
}

@media (max-width: 820px) {
  .et_pb_section.igr-faq-akkordeon { padding: 38px 20px 56px !important; }
  .igr-faq-liste .igr-acc-head { padding: 18px 20px; }
  .igr-faq-frage { font-size: 16px; }
  .igr-faq-liste .igr-acc-body p { padding: 0 20px 20px; }
}