/* ==========================================================================
   Parallax für die Section-::before-Cover-Hintergründe: #faq (Häufige Fragen)
   UND .wepro23 (#ablauf „In vier Schritten live"). Beide nutzen dieselbe
   ::before-Mechanik (position:absolute; inset:0; background-size:cover).

   Desktop: background-attachment:fixed heftet das Bild an den VIEWPORT ->
   beim SCROLLEN bewegt es sich natürlich mit (Parallax-Tiefe). Beim FAQ bleibt
   es dadurch außerdem beim AUFKLAPPEN stehen (Bild von Section-Höhe entkoppelt).

   Mobil: kein fixed (iOS/Android ignorieren es bzw. ruckeln). Nur beim FAQ dort
   background-position:center top, damit es beim Aufklappen nicht springt;
   .wepro23 hat kein Aufklappen -> bleibt beim Default aus style.css.

   Lädt NACH style.css -> überschreibt dort background-position/-attachment.
   ========================================================================== */
@media (min-width: 769px) {
  #faq::before,
  .wepro23::before {
    background-attachment: fixed;
  }
}
@media (max-width: 768px) {
  #faq::before {
    background-position: center top;
  }
}