/* 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 ---------- */
.o-offCanvas__containerItem .header {
  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) {
  .o-offCanvas__containerItem .header {
    font-size: 1.875rem;
  }
}

/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
#contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__title, #teamOfExperts.o-offCanvas__containerItem.-active .m-slider__title {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
}

/* ---------- small fonts: 13 - (12-14) ---------- */
/* ---------- 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 ---------- */
.o-offCanvas__containerItem .header {
  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) {
  .o-offCanvas__containerItem .header {
    font-size: 1.875rem;
  }
}

/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
#contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__title, #teamOfExperts.o-offCanvas__containerItem.-active .m-slider__title {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
}

/* ---------- small fonts: 13 - (12-14) ---------- */
/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
/*@keyframes offCanvasInit {
    0% {
        width: $tabNav-text-width;
    }

    50% {
        width: 0;
    }
}*/
@keyframes offCanvasInit {
  0%, 66.66% {
    width: 0;
  }
  16.66% {
    width: 172px;
  }
  50% {
    width: 172px;
  }
}
.o-offCanvas {
  display: none;
  gap: 0.4375rem;
  position: fixed;
  top: 9.375rem;
  right: -0.4375rem;
  z-index: 6;
  transition: right 0.4s ease-out;
  transition: left 0.4s ease-out;
}
.-show-changeCountryBanner .o-offCanvas {
  top: 21.875rem;
}
@media only screen and (min-width: 992px) {
  .o-offCanvas { /* min-width: 992px */
    display: flex;
  }
}
.o-offCanvas.open {
  left: 0.375rem;
}
.o-offCanvas.open .contactMenu__text {
  width: 0;
}
.o-offCanvas.open .contactMenu__close {
  display: block;
}
.o-offCanvas__tabNav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.o-offCanvas__tabNav li {
  display: inline-block;
  border-radius: 0.4375rem 0 0 0.4375rem;
  margin-bottom: 0.3125rem;
  background: var(--color-bg-offcanvas-buttons);
  color: #FFF;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 350ms ease-out;
  /*
              &:nth-child(1) .o-offCanvas__text {
                  animation-delay: 5000ms;
              }

              &:nth-child(2) .o-offCanvas__text {
                  animation-delay: 5150ms;
              }

              &:nth-child(3) .o-offCanvas__text {
                  animation-delay: 5300ms;
              }

              &:nth-child(4) .o-offCanvas__text {
                  animation-delay: 5450ms;
              }

              &:nth-child(5) .o-offCanvas__text {
                  animation-delay: 5600ms;
              }
   */
}
.o-offCanvas__tabNav li .o-offCanvas__icon {
  margin: 0.625rem;
  padding: 0.3125rem;
  width: 2.5rem;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 250ms ease-out;
}
.o-offCanvas__tabNav li .o-offCanvas__icon i {
  font-size: 1.875rem;
}
.o-offCanvas__tabNav li.-active {
  background-color: var(--color-bg-offcanvas-icon-active);
}
.o-offCanvas__tabNav li.-active .o-offCanvas__icon {
  background-color: var(--color-bg-offcanvas-icon-active);
}
.o-offCanvas .o-offCanvas__text {
  width: 0;
  text-transform: uppercase;
  white-space: nowrap;
  transition: width 350ms ease-out;
  overflow: hidden;
}
.o-offCanvas li.-init {
  /*
          &:nth-child(1) .o-offCanvas__text {
              animation-delay: 5000ms;
          }

          &:nth-child(2) .o-offCanvas__text {
              animation-delay: 5150ms;
          }

          &:nth-child(3) .o-offCanvas__text {
              animation-delay: 5300ms;
          }

          &:nth-child(4) .o-offCanvas__text {
              animation-delay: 5450ms;
          }

          &:nth-child(5) .o-offCanvas__text {
              animation-delay: 5600ms;
          }
  */
}
.o-offCanvas li.-init .o-offCanvas__text {
  width: 0;
  animation: offCanvasInit 6s none;
  animation-iteration-count: 2;
  animation-delay: 1000ms;
}
.o-offCanvas:not(.-open) li:hover .o-offCanvas__text {
  width: 172px;
}
.o-offCanvas__container {
  width: 0;
  max-height: calc(100vh - 9.375rem - 10px);
  background: var(--card-color-glow);
  min-height: 18.75rem;
  position: relative;
  transition: width 350ms ease-out;
  overflow-y: auto;
  overflow-x: clip;
  scrollbar-width: thin;
  scrollbar-color: #FFF transparent;
}
.o-offCanvas__container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.o-offCanvas__container::-webkit-scrollbar-thumb {
  background: #FFF;
  border-radius: 0;
}
.o-offCanvas__container::-webkit-scrollbar-track {
  background: linear-gradient(#FFF, #FFF) no-repeat center/1px 100%;
}
.-show-changeCountryBanner .o-offCanvas__container {
  max-height: calc(100vh - 21.875rem - 10px);
}
.o-offCanvas.-open .o-offCanvas__container {
  width: calc(100vw - 3.75rem - 0.625rem);
}
.o-offCanvas__containerItem {
  position: relative;
  visibility: hidden;
  margin: 3.75rem 0 1.875rem;
  padding: 0 4.375rem;
  gap: 2rem;
  color: #FFF;
}
.o-offCanvas__containerItem.-active {
  display: block;
  width: 100%;
  visibility: visible;
}
.o-offCanvas__containerItem .header {
  flex: 1;
  text-transform: uppercase;
  color: #FFF;
}
.o-offCanvas__containerItem .content {
  flex: 2;
}
@media only screen and (min-width: 1440px) {
  .o-offCanvas__containerItem .content { /* min-width: 1440px */
    flex: 3;
  }
}
.o-offCanvas .a-closeButton {
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: #FFF;
}
.o-offCanvas .m-slider__wrapper:before {
  content: normal;
}

.o-offCanvas__containerItem {
  display: none;
}

#teamOfExperts.o-offCanvas__containerItem.-active {
  width: calc(100vw - 3.75rem - 0.625rem);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  row-gap: 0;
}
#teamOfExperts.o-offCanvas__containerItem.-active .m-slider__title {
  grid-column: 2/span 2;
  grid-row: 1;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  border-color: rgba(255, 255, 255, 0.5);
}
#teamOfExperts.o-offCanvas__containerItem.-active .m-slider__wrapper {
  grid-column: 1/span 3;
  grid-row: 2;
}
#teamOfExperts.o-offCanvas__containerItem.-active .swiper-pagination {
  margin-top: 2rem;
}
#teamOfExperts.o-offCanvas__containerItem.-active .m-contact-person a {
  color: #FFF;
  text-decoration: underline;
}
@media only screen and (min-width: 1200px) {
  #teamOfExperts.o-offCanvas__containerItem.-active {
    grid-template-columns: repeat(4, 1fr);
  }
  #teamOfExperts.o-offCanvas__containerItem.-active .m-slider__title {
    grid-column: 2/span 3;
  }
  #teamOfExperts.o-offCanvas__containerItem.-active .m-slider__wrapper {
    grid-column: 1/span 4;
  }
}

