@import url(./../../global/components/buttons.css);
@import url(./../../global/components/product-card.css);
@import url(./../../global/components/check-box.css);
@import url(./../../global/components/products-grid-section.css);
@import url(./../../global/components/Circle3DSlider/sphere-slider.css);
@import url(./../../global/components/product-section-gray.css);
@import url(./../../global/components/product-section-white.css);
@import url(./../../global/components/product-features-section.css);
@import url(./../../global/components/product-features-toggle-component.css);
@import url(./../../global/components/section.css);
@import url(./../../global/components/image-slider/image-slider.css);

[data-view="anpassungsmoeglichkeiten"] .disturber-button {
  background-color: black;
  color: white;
}

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

[data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper {
  padding-bottom: 80px;
}

[data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper .adaptability-subtitle {
  font-family: var(--ci-font-medium);
  font-size: var(--font-size-m);
  line-height: var(--font-line-m);
  margin-bottom: 32px;
}

[data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper .adaptability-description,
[data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper .adaptability-description2 {
  font-family: var(--ci-font-light);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-xs);
}

[data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper .adaptability-description2 {
  margin-top: 20px;
}

[data-view="anpassungsmoeglichkeiten"] .main__inner .section.section--gray .section__slider-wrapper {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 96px 32px;
}

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

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

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

  [data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper .adaptability-subtitle {
    font-size: var(--font-size-s);
    line-height: 32px;
    margin: 0 0 12px;
  }

  [data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper {
    padding-bottom: 48px;
  }

  [data-view="anpassungsmoeglichkeiten"] .main__inner .section__content-wrapper.adaptability-text-wrapper .adaptability-description {
    font-size: var(--font-size-xxs);
    line-height: 24px;
  }

  [data-view="anpassungsmoeglichkeiten"] .main__inner .section.section--gray .section__slider-wrapper {
    padding: 48px 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 */
}