/* Fotostudio B12 — FAQ-Akkordeon.
   Eigene Datei, weil ein <details>/<summary>-Akkordeon von Nachfahren- und
   Pseudo-Selektoren lebt (summary::after, details[open] summary::after).
   Elementor Global Classes stylen immer nur ihr eigenes Element und koennen
   das nicht abbilden — gleiche Begruendung wie bei booking.css.

   Breite und Zentrierung kommen aus der Global Class .faq, hier bewusst nicht
   noch einmal gesetzt. */

.faq details{
  border:1px solid var(--line,#262629);
  border-radius:var(--r-sm);
  background:var(--surface,#17171A);
  margin-bottom:8px;
  overflow:hidden;
}
.faq details + details{margin-top:0}
.faq details[open]{border-color:#33333a}

.faq summary{
  list-style:none;
  cursor:pointer;
  padding:16px 46px 16px 18px;
  position:relative;
  font-size:.95rem;
  font-weight:600;
  color:var(--text,#F4F4F5);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:""}

.faq summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted,#9A9AA3);
  font-size:1.15rem;
  font-weight:400;
  line-height:1;
  transition:transform .25s,color .25s;
}
.faq details[open] summary::after{
  transform:translateY(-50%) rotate(45deg);
  color:var(--purple);
}

.faq p{
  color:var(--muted,#9A9AA3);
  font-size:.9rem;
  padding:0 18px 18px;
  line-height:1.6;
  margin:0;
}
.faq ul{
  color:var(--muted,#9A9AA3);
  font-size:.9rem;
  padding:0 18px 18px 36px;
  margin:0;
  line-height:1.7;
}

/* Der HTML-Widget-Wrapper von Elementor darf keine eigene Luft erzeugen. */
.faq .elementor-widget-html{margin:0}