.fl > .inner {
  margin: 0 auto;
  position: relative;
}
.fl[data-layout=default] {
  position: relative;
  width: var(--baseWidth);
  max-width: var(--maxWidth);
  margin: 0 auto;
}
.fl[data-layout=layout-full] {
  width: 100%;
  max-width: 100%;
}
.fl[data-layout=layout-full-reduced] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced] .inner {
  position: relative;
  width: var(--baseWidth);
  max-width: var(--maxWidth);
  margin: 0 auto;
}
.fl[data-frame=default] {
  background: transparent !important;
}
.fl[data-frame=greybox] {
  background: var(--backgroundColorLight) !important;
  padding: 50px 40px;
}
@media all and (max-width: 640px) {
  .fl[data-frame=greybox] {
    padding: 15px;
  }
}
.fl[data-frame=greybox] .wp-block-image.is-style-image-styled:before, .fl[data-frame=greybox] .wp-block-image.is-style-image-styled:after, .fl[data-frame=greybox] .teasertile:before, .fl[data-frame=greybox] .teasertile:after {
  border-color: transparent transparent transparent var(--backgroundColorLight) !important;
}
.fl[data-frame=greybox] .wp-block-image.is-style-image-styled:after, .fl[data-frame=greybox] .teasertile:after {
  border-color: transparent var(--backgroundColorLight) transparent transparent !important;
}
.fl[data-frame=greybox] ul:not(.is-style-list--check) li {
  background-image: url("../../../img/li-platine-blue2x.png") !important;
}
.fl[data-frame=greybox-head] {
  background: #929997;
  padding: 50px 40px;
  color: #fff;
}
@media all and (max-width: 640px) {
  .fl[data-frame=greybox-head] {
    padding: 15px;
  }
}
.fl[data-frame=greybox-head] h1,
.fl[data-frame=greybox-head] h2,
.fl[data-frame=greybox-head] h3,
.fl[data-frame=greybox-head] h4,
.fl[data-frame=greybox-head] h5,
.fl[data-frame=greybox-head] h6 {
  color: #fff !important;
}
.fl[data-frame=greybox-head] .wp-block-image.is-style-image-styled:before, .fl[data-frame=greybox-head] .wp-block-image.is-style-image-styled:after, .fl[data-frame=greybox-head] .teasertile:before, .fl[data-frame=greybox-head] .teasertile:after {
  border-color: transparent transparent transparent #929997 !important;
}
.fl[data-frame=greybox-head] .wp-block-image.is-style-image-styled:after, .fl[data-frame=greybox-head] .teasertile:after {
  border-color: transparent #929997 transparent transparent !important;
}
.fl[data-frame=greybox-head] ul:not(.is-style-list--check) li {
  background-image: url("../../../img/li-platine-white2x.png") !important;
}
.fl[data-frame=bluebox] {
  background: var(--mainColor) !important;
  color: #fff;
  padding: 50px 40px;
}
@media all and (max-width: 640px) {
  .fl[data-frame=bluebox] {
    padding: 15px;
  }
}
.fl[data-frame=bluebox] h1,
.fl[data-frame=bluebox] h2,
.fl[data-frame=bluebox] h3,
.fl[data-frame=bluebox] h4,
.fl[data-frame=bluebox] h5,
.fl[data-frame=bluebox] h6 {
  color: #fff !important;
}
.fl[data-frame=bluebox] .wp-block-image.is-style-image-styled:before, .fl[data-frame=bluebox] .wp-block-image.is-style-image-styled:after, .fl[data-frame=bluebox] .teasertile:before, .fl[data-frame=bluebox] .teasertile:after {
  border-color: transparent transparent transparent var(--mainColor) !important;
}
.fl[data-frame=bluebox] .wp-block-image.is-style-image-styled:after, .fl[data-frame=bluebox] .teasertile:after {
  border-color: transparent var(--mainColor) transparent transparent !important;
}
.fl[data-frame=bluebox] ul:not(.is-style-list--check) li {
  background-image: url("../../../img/li-platine-white2x.png") !important;
}
.fl[data-frame=magentabox] {
  background: var(--secondColor) !important;
  color: #fff;
  padding: 50px 40px;
}
@media all and (max-width: 640px) {
  .fl[data-frame=magentabox] {
    padding: 15px;
  }
}
.fl[data-frame=magentabox] h1,
.fl[data-frame=magentabox] h2,
.fl[data-frame=magentabox] h3,
.fl[data-frame=magentabox] h4,
.fl[data-frame=magentabox] h5,
.fl[data-frame=magentabox] h6 {
  color: #fff !important;
}
.fl[data-frame=magentabox] .wp-block-image.is-style-image-styled:before, .fl[data-frame=magentabox] .wp-block-image.is-style-image-styled:after, .fl[data-frame=magentabox] .teasertile:before, .fl[data-frame=magentabox] .teasertile:after {
  border-color: transparent transparent transparent var(--secondColor) !important;
}
.fl[data-frame=magentabox] .wp-block-image.is-style-image-styled:after, .fl[data-frame=magentabox] .teasertile:after {
  border-color: transparent var(--secondColor) transparent transparent !important;
}
.fl[data-frame=magentabox] ul:not(.is-style-list--check) li {
  background-image: url("../../../img/li-platine-white2x.png") !important;
}
.fl[data-frame=gradient] {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f2f2f2",GradientType=0 );
  padding: 50px 40px;
}
@media all and (max-width: 640px) {
  .fl[data-frame=gradient] {
    padding: 15px;
  }
}
.fl[data-frame=gradient] .wp-block-image.is-style-image-styled:before, .fl[data-frame=gradient] .wp-block-image.is-style-image-styled:after, .fl[data-frame=gradient] .teasertile:before, .fl[data-frame=gradient] .teasertile:after {
  border-color: transparent transparent transparent var(--backgroundColorLight) !important;
}
.fl[data-frame=gradient] .wp-block-image.is-style-image-styled:after, .fl[data-frame=gradient] .teasertile:after {
  border-color: transparent var(--backgroundColorLight) transparent transparent !important;
}
.fl[data-frame=gradient] ul:not(.is-style-list--check) li {
  background-image: url("../../../img/li-platine-blue2x.png") !important;
}
.fl[data-frame=blueborder] {
  background-color: #fff;
  border: 5px solid var(--mainColor);
  border-radius: 10px;
  padding: 50px 40px;
}
@media all and (max-width: 640px) {
  .fl[data-frame=blueborder] {
    padding: 15px;
  }
}
.fl[data-frame=magentaborder] {
  background-color: #fff;
  border: 2px solid var(--secondColor);
  padding: 50px 40px;
}
@media all and (max-width: 640px) {
  .fl[data-frame=magentaborder] {
    padding: 15px;
  }
}
.fl[data-frame=shadowbox] {
  padding: 50px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  background: #fff;
  position: relative;
  color: #6E6E6C;
}
@media all and (max-width: 1300px) {
  .fl[data-frame=shadowbox] {
    padding: 40px;
  }
}
@media all and (max-width: 768px) {
  .fl[data-frame=shadowbox] {
    padding: 30px 20px;
  }
}
.fl[data-frame=shadowbox] .fl[data-frame=greybox], .fl[data-frame=shadowbox] .fl[data-frame=magentabox], .fl[data-frame=shadowbox] .fl[data-frame=greybox], .fl[data-frame=shadowbox] .fl[data-frame=bluebox] {
  padding: 10px;
}
.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);
}

.wp-block-columns .fl,
.px-frame-layout .fl,
.accordion-content .fl,
.tab_wrapper .fl {
  width: 100%;
}

.wp-block-column.is-vertically-aligned-stretch .fl {
  width: 100%;
  height: 100%;
}