@import url(./../../global/components/product-features-section.css);
@import url(./../../global/components/product-features-toggle-component.css);
@import url(./../../global/components/section.css);

[data-view="faqs"] .header .header__content .header__bottom .header__bottom-nav .faqs {
  font-family: var(--ci-font-medium);
  font-size: 0.77em;
}

[data-view="faqs"] .disturber-button {
  background-color: black;
  color: white;
  box-shadow: 0 0 0 0 black;
  transform: scale(1);
}

[data-view="faqs"] .main__inner .section.section--hero {
  background-image: url(../../global/assets/images/faq.png);
}

[data-view="faqs"] .main__inner .section.section__product-features .section__content-wrapper .product-features__text-box {
  gap: 0;
}

[data-view="faqs"] .main__inner .section.section__product-features .section__content-wrapper .product-features__text-box .product-features__title {
  font-family: var(--ci-font-medium);
}

[data-view="faqs"] .main__inner .section.section__product-features .section__content-wrapper .product-features__text-box .product-features__subtitle {
  display: none;
}

[data-view="faqs"] .main__inner .section.section__product-features .section__content-wrapper .product-features__text-box .product-features__toggle-container {
  margin-top: 40px;
}

[data-view="faqs"] footer .section.section--gray .section__content-wrapper.section__contact-container .section__contact-description1 {
  display: none;
}

[data-view="faqs"] footer .section.section--gray .section__content-wrapper.section__contact-container .section__contact-description2 {
  display: block;
}

@media only screen and (max-width: 768px) {
  [data-view="faqs"] .main__inner .section.section--hero {
  background-image: url(../../global/assets/images/faq_mobil.jpg);
}

[data-view="faqs"] .main__inner .section.section__product-features .section__content-wrapper .product-features__text-box .product-features__title {
  margin-bottom: 12px;
}

[data-view="faqs"] .main__inner .section.section__product-features .section__content-wrapper .product-features__text-box .product-features__toggle-container {
  margin-top: 32px;
}
}

/* Puls-Animation Disturber*/
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 black;
  }

  70% {
    transform: scale(1.3);
    box-shadow: 0 0 0 10px #ee8b0000;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 #ee8b0000;
  }
}

/* Kein Dauer-Puls mehr */
[data-view="anpassungsmoeglichkeiten"] .disturber-button {
  background-color: black;
  box-shadow: 0 0 0 0 black;
  transform: scale(1);
}

/* Klasse zum Aktivieren des Pulsierens */
.pulsing {
  animation: pulse 0.75s 3;
  /* 3 Wiederholungen */
}