@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);
@import url(./../../global/components/image-slider/image-slider.css);

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

.section.section--hero .section__content .section__text-container {
  left: 128px;
}

[data-view="multitasker"] .main__inner .section.section--gray .section__content-wrapper.section__content-wrapper--gray .section__video-subheadline {
  margin: 0;
}

[data-view="multitasker"] .main__inner .section.section--gray .section__content-wrapper.section__content-wrapper--gray .product-video {
  display: none;
}

[data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__title {
  font-family: var(--ci-font-light);
  font-size: var(--font-size-m);
  line-height: var(--font-line-m);
  margin-bottom: 32px;
}

[data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__subtitle {
  font-family: var(--ci-font-medium);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-xs);
  margin-bottom: 12px;
}

[data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__description {
  font-family: var(--ci-font-light);
  font-size: var(--font-size-xs);
  line-height: var(--font-line-xs);
  margin-bottom: 12px;
}

[data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__box {
  height: 504px;
  background-image: url(../../global/assets/images/MT_Screenshot.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

[data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__duration-text {
  display: flex;
  justify-content: flex-end;
  font-family: var(--ci-font-medium);
  font-size: var(--font-size-xs);
  line-height: 24px;
  margin-top: 12px;
}

[data-view="multitasker"] .main__inner .section.section__product-features .section__content-wrapper {
  padding: 96px 32px 80px;
}

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

[data-view="multitasker"] .main__inner .section__slider-wrapper .slider-text {
  display: none;
}

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

@media only screen and (max-width: 768px) {

  [data-view="multitasker"] .main__inner .section.section--hero.section--products {
    background-image: url(../../../global/assets/images/mt.jpg);
  }

  [data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__title {
    font-size: var(--font-size-s);
    line-height: 32px;
    margin-bottom: 24px;
  }

  [data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__subtitle {
    font-size: var(--font-size-xxs);
    line-height: 24px;
    margin-bottom: 12px;
  }

  [data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__description {
    font-size: var(--font-size-xxs);
    line-height: 24px;
  }

  [data-view="multitasker"] .section.section__product-screenshot .section__content-wrapper .product-screenshot__duration-text {
    font-size: var(--font-size-xxxs);
    line-height: 20px;
    margin: 0;
  }

  [data-view="multitasker"] .main__inner .section__slider-wrapper {
    padding: 0 32px 48px;
  }
}

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

  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="multitasker"] .disturber-button {
  background-color: var(--color-multi002);
  box-shadow: 0 0 0 0 var(--color-multi002);
  transform: scale(1);
}

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