/* scss/settings/_breakpoints.scss */ /* scss/utilities/_functions.scss */
/*
    .cssClass {
        font-size: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(20), rem-calc(50));
        margin-bottom: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(10), rem-calc(20));
    }

*/
/* scss/utilities/_mixins.scss */ /* xsmall = 10 (1 - 11)
small = 13 - (12-14)
default = 16 (15-18)
medium = 20 (18-26)
large = 32 (26-36)
xlarge = 40 (36 <) */
/* ---------- headers ---------- */
.m-productDetail-left h2:first-of-type {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.3532608696rem + 0.0065217391 * 100vw, 1.875rem);
  font-weight: 300;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) {
  .m-productDetail-left h2:first-of-type {
    font-size: 1.875rem;
  }
}

/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
.m-productDetail .a-productDetail-imageGrid3-column .imageHeader, .m-productDetail .a-productDetail-imageGrid1-column .imageHeader, .m-tabs__wrapper h3, .m-tabs__wrapper .h3style {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 700;
}

/* ---------- small fonts: 13 - (12-14) ---------- */
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper::before, .m-tabs__wrapper .inner .m-tabs__tabList .a-tab button {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 300;
}

/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
.frame {
  margin-bottom: 6.25rem;
}

.seoText {
  margin-top: 6.25rem;
}

.frame-space-after-none {
  margin-bottom: 0;
}

.frame-space-after-small {
  margin-bottom: 3.125rem;
}

.frame-space-after-medium {
  margin-bottom: 6.25rem;
}

.frame-space-after-large {
  margin-bottom: 9.375rem;
}

body {
  scroll-behavior: smooth;
}

.no-transitions,
.no-transitions * {
  transition: none !important;
  animation: none !important;
}

/* scss/utilities/_functions.scss */
/*
    .cssClass {
        font-size: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(20), rem-calc(50));
        margin-bottom: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(10), rem-calc(20));
    }

*/
/* scss/utilities/_mixins.scss */ /* xsmall = 10 (1 - 11)
small = 13 - (12-14)
default = 16 (15-18)
medium = 20 (18-26)
large = 32 (26-36)
xlarge = 40 (36 <) */
/* ---------- headers ---------- */
.m-productDetail-left h2:first-of-type {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.3532608696rem + 0.0065217391 * 100vw, 1.875rem);
  font-weight: 300;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) {
  .m-productDetail-left h2:first-of-type {
    font-size: 1.875rem;
  }
}

/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
.m-productDetail .a-productDetail-imageGrid3-column .imageHeader, .m-productDetail .a-productDetail-imageGrid1-column .imageHeader, .m-tabs__wrapper h3, .m-tabs__wrapper .h3style {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 700;
}

/* ---------- small fonts: 13 - (12-14) ---------- */
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper::before, .m-tabs__wrapper .inner .m-tabs__tabList .a-tab button {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 300;
}

