.__pf h1 {
  margin-block-end: .67em !important
}

.__pf h2 {
  margin-block-end: .83em !important
}

.__pf h3 {
  margin-block-end: 1em !important
}

.__pf h4 {
  margin-block-end: 1.33em !important
}

.__pf h5 {
  margin-block-end: 1.67em !important
}

.__pf h6 {
  margin-block-end: 2.33em !important
}

.__pf .section--image-teaser [class*=pf-gs-button-] {
  flex-direction: row-reverse
}

.__pf .section--image-teaser [class*=pf-gs-button-]:before {
  content: url(./icon-arrow-right-white-small.svg);
  display: block;
  margin-left: 1.4rem;
  height: 16px;
  width: 22px
}

.__pf .section--image-teaser [class*=pf-gs-button-]:hover:before {
  content: url(./icon-arrow-right-red-small.svg)
}

div[data-pf-type=Section] {
  margin: 0 auto;
  padding-top: 3rem;
  padding-bottom: 3rem
}

@media (min-width: 1200px) {
  div[data-pf-type=Section] {
    padding-top: 6rem;
    padding-bottom: 6rem
  }
}

div[data-pf-type=Section].section--headline-left .pf-c {
  padding-block-end: 0 !important
}

@media (max-width: 1199px) {
  .section--headline-left {
    padding-block-start: 0 !important
  }
}

.__pf .section--headline-left__headline {
  margin-block-end: 0 !important
}

div[data-pf-type=Section]>div[style^="--cw:"] {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  div[data-pf-type=Section]>div[style^="--cw:"] {
    max-width: 540px
  }
}

@media (min-width: 750px) {
  div[data-pf-type=Section]>div[style^="--cw:"] {
    max-width: 640px
  }
}

@media (min-width: 992px) {
  div[data-pf-type=Section]>div[style^="--cw:"] {
    max-width: 960px
  }
}

@media (min-width: 1200px) {
  div[data-pf-type=Section]>div[style^="--cw:"] {
    max-width: 1200px
  }
}

@media (min-width: 1360px) {
  div[data-pf-type=Section]>div[style^="--cw:"] {
    max-width: 1334px
  }
}

p {
  color: var(--pf-secondary-color)
}

.pf-button-3 {
  background-color: var(--pf-color-8) !important
}

a[data-pf-type=Button1]:hover .kae-arrow:before,
a[data-pf-type=Button2]:hover .kae-arrow:before {
  transform: translate(.5rem)
}

.kae-arrow:before {
  transition: transform var(--duration-default)
}

a[data-pf-type=Button2] .kae-arrow:before {
  content: url(./icon-arrow-right-red-small.svg) !important;
  display: block;
  width: 34px;
  height: 16px
}

a[data-pf-type=Button2]:hover .kae-arrow:before,
a[data-pf-type=Button1] .kae-arrow:before {
  content: url(./icon-arrow-right-white-small.svg) !important;
  display: block;
  width: 34px;
  height: 16px
}

a:not([disabled]):hover .kae-arrow:before {
  color: var(--color-button-text)
}

div[data-pf-type=Section].section--accordeon>div[style^="--cw:"] {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  div[data-pf-type=Section].section--accordeon>div[style^="--cw:"] {
    max-width: 540px
  }
}

@media (min-width: 750px) {
  div[data-pf-type=Section].section--accordeon>div[style^="--cw:"] {
    max-width: 640px
  }
}

@media (min-width: 992px) {
  div[data-pf-type=Section].section--accordeon>div[style^="--cw:"] {
    max-width: 960px
  }
}

@media (min-width: 1200px) {
  div[data-pf-type=Section].section--accordeon>div[style^="--cw:"] {
    max-width: 980px
  }
}

@media (min-width: 1360px) {
  div[data-pf-type=Section].section--accordeon>div[style^="--cw:"] {
    max-width: 1000px
  }
}

div[data-pf-type=Section].section--accordeon .pf-c {
  padding-top: 0;
  padding-bottom: 0
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"] {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight) !important;
  color: rgb(var(--color-foreground-title)) !important;
  line-height: var(--font-heading-line-height);
  letter-spacing: normal;
  text-transform: uppercase;
  font-size: var(--font-heading-h4-size);
  background-color: transparent !important;
  box-shadow: unset;
  border-top: .1rem solid rgba(var(--color-base-text), .2) !important;
  border-bottom: .1rem solid rgba(var(--color-base-text), .2) !important;
  -webkit-hyphens: auto;
  hyphens: auto
}

