.fl {
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
  container-type: inline-size;
}
.fl .customerslider {
  width: 100%;
}
.fl[data-layout=default][data-frame$=box] {
  padding: 30px;
}
.fl[data-layout=layout-full] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full][data-frame$=box] {
  padding: clamp(1.7647058824rem, 0.492845787rem + 6.7567567568vw, 6.4705882353rem) 0;
}
.fl[data-layout=layout-full-reduced] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced][data-frame$=box] {
  padding: clamp(1.7647058824rem, 0.492845787rem + 6.7567567568vw, 6.4705882353rem) 0;
}
.fl[data-layout=layout-full-reduced] .inner {
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
}
.fl[data-layout=layout-full-reduced] .inner .px-teaser,
.fl[data-layout=layout-full-reduced] .inner .px-news,
.fl[data-layout=layout-full-reduced] .inner .px-textimages {
  width: 100%;
}
.fl[data-layout=layout-full-reduced-small] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced-small][data-frame$=box] {
  padding: clamp(1.7647058824rem, 0.492845787rem + 6.7567567568vw, 6.4705882353rem) 0;
}
.fl[data-layout=layout-full-reduced-small] .inner {
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
  max-width: var(--reducedWidth);
}
.fl[data-layout=layout-full-reduced-small] .inner .px-teaser {
  width: 100%;
}
.fl[data-layout=layout-reduced] {
  max-width: var(--fl-layout-reduced);
}
.fl[data-layout=layout-reduced][data-frame$=box] {
  padding: 30px;
}
.fl[data-layout=layout-reduced] .gform_wrapper {
  width: 100%;
}
.fl[data-frame=lightbgbox] {
  background: var(--fl-frame-lightbgbox);
}
.fl[data-frame=cibgbox] {
  background: var(--fl-frame-cibgbox);
}
.fl[data-frame=gradientbgbox] {
  background: var(--lightGradient);
}
.fl[data-frame=gradientbgbox][data-layout=layout-full-reduced] {
  padding: clamp(1.7647058824rem, 0.8108108108rem + 5.0675675676vw, 5.2941176471rem) 0;
}
.fl[data-frame=gradientbgbox][data-frame$=box] {
  padding: clamp(1.7647058824rem, 0.8108108108rem + 5.0675675676vw, 5.2941176471rem) 0;
}
.fl[data-frame=gradientbgbox][data-background-image=true] .background-image img {
  opacity: 0.2;
}
.fl[data-frame=gradientbgbox][data-background-image=true] .inner {
  padding: 0;
}
.fl[data-frame=logobox] .logobox-wrap {
  position: absolute;
  bottom: clamp(1.7647058824rem, 1.1287758347rem + 3.3783783784vw, 4.1176470588rem);
  right: 0;
  padding: 20px 30px;
  background-color: var(--contrastColorInverted);
  box-shadow: 0 10px 50px 0 rgba(var(--contrastColorRGB), 0.06);
  border-top-left-radius: var(--bigBorderRadius);
  border-bottom-left-radius: var(--bigBorderRadius);
}
@container (width <= 1200px) {
  .fl[data-frame=logobox] .logobox-wrap {
    position: relative;
    bottom: auto;
    right: auto;
    width: 84%;
    margin: 30px auto 0;
    border-radius: var(--bigBorderRadius);
  }
}
.fl[data-frame=logobox] .logobox-wrap .logobox-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 15px 30px;
}
@container (width <= 1200px) {
  .fl[data-frame=logobox] .logobox-wrap .logobox-inner {
    justify-content: center;
  }
}
.fl[data-frame=logobox] .logobox-wrap .logobox-inner img {
  max-height: 100px;
  width: auto;
}
.fl[data-background-image=true] > .inner {
  position: relative;
  z-index: 3;
  padding: clamp(1.7647058824rem, 0.333863275rem + 7.6013513514vw, 7.0588235294rem) 0;
}
.fl[data-background-image=true] .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fl[data-background-image=true] .background-image.with-overlay::before, .fl[data-background-image=true] .background-image.with-overlay::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fl[data-background-image=true] .background-image.with-overlay::before {
  background-color: var(--mainColor);
  opacity: 0.8;
  z-index: 1;
}
.fl[data-background-image=true] .background-image.with-overlay::after {
  background: linear-gradient(265deg, rgba(var(--secondColorRGB), 0.4) 0%, rgba(var(--mainColorLightRGB), 1) 53%, rgba(var(--mainColorLightRGB), 1) 100%);
  opacity: 0.6;
  z-index: 2;
}
.fl[data-background-image=true] .background-image.with-btm {
  display: flex;
  align-items: flex-end;
}
.fl[data-background-image=true] .background-image.with-btm::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../../img/banner-btm.png") no-repeat bottom left/100% auto;
  z-index: 1;
}
.fl[data-background-image=true] .background-image.with-btm img {
  height: auto;
  object-fit: contain;
}
.fl[data-background-image=true] .background-image.no-fullsize-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fl[data-background-image=true] .background-image.no-fullsize-image img {
  width: 50%;
  height: auto;
}
.fl[data-background-image=true] .background-image.with-opacity img {
  opacity: 0.3;
}
.fl[data-background-image=true] .background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
}
.fl[data-margin-before=extra-small] {
  margin-top: var(--fl-margin-before-extra-small);
}
.fl[data-margin-before=small] {
  margin-top: var(--fl-margin-before-small);
}
.fl[data-margin-before=medium] {
  margin-top: var(--fl-margin-before-medium);
}
.fl[data-margin-before=large] {
  margin-top: var(--fl-margin-before-large);
}
.fl[data-margin-before=extra-large] {
  margin-top: var(--fl-margin-before-extra-large);
}
.fl[data-margin-after=extra-small] {
  margin-bottom: var(--fl-margin-after-extra-small);
}
.fl[data-margin-after=small] {
  margin-bottom: var(--fl-margin-after-small);
}
.fl[data-margin-after=medium] {
  margin-bottom: var(--fl-margin-after-medium);
}
.fl[data-margin-after=large] {
  margin-bottom: var(--fl-margin-after-large);
}
.fl[data-margin-after=extra-large] {
  margin-bottom: var(--fl-margin-after-extra-large);
}
@media screen and (max-width: 640px) {
  .fl[data-margin-before=medium] {
    margin-top: var(--fl-margin-before-medium);
  }
  .fl[data-margin-before=large] {
    margin-top: var(--fl-margin-before-large);
  }
  .fl[data-margin-before=extra-large] {
    margin-top: var(--fl-margin-before-extra-large);
  }
  .fl[data-margin-after=medium] {
    margin-bottom: var(--fl-margin-after-medium);
  }
  .fl[data-margin-after=large] {
    margin-bottom: var(--fl-margin-after-large);
  }
  .fl[data-margin-after=extra-large] {
    margin-bottom: var(--fl-margin-after-extra-large);
  }
}