/* 
    Created on : 18.10.2023, 13:16:59
    Author     : cathexis
*/

/* landscape */

.paragraph.paragraph--type--__-3-shadowed-landscape-image {
  padding: 34px 0;
}

.paragraph.paragraph--type--__-3-shadowed-landscape-image .wrapper {
  width: 305px;
  height: 188px;
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.paragraph.paragraph--type--__-3-shadowed-landscape-image.shadow-align-left .wrapper.js-fade picture img {
  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.paragraph--type--__-3-shadowed-landscape-image.shadow-align-right .wrapper.js-fade picture img {
  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.paragraph--type--__-3-shadowed-landscape-image.shadow-align-left .wrapper.js-faded picture img,
.paragraph.paragraph--type--__-3-shadowed-landscape-image.shadow-align-right .wrapper.js-faded picture img {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

/* portrait */

.paragraph.paragraph--type--__-3-shadowed-portrait-image {
  padding: 34px 0;
}

.paragraph.paragraph--type--__-3-shadowed-portrait-image .wrapper {
  width: 305px;
  height: 493px;
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.paragraph.paragraph--type--__-3-shadowed-portrait-image.shadow-align-left .wrapper.js-fade picture img {
  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.paragraph--type--__-3-shadowed-portrait-image.shadow-align-right .wrapper.js-fade picture img {
  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.paragraph--type--__-3-shadowed-portrait-image.shadow-align-left .wrapper.js-faded picture img,
.paragraph.paragraph--type--__-3-shadowed-portrait-image.shadow-align-right .wrapper.js-faded picture img {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

/* square */

.paragraph.paragraph--type--__-3-shadowed-square-image {
  padding-bottom: 53px;
}

.paragraph.paragraph--type--__-3-shadowed-square-image .wrapper {
  width: 305px;
  height: 305px;
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.paragraph.paragraph--type--__-3-shadowed-square-image.shadow-align-left .wrapper.js-fade picture img {
  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.paragraph--type--__-3-shadowed-square-image.shadow-align-right .wrapper.js-fade picture img {
  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.paragraph--type--__-3-shadowed-square-image.shadow-align-left .wrapper.js-faded picture img,
.paragraph.paragraph--type--__-3-shadowed-square-image.shadow-align-right .wrapper.js-faded picture img {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}