.pf-icon-right button[data-pf-type="Accordion.Header"] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between
}

div[data-pf-type="Accordion.Content.Wrapper"]+div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"] {
  border-top: 0 !important
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"][data-active=true] {
  border-bottom: none !important
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"]:after {
  box-shadow: none;
  background-color: unset
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"]:hover>span {
  background-size: 100% .2rem
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"]>span {
  margin-left: 1.5rem;
  display: inline;
  background: no-repeat 0 100%;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0 .2rem;
  transition: background-size var(--duration-long) ease
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"] .pfa-chevron-right:before {
  content: url(./arrow-right-icon.svg);
  display: block;
  height: 16px;
  width: 34px
}

div[data-pf-type="Accordion.Content.Wrapper"]>button[data-pf-type="Accordion.Header"] .pfa-arrow {
  position: relative;
  top: unset;
  right: unset;
  transform: none;
  margin-right: 1.5rem
}

div[data-pf-type="Accordion.Content.Wrapper"] .pf-anchor[data-active=true] .pfa-arrow:not(.pfa-minus) {
  transform: rotate(90deg)
}

div[data-pf-type="Accordion.Content.Wrapper"] .pf-accordion-wrapper.pf-accordion-show {
  border-bottom: .1rem solid rgba(var(--color-base-text), .2)
}

div[data-pf-type="Accordion.Content.Wrapper"] .pf-accordion__content {
  padding-bottom: 11px
}

div[data-pf-type=ProductList2] button {
  box-shadow: none;
  min-height: unset;
  min-width: unset
}

div[data-pf-type=Slideshow] button.active,
div[data-pf-type=ProductList2] button.active {
  background: var(--pf-primary-color) !important;
  border: 1px solid var(--pf-primary-color) !important
}

div[data-pf-type=Slideshow] button:after,
div[data-pf-type=ProductList2] button:after {
  content: none
}

div[data-pf-type=Slideshow] .pf-slider-next,
div[data-pf-type=Slideshow] .pf-slider-prev,
div[data-pf-type=ProductList2] .pf-slider-next,
div[data-pf-type=ProductList2] .pf-slider-prev {
  background: none !important
}

div[data-pf-type=Slideshow] .pf-slider-next,
div[data-pf-type=Slideshow] .pf-slider-prev {
  padding-right: 0;
  padding-left: 0;
  top: -30px
}

div[data-pf-type=Slideshow] .pf-slider-prev {
  left: calc(100% - 130px);
  top: -33px
}

div[data-pf-type=Slideshow] .pf-slider-next:before,
div[data-pf-type=Slideshow] .pf-slider-prev:before,
div[data-pf-type=ProductList2] .pf-slider-next:before,
div[data-pf-type=ProductList2] .pf-slider-prev:before {
  background: transparent;
  content: url(./arrow-right-icon-red.svg);
  position: static
}

div[data-pf-type=Slideshow] .pf-slider-next:after,
div[data-pf-type=Slideshow] .pf-slider-prev:after,
div[data-pf-type=ProductList2] .pf-slider-next:after,
div[data-pf-type=ProductList2] .pf-slider-prev:after {
  content: none
}

div[data-pf-type=ProductList2] .pf-product-form {
  height: 100% !important
}

div[data-pf-type=ProductList2] div[data-pf-type=ProductBox],
div[data-pf-type=ProductList2] .pf-product-form div[data-pf-type=Row] {
  height: 100%
}

.pagination-style-1 button,
.pagination-style-2 button {
  background-color: var(--pf-color-8) !important;
  margin: 0 8px !important;
  padding: 0;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  border: 1px solid rgb(121 110 105) !important
}

.pagination-style-2 button:before {
  content: none !important
}

.section--service-list {
  background-color: var(--pf-color-5) !important;
  padding-bottom: 13.5rem !important;
  margin-bottom: 17rem !important
}

.section--service-list__headline {
  font-family: var(--font-heading-family) !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important
}

.section--service-list__images {
  position: relative
}

.section--service-list__images>.pf-c {
  position: absolute;
  width: 100%
}

.section--service-list__images div[data-pf-type=Column] {
  display: grid;
  justify-content: end
}

.section--service-list img {
  margin: 15px
}

