/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.16_typescript@5.9.3_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.0_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/afbeelding-sectie/styles/src/afbeelding-sectie.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content-section{
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  margin-block:var(--spacing-m);
  position:relative;
  right:50%;
  width:100vw;
}
.content-section__hero-image{
  height:auto;
  max-width:unset;
  position:absolute;
  right:0;
  top:calc(var(--spacing-m)*-1);
  width:auto;
  z-index:-1;
}
.content-section .wrapper{
  padding-block:8rem;
  position:static;
}
.content-section .wrapper>.wp-block-image{
  border-radius:var(--border-radius-l) 0 0 var(--border-radius-l);
  height:100%;
  max-width:calc(100% - 4rem);
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  width:calc(50% - 15rem);
}
.content-section .wrapper>.wp-block-image img{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}
@media (max-width:940px){
  .content-section .wrapper>.wp-block-image{
    height:auto;
    margin-bottom:4rem;
    max-height:25rem;
    max-width:unset;
    position:relative;
    transform:translateX(2rem);
    width:100%;
  }
}
.content-section .wrapper>.wp-block-group{
  max-width:52rem;
  position:relative;
  width:65%;
}
@media (max-width:940px){
  .content-section .wrapper>.wp-block-group{
    max-width:unset;
    width:100%;
  }
  .content-section .wrapper{
    padding-block:0;
  }
}
.content-section.align-right .wrapper>.wp-block-image{
  border-radius:0 var(--border-radius-l) var(--border-radius-l) 0;
  left:0;
  right:unset;
}
@media (max-width:940px){
  .content-section.align-right .wrapper>.wp-block-image{
    transform:translateX(-2rem);
  }
}
.content-section.align-right .wrapper>.wp-block-group{
  margin-left:auto;
}

/*! Add Soul */
/*# sourceMappingURL=afbeelding-sectie.css.map*/