/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/diensten/styles/src/diensten.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.diensten{
  display:grid;
  gap:1rem 3rem;
  grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));
  margin-block:4rem;
}
.diensten__column{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.dienst__title{
  cursor:pointer;
  font-family:Petrov sans,sans-serif;
  font-size:1.5rem;
  font-weight:700;
  position:relative;
  text-transform:lowercase;
}
.dienst__title:after{
  content:"+";
  font-weight:100;
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  transition:transform .35s var(--ease-main);
}
.dienst__content{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .35s var(--ease-main);
}
.dienst__overflow-wrapper{
  overflow:hidden;
}
.dienst.open .dienst__title:after{
  content:"-";
  transform:translateY(-50%) rotate(180deg);
}
.dienst.open .dienst__content{
  grid-template-rows:1fr;
}

/*! Add Soul */
/*# sourceMappingURL=diensten.css.map*/