.section--service-list img:first-child {
  grid-row: 1;
  margin-left: 0;
  width: auto
}

@media (min-width: 576px) {
  .section--service-list img:first-child {
    transform: translateY(-15%);
    height: 25rem !important
  }
}

.section--service-list img:nth-child(2) {
  grid-row: 1;
  width: auto
}

@media (min-width: 576px) {
  .section--service-list img:nth-child(2) {
    transform: translateY(10%);
    width: 25rem !important
  }
}

.section--image-text__text {
  font-family: var(--pf-secondary-font)
}

@media (min-width: 992px) {
  .section--image-text__text {
    display: flex;
    padding-left: 4rem;
    padding-right: 4rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
  }
}

.section--image-text__text p {
  margin: 0
}

.section--image-text__text a {
  margin-top: 4rem !important
}

div[data-pf-type=Section].section--text .pf-c {
  padding-top: 0;
  padding-bottom: 0
}

@media (min-width: 1200px) {
  .section--text .section--text__headline {
    width: 40%
  }
}

@media (min-width: 992px) {
  .section--text__text {
    padding-left: 4rem;
    width: 70% !important
  }
}

.section--text__text p {
  font-family: var(--pf-secondary-font);
  margin-block: 0
}

.section--text__text a {
  margin-top: 4rem !important
}

.section--headline-left {
  padding-bottom: 0 !important
}

@media (min-width: 1200px) {
  .section--headline-left__headline {
    width: 60%
  }
}

.section--product-feature .pf-c {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.section--product-feature__product-list .section--product-feature__product-title {
  font-size: 3rem !important;
  margin-bottom: 2rem !important
}

.section--product-feature .pf-slide-main-media img {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  width: 100% !important
}

.section--product-feature img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important
}

.section--product-feature__product-list .pf-slide {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.section--product-feature__product-list div[data-pf-type=ProductBox] div[data-pf-type=Row] {
  border-style: solid;
  border-color: var(--pf-color-5);
  border-width: 1px
}

.slider .section--product-feature__product-list div[data-pf-type=ProductBox] div[data-pf-type=Row] {
  margin-bottom: 2.2rem
}

.section--product-feature__product-list div[data-pf-type=ProductBox] div[data-pf-type=Column] {
  border-style: solid;
  border-color: var(--pf-color-8);
  border-width: 1px;
  border-radius: 1px;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: var(--pf-color-8);
  min-height: 0px
}

.section--product-feature__product-list p[data-pf-type=ProductVendor] {
  margin-top: 3rem;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--pf-color-7);
  font-family: var(--pf-primary-font);
  font-size: 1.4rem;
  text-align: left
}

.section--product-feature__product-list div[data-pf-type=ProductBox] div[data-pf-type=ProductPrice2] {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 600
}

@media (max-width: 767px) {
  .section--product-feature .pf-slider {
    padding-bottom: 3rem
  }
}

@media (min-width: 1025px) {
  .section--product-feature:not(.slider) .pf-slide {
    flex-basis: 50% !important;
    max-width: 50% !important
  }
}

.section--product-feature .pf-r .pf-c .pf-r .pf-c:nth-child(1) {
  padding-right: 0;
  padding-left: 0
}

.section--product-feature .card__quick-add {
  background-color: transparent;
  margin: 0;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  cursor: pointer;
  transition: var(--duration-default)
}

.section--product-feature .card__quick-add:before {}

.section--product-feature .card__quick-add:hover {
  background-color: rgba(var(--color-button));
  border-color: rgba(var(--color-button))
}

.section--product-feature .card__quick-add:hover:before {
  content: url(./cart-icon-white.svg)
}

