@import url(./../../global/components/buttons.css);
@import url(./../../global/components/check-box.css);
@import url(./../../global/components/toggle_gray_component.css);
@import url(./../../global/components/checkbox-section.css);
@import url(./../../global/components/product-features-section.css);
@import url(./../../global/components/product-features-toggle-component.css);
@import url(./../../global/components/toggle-gray-details-component.css);
@import url(./../../global/components/videobox-section.css);
@import url(./../../global/components/section.css);

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

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

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

.section__content-wrapper .product-features__text-box .product-features__title {
  margin-bottom: 0;
  font-family: var(--ci-font-medium);
  font-size: var(--font-size-m);
  line-height: var(--font-line-m);
}

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

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

[data-view="sicherungsmechanismen"] .main__inner .section.section--gray .section__content-wrapper .toggle-gray__container {
  margin-bottom: 0;
}

[data-view="sicherungsmechanismen"] .main__inner .section.section--gray .section__content-wrapper .toggle-gray__container .toggle-gray__headline {
  margin-bottom: 20px;
}

[data-view="sicherungsmechanismen"] .main__inner .section.section--gray .section__content-wrapper .toggle-gray__container .toggle-gray__description2 {
  margin-top: 20px;
  font-family: var(--ci-font-light);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-xs);
}

[data-view="sicherungsmechanismen"] .main__inner .section.section--gray .section__content-wrapper .toggle-button__container-gray {
  display: none;
}

[data-view="sicherungsmechanismen"] footer .section.section--gray {
  background-color: white;
}

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

  [data-view="sicherungsmechanismen"] .main__inner .section.section--gray .section__content-wrapper .toggle-gray__container .toggle-gray__description2 {
    font-size: var(--font-size-xxs);
    line-height: 24px;
  }

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

/* 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="sicherungsmechanismen"] .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 */
}