/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/communice-web/communice-base/Resources/Private/Assets/StyleSheets/communice/content-elements/textpic/textpic-flex.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 768px) {
  .content-textpic--wrap--flex figure {
    margin-bottom: 0;
  }
  .content-textpic--wrap--flex figure.imagesize-1 {
    max-width: 33.3333333333%;
  }
  .content-textpic--wrap--flex figure.imagesize-2 {
    max-width: 41.6666666667%;
  }
  .content-textpic--wrap--flex figure.imagesize-3 {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .content-textpic--wrap--flex {
    display: flex;
    align-items: center;
  }
  .content-textpic--wrap--flex.orient-3 {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .content-textpic--wrap--flex.orient-0 figure, .content-textpic--wrap--flex.orient-1 figure {
    margin-right: 2rem;
  }
}
@media (min-width: 992px) {
  .content-textpic--wrap--flex.orient-0 figure, .content-textpic--wrap--flex.orient-1 figure {
    margin-right: 4rem;
  }
}
@media (min-width: 1600px) {
  .content-textpic--wrap--flex.orient-0 figure, .content-textpic--wrap--flex.orient-1 figure {
    margin-right: 8rem;
  }
}
@media (min-width: 768px) {
  .content-textpic--wrap--flex.orient-2 figure, .content-textpic--wrap--flex.orient-3 figure {
    margin-left: 2rem;
  }
}
@media (min-width: 992px) {
  .content-textpic--wrap--flex.orient-2 figure, .content-textpic--wrap--flex.orient-3 figure {
    margin-left: 4rem;
  }
}
@media (min-width: 1600px) {
  .content-textpic--wrap--flex.orient-2 figure, .content-textpic--wrap--flex.orient-3 figure {
    margin-left: 8rem;
  }
}