.section--storytelling div[data-pf-type=Row]:first-child .pf-c,
.section--storytelling div[data-pf-type=Row]:nth-child(2) .pf-c {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

@media (min-width: 992px) {
  .section--storytelling__first-paragraph {
    padding-left: 4rem;
    width: 50%
  }
}

@media (min-width: 992px) {
  .section--storytelling__step {
    margin-top: -10rem !important
  }
}

@media (min-width: 992px) {
  .section--storytelling__step.first-step {
    margin-top: -5rem !important
  }
}

.section--storytelling__step:nth-child(odd) .pf-c {
  justify-content: flex-end
}

.section--storytelling__step:nth-child(2n) .pf-c {
  justify-content: flex-start
}

@media (min-width: 768px) {
  .__pf .section--storytelling__step>.pf-c [data-pf-type=Column] {
    width: 70%
  }
}

@media (min-width: 992px) {
  .__pf .section--storytelling__step>.pf-c [data-pf-type=Column] {
    width: 33%
  }
}

div[data-pf-type=Section].section--header-text,
div[data-pf-type=Section].section--header-text .pf-c {
  padding-block-end: 0
}

div[data-pf-type=Section].section--header-text .section--header-text__headline {
  margin-block-end: 0 !important
}

.section--header-text__headline {
  color: var(--pf-color-6);
  font-family: var(--pf-primary-font);
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 0 !important
}

.section--header-slider .eaojme .pf-slide {
  width: 100% !important
}

.section--header-slider .pf-slider-nav {
  bottom: -15px !important
}

.section--header-slider [data-pf-type=Row] {
  margin-right: 0;
  margin-left: 0
}

.section--header-slider [data-pf-type=Row] .pf-c {
  padding-right: 0;
  padding-left: 0
}

.section--header-slider__heading {
  display: flex;
  align-items: center
}

@media (min-width: 1440px) {
  .section--header-slider__heading {
    padding-right: 10rem
  }
}

.section--header-slider__headline {
  color: var(--pf-color-6);
  font-family: var(--pf-primary-font);
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 0 !important
}

@media (min-width: 768px) {
  .section--header-slider__headline {
    font-size: 5rem
  }
}

@media (min-width: 992px) {
  .section--header-slider__headline {
    font-size: 6rem
  }
}

@media (min-width: 1025px) {
  .section--header-slider__headline {
    font-size: 7rem
  }
}

@media (min-width: 1200px) {
  .section--header-slider__headline {
    font-size: 8rem
  }
}

.background-grey {
  background-color: var(--pf-color-5) !important
}

.section--contact [data-pf-type=Row] {
  align-items: center
}

@media (max-width: 991px) {
  .__pf .section--contact .pf-c {
    max-width: 100%;
    flex-basis: 100%
  }
}

@media (min-width: 768px) {
  .section--contact__text {
    padding-top: 6rem
  }
}

@media (min-width: 768px) {
  .section--contact__text p {
    max-width: 65%;
    margin-top: 4rem;
    padding-left: 4rem
  }
}

@media (min-width: 1025px) {
  .section--contact__text p {
    max-width: 100%
  }
}

.section--contact__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px
}

@media (min-width: 576px) {
  .section--contact__buttons {
    align-items: unset;
    flex-direction: row
  }
}

@media (min-width: 768px) {
  .section--contact__buttons {
    padding-left: 4rem
  }
}

.section--contact__images [data-pf-type=Row] .pf-c:first-child {
  padding-right: 10rem
}

@media (min-width: 768px) {
  .section--contact__images [data-pf-type=Row] .pf-c:first-child {
    max-width: 50%;
    flex-basis: 50%;
    padding-right: 15px
  }
}

.section--contact__images [data-pf-type=Row] .pf-c:last-child {
  padding-left: 10rem
}

@media (min-width: 768px) {
  .section--contact__images [data-pf-type=Row] .pf-c:last-child {
    max-width: 50%;
    flex-basis: 50%;
    padding-left: 15px
  }
}

.section--contact__images p {
  text-align: center
}

.section--contact__images .profile2 {
  padding-top: 6rem
}

.section--benefits__headline {
  text-align: center;
  margin-bottom: 2.5rem !important
}

.section--benefits__benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.section--benefits__benefit i {
  font-size: 2.8rem
}