#contactUsForm.o-offCanvas__containerItem.-active {
  display: grid;
  width: 100%;
  visibility: visible;
  grid-template-columns: 25% minmax(300px, 25%) 1fr;
  /*    .powermail_fieldwrap_type_submit .powermail_field {
          //text-align: right;

          .a-button {
              border-color: $black;
              background-color: $black;
          }
      }*/
}
#contactUsForm.o-offCanvas__containerItem.-active a {
  color: #FFF;
  text-decoration: underline;
}
#contactUsForm.o-offCanvas__containerItem.-active .frame {
  margin-bottom: 0;
}
#contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__title {
  grid-column: 1/span 3;
  grid-row: 1;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0 calc(-50vw + 50%) 0 0;
  margin-bottom: 0.5rem;
}
#contactUsForm.o-offCanvas__containerItem.-active .m-slider__intro {
  display: none;
  grid-column: 1;
  grid-row: 2;
  padding-right: clamp(0.06rem, 20.42vw + -15.25rem, 3.13rem);
}
#contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__address {
  grid-row: 2;
  text-transform: uppercase;
}
#contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__form__headline {
  font-size: 1.25rem;
  line-height: 1.1;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__form {
  grid-column: 2/span 2;
  grid-row: 2;
  padding-left: 2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1200px) {
  #contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__title {
    grid-column: 2/span 2;
  }
  #contactUsForm.o-offCanvas__containerItem.-active .m-slider__intro {
    display: block;
  }
  #contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__address {
    grid-column: 2;
    text-transform: uppercase;
  }
  #contactUsForm.o-offCanvas__containerItem.-active .contactUsForm__form {
    grid-column: 3;
  }
}

.o-offCanvas__container.-bg-glow {
  background: var(--offcanvas-color-glow);
}

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