/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  padding: 60px 0;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
}

.faq .faq-list li {
  padding: 5px;
}

.faq .faq-list .question {
  display: block;
  position: relative;
  /*font-size: 18px;
  line-height: 24px;
  font-weight: 400; */
  padding-left: 25px;
  cursor: pointer;
  color: #0d58ba;
  transition: 0.3s;
}

.faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -2px;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list .collapsed {
  color: black;
}

.faq .faq-list .collapsed:hover {
  color: #406bb2;
}

.faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}

.faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}

.faq .faq-list li.bullet {
  border: none; /* kein unterer Strich */
  margin: 5px 0 5px 25px; /* Einrückung */
  padding: 0;
  list-style: disc; /* klassischer Bullet */
  list-style-position: outside;
  color: #000;
  font-size: 16px;
}

/*--------------------------------------------------------------
# FAQ: Collapse-Preview (ohne JS)
# Usage: <div class="collapse" ...></div><div class="faq-preview">…</div>
# - zeigt Vorschau, solange der Collapse eingeklappt ist
# - blendet Vorschau aus, wenn der Collapse öffnet/animiert
# - Zeilenanzahl über --lines steuerbar (Default: 2)
--------------------------------------------------------------*/
.faq .faq-preview {
  /* optische Anpassung */
  font-size: 16px;
  color: #000;

  /* Standard-Zeilenanzahl */
  --lines: 2;
}

.faq .faq-preview p {
  /* Zwei-Zeilen-Teaser mit sauberem Clamp */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--lines);
  -webkit-box-orient: vertical;
}

/* Sichtbarkeit rein über Bootstrap-Statusklassen */
.faq .collapse + .faq-preview { display: block; }               /* eingeklappt => Vorschau an */
.faq .collapse.collapsing + .faq-preview,
.faq .collapse.show + .faq-preview { display: none; }           /* öffnend/aufgeklappt => aus */