/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
/* scss/products/_tabs.scss */
.m-tabs__wrapper {
  overflow: hidden;
  background: #F1EFED;
  position: relative;
  overflow: visible;
  z-index: 1;
  z-index: 0;
  display: grid;
  grid-template-rows: auto;
  transition: grid-template-rows 0.7s ease;
  margin-top: -6.25rem;
  position: relative;
  overflow: visible;
  padding: 5rem 0;
}
.m-tabs__wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0 calc(-50vw + 50%);
  background: inherit;
}
.productSeries .m-tabs__wrapper {
  padding: 0;
}
.m-tabs__wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0 calc(-50vw + 50%);
  background: #F1EFED;
}
.m-tabs__wrapper.active {
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.7s ease;
}
.m-tabs__wrapper .inner {
  overflow: hidden;
  background: #FFF;
}
.m-tabs__wrapper .inner .m-tabs__tabList {
  display: none;
  position: relative;
  padding-left: 0;
}
.m-tabs__wrapper .inner .m-tabs__tabList .a-tab {
  list-style: none;
}
.m-tabs__wrapper .inner .m-tabs__tabList .a-tab::marker {
  content: normal;
}
.m-tabs__wrapper .inner .m-tabs__tabList .a-tab button {
  display: inline-block;
  width: 100%;
  height: 2.875rem;
  border-top: none;
  border-right: 1px solid #F1EFED;
  border-bottom: none;
  border-left: 1px solid #F1EFED;
  padding: 0.875rem 1rem 0.8125rem;
  background-color: #FF7175;
  color: #FFF;
  text-align: left;
  text-transform: uppercase;
  transition: all 350ms ease-out;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__tabList .a-tab button {
    /* min-width: 992px */
    min-width: 10.125rem;
    height: 3.375rem;
    padding: 0 1rem 0;
    text-align: center;
    vertical-align: middle;
  }
}
.m-tabs__wrapper .inner .m-tabs__tabList .a-tab button:hover {
  background-color: #FFF;
  color: #FF7175;
}
.m-tabs__wrapper .inner .m-tabs__tabList .a-tab.active button {
  background-color: #FFF;
  color: #160000;
  border-bottom: 1px solid #FFF;
  cursor: default;
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__tabList .a-tab:first-child button { /* min-width: 992px */
    padding-left: 3.125rem;
    border-left: none;
  }
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__tabList { /* min-width: 992px */
    display: flex;
    flex-direction: row;
    border: 1px solid #F1EFED;
    border-left: none;
    background: var(--color-bg-night);
  }
}
.m-tabs__wrapper .inner .m-tabs__tabList::after {
  content: "";
  position: absolute;
  background: var(--color-bg-night);
  inset: 0;
  margin: 0 calc(-50vw + 50%);
  z-index: -1;
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper {
  min-height: 2.875rem;
  position: relative;
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .icon i {
  top: 1rem;
  position: absolute;
  right: 1rem;
  color: #FFF;
  font-weight: 700;
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .icon .turn {
  transform: rotate(90deg);
  transition: transform 0.5s ease;
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .icon.active .turn {
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .icon { /* min-width: 992px */
    display: none;
  }
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper::before {
  content: attr(data-title);
  display: inline-block;
  width: 100%;
  height: 2.875rem;
  border-top: none;
  border-right: 1px solid #F1EFED;
  border-bottom: none;
  border-left: 1px solid #F1EFED;
  padding: 0.875rem 1rem 0.8125rem;
  background-color: #FF7175;
  color: #FFF;
  text-align: left;
  text-transform: uppercase;
  transition: all 350ms ease-out;
  cursor: pointer;
  margin-bottom: 0.25rem;
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper::before {
    /* min-width: 992px */
    min-width: 10.125rem;
    height: 3.375rem;
    padding: 0 1rem 0;
    text-align: center;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper::before { /* min-width: 992px */
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper { /* min-width: 992px */
    min-height: 0;
  }
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .m-tabs__contentElement {
  /* max-height: 0; */
  overflow: hidden;
  transition: grid-template-rows 0.7s ease;
  padding: 0 1.125rem;
  display: grid;
  grid-template-rows: 0fr;
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .m-tabs__contentElement { /* min-width: 992px */
    display: none;
    transform: scaleY(1);
  }
}
.m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .m-tabs__contentElement.active {
  /* max-height: 5000px; */
  position: relative;
  z-index: 0;
  transition: grid-template-rows 0.7s ease, padding 0.7s ease;
  padding: 2.25rem 1.125rem 1.125rem;
  grid-template-rows: 1fr;
}
@media only screen and (min-width: 992px) {
  .m-tabs__wrapper .inner .m-tabs__content .m_tabs__elementWrapper .m-tabs__contentElement.active { /* min-width: 992px */
    max-height: fit-content;
    display: flex;
    padding: 5.3125rem 2.1875rem 5.625rem 8.75rem;
  }
}
.m-tabs__wrapper h3, .m-tabs__wrapper .h3style {
  text-transform: uppercase;
  margin-bottom: 0;
}

.m-productDetail {
  /* padding: rem-calc(22) rem-calc(0); */
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .m-productDetail {
    padding: 0;
    grid-template-columns: 55fr 45fr;
  }
}
.m-productDetail-left {
  container-type: inline-size;
  padding: 0;
  /*
  p {
      margin-bottom: 0;
  }
  */
}
.m-productDetail-left h2:first-of-type {
  color: var(--color-primary);
}
.m-productDetail-left video {
  width: 100%;
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}
@media only screen and (min-width: 992px) {
  .m-productDetail-left video { /* min-width: 992px */
    margin-bottom: 6.5rem;
  }
}
.m-productDetail-left .m-productDetail__linkIcons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1.25rem;
}
.m-productDetail-right {
  padding: 0;
  container-type: inline-size;
  /*
   .m-productDetail__downloadsContent, .m-productDetail__linksContent {
       margin-bottom: rem-calc(40);
   }
  */
}
@media only screen and (min-width: 992px) {
  .m-productDetail-right { /* min-width: 992px */
    padding-left: 3.125rem;
  }
}
@media only screen and (min-width: 1440px) {
  .m-productDetail-right { /* min-width: 1440px */
    padding-left: 10.5625rem;
  }
}
@media only screen and (min-width: 1440px) {
  .m-productDetail-right ul.-columned-text { /* min-width: 1440px */
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
  }
}
.m-productDetail-right > .frame,
.m-productDetail-right > * {
  margin-bottom: 2.5rem;
}
.m-productDetail .a-productHeadline {
  width: 100%;
  display: flex;
  margin-bottom: 3.0625rem;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) {
  .m-productDetail .a-productHeadline { /* min-width: 992px */
    flex-direction: row;
  }
}
.m-productDetail .a-productHeadline__headline {
  text-transform: uppercase;
  color: #FF0027;
}
.m-productDetail .a-productHeadline__img {
  max-height: none;
  text-align: center;
}
.m-productDetail .a-productHeadline__img img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .m-productDetail .a-productHeadline__img { /* min-width: 992px */
    max-height: 13.125rem;
    text-align: right;
  }
}
.m-productDetail .a-productDetail-imageGrid1-column .imageHeader {
  width: 100%;
  display: block;
  color: #FF0027;
  margin-top: 2.6875rem;
  margin-bottom: 1.0625rem;
}
.m-productDetail .a-productDetail-imageGrid1-column .imageContainer {
  text-align: center;
}
.m-productDetail .a-productDetail-imageGrid1-column .imageContainer img {
  max-width: 100%;
  height: auto;
}
.m-productDetail .a-productDetail-imageGrid3-column .imageHeader {
  width: 100%;
  display: block;
  color: #FF0027;
  margin-top: 1.1875rem;
}
.m-productDetail .a-productDetail-imageGrid3-column p {
  margin-bottom: 1.1875rem;
}
.m-productDetail .a-productDetail-imageGrid3-column .imageGrid-3 {
  display: block;
  text-align: center;
  padding-bottom: 1.25rem;
}
.m-productDetail .a-productDetail-imageGrid3-column .imageGrid-3 img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 1200px) {
  .m-productDetail .a-productDetail-imageGrid3-column .imageGrid-3 { /* min-width: 1200px */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.75rem;
  }
}
.m-productDetail .a-productDetail-imageGrid3-column .imageGrid-3.-bottom-border {
  border-bottom: 1px solid #F1EFED;
  margin-bottom: 1.25rem;
}

/*# sourceMappingURL=tabs.css.map */