/* Ergaenzungen zum statischen Framer-Export: FAQ, Fahrzeug-Galerie, Icons */

/* ---------------------------------------------------------- FAQ zentriert */
[data-framer-name="FAQ"] .framer-mznh5n {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: none !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto;
  gap: 55px !important;
}

[data-framer-name="FAQ"] .framer-1wx0hkc {
  flex: none !important;
  width: 100% !important;
  text-align: center;
}

[data-framer-name="FAQ"] .framer-1wx0hkc h2 {
  --framer-text-alignment: center !important;
  text-align: center !important;
}

[data-framer-name="FAQ"] .framer-g9f08v {
  flex: none !important;
  width: 100% !important;
}

/* ------------------------------------------------------- FAQ Akkordeon */
[data-framer-name="FAQ"] [data-framer-name="Heading and Plus Wrapper"] {
  cursor: pointer;
}

[data-framer-name="FAQ"] [data-framer-name="Text Wrapper"] {
  display: grid !important;
  justify-content: start !important;
  grid-template-rows: 0fr;
  opacity: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
  transition: grid-template-rows .35s ease, opacity .3s ease,
              padding-top .35s ease, padding-bottom .35s ease;
}

[data-framer-name="FAQ"] [data-framer-name="Text Wrapper"] > * {
  min-height: 0;
  opacity: 1 !important;
  height: auto !important;
}

[data-framer-name="FAQ"] .faq-item.is-open > [data-framer-name="Text Wrapper"] {
  grid-template-rows: 1fr;
  opacity: 1 !important;
  padding-top: 20px !important;
  padding-bottom: 22px !important;
}

[data-framer-name="FAQ"] .faq-item [data-framer-name="Heading and Plus Wrapper"] svg {
  transition: transform .3s ease;
}

[data-framer-name="FAQ"] .faq-item.is-open [data-framer-name="Heading and Plus Wrapper"] svg {
  transform: rotate(45deg) !important;
}

/* -------------------------------------------- Fahrzeug-Galerie (Detailseite) */
.site-gallery {
  opacity: 1 !important;
}

.site-gallery [data-framer-name^="Image #"] {
  visibility: visible !important;
  opacity: 1 !important;
}

.site-gallery ul {
  transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}