.section--references__headline {
  text-align: center;
  font-size: 11px;
  font-family: Open Sans;
  color: var(--pf-primary-color);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 2px;
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.__pf .section--references__quote {
  text-align: center;
  color: var(--pf-color-6);
  margin-bottom: 1.2rem !important;
  margin-right: 14rem;
  margin-left: 14rem
}

.section--references__slide p {
  text-align: center;
  font-family: Open Sans;
  color: var(--pf-foreground-color);
  margin-bottom: 2.8rem;
  font-weight: 400;
  font-size: 1.1rem
}

.section--references .cuWasL .pf-slider-next,
.section--references .cuWasL .pf-slider-prev {
  top: calc(50% - 15px);
  padding-left: 0;
  padding-right: 0;
  width: 62px;
  height: auto
}

.section--teaser-two div[data-pf-type=Column] .pf-r:first-child div[data-pf-type=Column] {
  border-style: solid;
  border-color: var(--pf-color-5);
  border-width: 1px
}

.section--teaser-two .pf-r .pf-c {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.section--teaser-two .pf-r .pf-r {
  width: 100%
}

.section--teaser-two div[data-pf-type=Column] div[data-pf-type=Column]:has(img) {
  background-color: #fff
}

.section--teaser-two .pf-button-3:hover {
  color: #fff
}

.section--teaser--three div[data-pf-type=Column] .pf-r:first-child div[data-pf-type=Column] {
  border-style: solid;
  border-color: var(--pf-color-5);
  border-width: 1px
}

.section--teaser--three div[data-pf-type=Column]:has(img) {
  background-color: #fff
}

.section--teaser--three .pf-r {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.section--teaser--three .section--teaser__items>.pf-c {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.section--teaser--three .pf-r .pf-c .pf-r:first-child .pf-c {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.section--teaser--three [data-pf-type=Row] {
  justify-content: center
}

@media (min-width: 768px) and (max-width: 1024px) {
  .section--teaser--three [data-pf-type=Row] .pf-c {
    max-width: 50%;
    flex-basis: 50%
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .section--teaser--three [data-pf-type=Row] [data-pf-type=Row] .pf-c {
    max-width: 100%;
    flex-basis: 100%
  }
}

@media (min-width: 1025px) {
  .section--teaser--three .section--teaser__items .pf-c:last-child .pf-c div[data-pf-type=Column] {
    margin-left: -1px
  }
}

@media (min-width: 1025px) {
  .section--teaser--three .section--teaser__items .pf-c:first-child .pf-c div[data-pf-type=Column] {
    margin-right: -1px
  }
}

.section--teaser .section--teaser__items img {
  aspect-ratio: 16 / 11 !important;
  object-fit: cover !important
}

.section--teaser__items>.pf-c:nth-child(1) {
  padding-top: 5rem !important
}

.section--teaser__items>.pf-c:nth-child(3) {
  padding-top: 10rem !important
}

.section--teaser__items img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: auto;
  aspect-ratio: 1 / 1;
  border-style: solid;
  border-color: var(--pf-color-5);
  border-width: 3px
}

.section--teaser__items div[data-pf-type=Column] {
  display: flex;
  flex-direction: column;
  align-items: center
}

.section--quote__quote {
  font-size: 80px;
  color: var(--pf-color-6);
  font-family: var(--pf-primary-font);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.section--quote p {
  margin-top: 2rem;
  color: var(--pf-secondary-color);
  text-align: center;
  font-style: italic
}

@media (min-width: 576px) {
  .section--image-slider {
    padding-left: 15rem !important
  }
}

@media (min-width: 768px) {
  .section--image-slider {
    padding-left: 20rem !important
  }
}

@media (min-width: 992px) {
  .section--image-slider {
    padding-left: 25rem !important
  }
}

@media (min-width: 1200px) {
  .section--image-slider {
    padding-left: 30rem !important
  }
}

@media (min-width: 1440px) {
  .section--image-slider {
    padding-left: 36rem !important
  }
}

.section--image-slider img {
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center
}

.section--image-slider .pf-slider-nav {
  bottom: -15px !important
}

.section--image-gallery div[data-pf-type=Column] {
  display: flex;
  flex-direction: row;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center
}

.section--image-gallery img {
  height: 260px !important;
  width: auto !important;
  object-fit: cover !important;
  aspect-ratio: unset !important
}

.section--location__text {
  background-color: var(--pf-color-5);
  padding: 3rem 3rem 3rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.__pf .section--location__headline {
  margin-block-end: 1rem !important;
  font-size: 3rem
}

.__pf .section--location__headline~.section--location__headline {
  margin-block-start: 3rem
}

@media (max-width: 767px) {
  .section--location div[data-pf-type=Row]>.pf-c:first-child {
    padding-block-end: 0
  }
}

@media (max-width: 767px) {
  .section--location div[data-pf-type=Row]>.pf-c:last-child {
    padding-block-start: 0
  }
}

.section--location p {
  font-family: var(--pf-secondary-font);
  color: var(--pf-secondary-color);
  margin: 0
}

.section--location .bold {
  font-weight: 700
}

.section--location .top-margin {
  margin-top: 1.4rem !important
}

.section--location img {
  width: 100%;
  height: 620px;
  aspect-ratio: unset;
  border-style: none;
  object-fit: cover;
  object-position: center center
}

@media (max-width: 767px) {
  .section--location img {
    aspect-ratio: 16 / 9 !important;
    height: auto !important
  }
}

@media (min-width: 768px) {
  .__pf .section--location div[style*=--s-xs]>.pf-c {
    padding: 0
  }
}

.section--image-teaser .bg-image {
  background-size: cover;
  background-position: center center;
  min-height: 38.4rem;
  overflow: hidden;
  width: 100%
}

.section--image-teaser__container {
  margin-top: -15px;
  margin-bottom: -15px;
  min-height: 38.4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem;
  background: rgba(var(--color-overlay), .7)
}

@media (min-width: 768px) {
  .section--image-teaser__container {
    padding-right: 20rem
  }
}

@media (min-width: 1200px) {
  .section--image-teaser__container {
    padding: 5rem 60rem 5.5rem 10rem
  }
}

.section--image-teaser .section--image-teaser__headline {
  color: var(--pf-color-8) !important;
  margin-block-end: 1.6rem !important
}

.section--image-teaser__container p {
  color: var(--pf-color-8) !important;
  font-size: 1.4rem;
  line-height: 2.3rem;
  text-align: left;
  margin-top: 0;
  margin-bottom: 4rem;
  font-family: var(--pf-secondary-font)
}

.section--image-teaser__container a {
  background-color: var(--pf-color-8) !important;
  border: 1px solid var(--pf-color-8) !important;
  color: var(--pf-scheme-btn-text-color) !important;
  box-shadow: unset;
  width: fit-content
}

.section--image-teaser__container a:not([disabled]):hover {
  color: var(--pf-primary-color) !important
}

.section--image-teaser__container a:after {
  background-color: var(--pf-color-8) !important;
  box-shadow: unset;
  filter: brightness(.75)
}

.section--image-teaser .teaser-small {
  padding-left: clamp(5rem, 6vw, 10rem);
  padding-right: clamp(5rem, 6vw, 10rem)
}

.half-width .section--image-teaser__items>.pf-c {
  max-width: 100%;
  width: 100%;
  flex-basis: 100%
}

@media (min-width: 992px) {
  .half-width .section--image-teaser__items>.pf-c {
    max-width: 50%;
    width: 50%;
    flex-basis: 50%
  }
}

.section--image-teaser .teaser-small p {
  margin-bottom: .6rem !important
}

.section--logo-pattern div[data-pf-type=Column] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section--logo-pattern div[data-pf-type=Column] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 120px)
  }
}

.section--logo-pattern img {
  height: 100px !important;
  width: 150px !important;
  object-fit: contain !important;
  object-position: center center !important
}

@media (max-width: 1199px) {
  .section--topic-links .pf-c>div[data-pf-type=Column] {
    padding-left: 0
  }
}

.section--topic-links .pfa-arrow-right {
  content: url(./arrow-right-icon.svg) !important;
  width: 8rem
}

@media (max-width: 991px) {
  .section--topic-links .pfa-arrow-right {
    width: 6rem
  }
}

@media (max-width: 991px) {
  .__pf .section--topic-links [style*=--s-xs]>.pf-c {
    padding: 0
  }
}

.section--topic-links [data-pf-type^=Heading] {
  margin-block-end: 0 !important
}

@media (min-width: 768px) {
  .section--topic-links [data-pf-type^=Heading] {
    font-size: 4rem !important
  }
}

@media (min-width: 992px) {
  .section--topic-links [data-pf-type^=Heading] {
    font-size: 6rem !important
  }
}

.section--contact-grid .section--location__text {
  justify-content: flex-start;
  padding-right: 3rem !important
}

@media (max-width: 1024px) {
  .section--contact-grid .section--location__text {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

@media (max-width: 1024px) {
  .section--contact-grid [style*="--c-xs:12"] {
    flex-basis: 100% !important;
    max-width: 100% !important
  }
}

@media (min-width: 1024.5px) {

  .section--contact-grid [style*="--c-sm:6"],
  .section--contact-grid [style*="--c-md:6"],
  .section--contact-grid [style*="--c-lg:6"] {
    max-width: calc(100% / 12 * 4) !important;
    flex-basis: calc(100% / 12 * 4) !important
  }
}

@media (min-width: 1024.5px) {

  .section--contact-grid [style*="--c-sm:12"],
  .section--contact-grid [style*="--c-md:12"],
  .section--contact-grid [style*="--c-lg:12"] {
    max-width: calc(100% / 12 * 4) !important;
    flex-basis: calc(100% / 12 * 4) !important
  }
}

.section--contact-grid [style*=--s-xs]>.pf-c {
  padding: 3px 0 !important
}

@media (min-width: 1025px) {
  .section--contact-grid [style*=--s-xs]>.pf-c {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }
}

@media (max-width: 989px) {
  .section--contact-grid .pf-c:last-child .section--location__text {
    margin-left: 0
  }
}

@media (max-width: 767px) {
  .section--contact-grid .section--location__text {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
}

@media (max-width: 989px) {
  .section--contact-grid>div>[data-pf-type=Row] {
    margin-bottom: 0 !important
  }
}

.section--contact-form>div[style^="--cw:"] {
  max-width: 966px !important
}

.contact-form .g-container {
  display: flex;
  justify-content: space-between
}

.contact-form .globo-form-app {
  margin: 0 !important;
  max-width: unset !important
}

.contact-form .g-container .header .title {
  font-family: var(--font-heading-family) !important;
  font-size: var(--font-heading-h1-size) !important;
  color: var(--color-foreground-title) !important
}

.contact-form .g-container .header .description {
  font-family: var(--font-body-family) !important;
  font-size: var(--font-body-size) !important
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  background-color: var(--pf-color-8) !important;
  border: 1px solid var(--pf-foreground-color) !important;
  border-radius: 3px !important;
  box-shadow: unset !important
}

.contact-form:has(select) select {
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none
}

.contact-form:has(select) select::-ms-expand {
  display: none
}

.contact-form .globo-form-input:has(select):before {
  cursor: pointer;
  content: url(./dropdown-arrow.svg);
  font-size: 6px;
  line-height: 1;
  z-index: 10;
  right: 21px;
  top: 22px;
  position: absolute
}

.contact-form .gfb__dropzone {
  border: 1px dotted var(--pf-foreground-color) !important;
  background-color: #fafafa !important;
  border-radius: 3px !important
}

.contact-form .gfb__dropzone .gfb__dropzone--placeholder--button {
  background-color: transparent !important;
  border: 1px solid var(--pf-foreground-color) !important;
  border-radius: 3px !important
}

.contact-form button[type=submit] {
  display: flex;
  padding: 2rem 5rem !important;
  border: unset !important;
  border-radius: 3px !important;
  transition: var(--duration-default)
}

.contact-form button[type=submit]:hover {
  box-shadow: unset !important
}

.contact-form button[type=submit]:after {
  content: url(./icon-arrow-right-white-small.svg);
  display: block;
  margin-left: 1.4rem;
  height: 16px;
  width: 22px;
  transition: var(--duration-default)
}

.contact-form button[type=submit]:hover:after {
  transform: translate(.5rem)
}

.slideshow-section .flickity-viewport {
  aspect-ratio: 16 / 13.5;
  width: 100%
}

@media (min-width: 1024px) {
  .slideshow-section .flickity-viewport {
    aspect-ratio: 16 / 8
  }
}

@media (min-width: 1440px) {
  .slideshow-section .flickity-viewport {
    aspect-ratio: 16 / 6.8
  }
}

.product .product__media-list .flickity-viewport {
  aspect-ratio: 1 / 1;
  width: 100%
}

@media (min-width: 1024px) {
  .product .product__media-list .flickity-viewport {
    aspect-ratio: 1 / 1
  }
}

@media (min-width: 1440px) {
  .product .product__media-list .flickity-viewport {
    aspect-ratio: 1 / 1
  }
}

.product .product__media-sublist .flickity-viewport {
  aspect-ratio: 16 / 5.4;
  width: 100%
}

@media (min-width: 1024px) {
  .product .product__media-sublist .flickity-viewport {
    aspect-ratio: 1 / 1
  }
}

@media (min-width: 1440px) {
  .product .product__media-sublist .flickity-viewport {
    aspect-ratio: 1 / 1
  }
}

/*# sourceMappingURL=/cdn/shop/t/7/assets/pagefly.overwrites.css.map?v=70026769118983116141730382309 */