.fl {
  position: relative;
  padding: 0 0 clamp(5.3333333333rem, 4.0720720721rem + 5.9121621622vw, 10rem) 0;
}
.fl .fl {
  padding: unset;
}
.fl .inner {
  position: relative;
  max-width: 1600px;
  width: var(--baseWidth);
  margin: 0 auto;
}
@container (width <=1024px) {
  .fl .wp-block-columns {
    flex-direction: column;
    gap: clamp(3.3333333333rem, 2.7927927928rem + 2.5337837838vw, 5.3333333333rem);
  }
}
.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: 50px 0;
}
.fl[data-layout="layout-full-reduced"] {
  width: 100%;
  max-width: none;
}
.fl[data-layout="layout-full-reduced"][data-frame$="box"] {
  padding: 50px 0;
}
.fl[data-layout="layout-full-reduced"] .inner {
  position: relative;
  max-width: 1600px;
  width: var(--baseWidth);
  margin: 0 auto;
}
.fl[data-layout="layout-reduced"] {
  overflow: hidden;
}
.fl[data-layout="layout-reduced"] .inner {
  max-width: var(--fl-layout-reduced);
}
.fl[data-layout="layout-reduced"][data-frame$="box"] {
  padding: 30px;
}
.fl[data-layout="layout-full-reduced-small"] {
  overflow: hidden;
}
.fl[data-layout="layout-full-reduced-small"] .inner {
  max-width: var(--contentWidth);
}
.fl[data-frame="lightbgbox"] {
  background: var(--fl-frame-lightbgbox);
}
.fl[data-frame="cibgbox"] {
  background: var(--fl-frame-cibgbox);
}
.fl[data-frame="wavebg"] .inner {
  max-width: 1600px;
  width: var(--baseWidth);
  margin: auto;
}
.fl[data-frame="wavebg"]::before {
  content: "";
  display: block;
  position: absolute;
  height: 110%;
  width: 100%;
  top: -5%;
  background-image: url(../../img/gray_wave.svg);
  background-repeat: no-repeat;
}
.fl[data-frame="wavebg"].wavebgflip::before {
  transform: rotateY(180deg);
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-teaser {
    top: unset;
  }
  .fl[data-frame="wavebg"] .px-teaser-inner {
    margin: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.fl[data-frame="wavebg"] .px-teaser-inner {
  max-width: 1220px;
  width: var(--baseWidth);
  margin: 0 45px;
  margin-left: auto;
}
.fl[data-frame="wavebg"] .inner:has(.px-textimages-inner) {
  width: 100%;
  max-width: unset;
}
.fl[data-frame="wavebg"] .px-textimages.whitout-bubble {
  padding: unset;
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-textimages.whitout-bubble {
    padding-bottom: 50px;
  }
}
.fl[data-frame="wavebg"] .px-textimages.px-textimages-inner {
  padding-bottom: unset;
  padding: unset;
  align-items: unset;
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-textimages.px-textimages-inner {
    align-items: center;
    gap: unset;
  }
}
.fl[data-frame="wavebg"] .px-textimages.px-textimages-inner .col.text {
  padding: 50px 0 150px 0;
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-textimages.px-textimages-inner .col.text {
    padding: 50px 0 50px 0;
  }
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-textimages {
    padding-bottom: 50px;
  }
}
.fl[data-frame="wavebg"]:has(.px-teaser, .px-counter) {
  padding: 0 0 calc(clamp(5.3333333333rem, 4.0720720721rem + 5.9121621622vw, 10rem) - 100px) 0;
}
.fl[data-frame="wavebg"] .px-teaser, .fl[data-frame="wavebg"] .px-counter {
  position: relative;
  container-type: inline-size;
  z-index: 2;
  top: -100px;
}
.fl[data-frame="wavebg"] .px-teaser.is-overflow, .fl[data-frame="wavebg"] .px-counter.is-overflow {
  padding-bottom: 70px;
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-teaser.is-overflow, .fl[data-frame="wavebg"] .px-counter.is-overflow {
    top: unset;
    padding: 0 0 clamp(5.3333333333rem, 4.0720720721rem + 5.9121621622vw, 10rem) 0;
  }
  .fl[data-frame="wavebg"] .px-teaser.is-overflow-inner, .fl[data-frame="wavebg"] .px-counter.is-overflow-inner {
    margin: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-teaser, .fl[data-frame="wavebg"] .px-counter {
    top: unset;
    padding: 0 0 clamp(5.3333333333rem, 4.0720720721rem + 5.9121621622vw, 10rem) 0;
  }
  .fl[data-frame="wavebg"] .px-teaser-inner, .fl[data-frame="wavebg"] .px-counter-inner {
    margin: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.fl[data-frame="wavebg"] .px-counter {
  margin: 0 15%;
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-counter {
    margin: unset;
  }
}
.fl[data-frame="wavebg"] .px-counter-inner {
  margin: unset;
  max-width: 860px;
  width: 100%;
}
@container (width <=1024px) {
  .fl[data-frame="wavebg"] .px-counter-inner {
    width: var(--baseWidth);
  }
}
.fl[data-frame="wavebg"]:has(.imageposition-right) .px-counter-inner {
  margin-left: auto;
}
.fl[data-frame="wavebg"]:has(.imageposition-right) .px-teaser-inner {
  margin-left: 45px;
  margin-right: auto;
}
.fl[data-frame="wavebg"] .px-frame-layout:has(.gform_wrapper) {
  position: relative;
  top: -80px;
  left: clamp(0.0666666667rem, -1.3567567568rem + 6.6722972973vw, 5.3333333333rem);
  max-width: 900px;
  width: calc(100% - 80px);
  margin: 0;
}
.fl[data-frame="shadow-bubble"] {
  width: 100%;
}
.fl[data-frame="shadow-bubble"].bubble {
  position: relative;
  display: flex;
  min-height: 592px;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .fl[data-frame="shadow-bubble"].bubble {
    min-height: unset;
    height: 100%;
  }
}
.fl[data-frame="shadow-bubble"].bubble .inner {
  position: relative;
  width: unset;
  margin: unset;
}
.fl[data-frame="shadow-bubble"].bubble::before {
  content: "";
  display: block;
  background-image: url(../../img/little_blue_bubble.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  position: absolute;
  right: -110px;
  width: 627px;
  height: 592px;
}
@media screen and (max-width: 1024px) {
  .fl[data-frame="shadow-bubble"].bubble::before {
    aspect-ratio: 1;
    width: auto;
    z-index: -1;
    height: 80%;
  }
}
.fl[data-frame="shadow-bubble"].bubble:has(.gform_wrapper)::before {
  right: -22%;
  width: 888px;
  max-width: 130%;
  height: 838px;
  bottom: 43%;
  transform: translateY(50%) rotateY(180deg);
}
@media screen and (max-width: 1024px) {
  .fl[data-frame="shadow-bubble"].bubble:has(.gform_wrapper)::before {
    width: 80%;
    z-index: -1;
    height: 80%;
  }
}
.fl[data-frame="shadow-bubble"].bubble:has(.gform_wrapper) .inner {
  margin: unset;
  width: unset;
}
@media screen and (max-width: 1024px) {
  .fl[data-frame="shadow-bubble"].bubble:has(.gform_wrapper) .inner {
    width: 100%;
  }
}
.fl[data-frame="shadow-bubble"].bubble.bubble_left::before {
  left: 0;
  transform: translateY(50%) rotateY(180deg);
}
.fl[data-frame="shadow-bubble"].bubble.bubble_left:has(.gform_wrapper)::before {
  left: 0;
  transform: translateY(50%) rotateY(0deg);
}
.fl[data-frame="shadow-bubble"].bubble.bubble_left:has(.gform_wrapper)::before .inner {
  margin: 0 0 0 22%;
}
.fl[data-frame="shadow-bubble"].bubble.bubble_left .inner {
  margin: 0 0 0 30%;
}
.fl[data-frame="shadow-bubble"] .inner {
  position: relative;
  z-index: 1;
  padding: 50px;
  border-radius: 50px 50px 50px 0px;
  background-color: var(--contrastColorInverted);
  box-shadow: 0 2px 15px 0 rgba(var(--contrastColorRGB), 0.1);
}
@container (width <=1024px) {
  .fl[data-frame="shadow-bubble"] .inner {
    padding: 30px;
  }
}
.fl[data-frame="shadow-bubble"]:has(form) {
  border-radius: 30px 30px 30px 0px;
  margin: 10px 0 30px 0;
}
.fl[data-background-image="true"] .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
}
.fl[data-background-image="true"] .background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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: 470px) {
  .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);
  }
}
