.paragraph--type---visual-feature-element.ba11col-wrapper {
  display: table;
  padding: 32px 0;
}

.paragraph--type---visual-feature-element.ba11col-wrapper .image-wrapper.ba11.align-right {
  float: right;
}

.paragraph--type---visual-feature-element.ba11col-wrapper .image-wrapper.ba11.align-left {
  float: left;
}

.paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11 {
  margin-top: 21px;
}

.paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11.align-right {
  float: right;
}

.paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11.align-left {
  float: left;
}

@media (max-width: 735px) {
  .paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11 {
    min-height: 288px;
  }

  .paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11 .text-content {

  }
}

@media (min-width: 736px) {
  .paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11 {
    min-height: 288px;
    position: relative;
  }

  .paragraph--type---visual-feature-element.ba11col-wrapper .text-wrapper.ba11 .text-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
}

.paragraph--type---visual-feature-element.ba11col-wrapper .image-wrapper.ba11.align-left .ba213col-subwrapper .image-wrapper picture img.js-fade.js-faded,
.paragraph--type---visual-feature-element.ba11col-wrapper .image-wrapper.ba11.align-right .ba213col-subwrapper .image-wrapper picture img.js-fade.js-faded {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.paragraph--type---visual-feature-element.ba11col-wrapper .image-wrapper.ba11.align-left .ba213col-subwrapper .image-wrapper picture img.js-fade {
  opacity: 0;
  -webkit-transform: translate(-21px,21px);
  transform: translate(-21px,21px);
  -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;
}

.paragraph--type---visual-feature-element.ba11col-wrapper .image-wrapper.ba11.align-right .ba213col-subwrapper .image-wrapper picture img.js-fade {
  opacity: 0;
  -webkit-transform: translate(21px,21px);
  transform: translate(21px,21px);
  -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;
}

.paragraph--type---visual-feature-element.border--noborder .image-wrapper,
.paragraph--type---visual-feature-element.border--noborder .text-wrapper {
  padding: 16px 0;
}




/* boxed square image */

.paragraph--type---visual-feature-element .image-wrapper {
  position: relative;
  margin-top: 21px;
  z-index: 0;
}

.paragraph--type---visual-feature-element.box-animation-animated .image-wrapper.js-fade {
  opacity: 0;
  -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;
}

.paragraph--type---visual-feature-element.box-animation-animated .image-wrapper.js-faded {
  opacity: 1;
}

.paragraph--type---visual-feature-element.box-align-left {
  /*margin-left: 21px;*/
}

.paragraph--type---visual-feature-element.box-align-right {
  /*margin-right: 21px;*/
}

.paragraph--type---visual-feature-element.border--border .image-wrapper picture img {
  clip-path: polygon(0px 0px, 305px 0, 305px 282px, 0px 305px);
}

.paragraph--type---visual-feature-element.border--noborder .image-wrapper picture img {
  clip-path: polygon(0px 0px, 288px 0, 288px 266px, 0px 288px);
}

.paragraph--type---visual-feature-element.box-align-left .image-wrapper .box-wrapper {
  position: absolute; top: -21px; left: -21px; z-index: -1;
}

.paragraph--type---visual-feature-element.box-align-right .image-wrapper .box-wrapper {
  position: absolute; top: -21px; left: 21px; z-index: -1;
}

.paragraph--type---visual-feature-element.box-animation-animated .js-faded .mood-boxes__line-1 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 0.50s !important;
}

.paragraph--type---visual-feature-element.box-animation-animated .js-faded .mood-boxes__line-2 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 0.805s !important;
}

.paragraph--type---visual-feature-element.box-animation-animated .js-faded .mood-boxes__line-3 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 1.11s !important;
}

.paragraph--type---visual-feature-element.box-animation-animated .js-faded .mood-boxes__line-4 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 1.415s !important;
}

/*.paragraph.paragraph--type---visual-feature-element.box-animation-animated .js-faded .mood-boxes__line-1*/

@keyframes bsi {
 to {
  stroke-dashoffset:0
 }
}

.paragraph--type---visual-feature-element.box-align-right.box-animation-animated .image-wrapper.js-fade picture img.js-fade {
  opacity: 0;
  -webkit-transform: translate(21px,21px);
  transform: translate(21px,21px);
  -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;
}

.paragraph--type---visual-feature-element.box-align-right.box-animation-animated .image-wrapper.js-faded picture img.js-faded {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.paragraph--type---visual-feature-element.box-align-left.box-animation-animated .image-wrapper.js-fade picture img.js-fade {
  opacity: 0;
  -webkit-transform: translate(21px,-21px);
  transform: translate(21px,-21px);
  -webkit-transition: opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;
}

.paragraph--type---visual-feature-element.box-align-left.box-animation-animated .image-wrapper.js-faded picture img.js-faded {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-align-left .wrapper .box-wrapper {
  position: absolute;
  top: -21px;
  left: -21px;
  z-index: -1;
}