/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/diensten-row/styles/src/diensten-row.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.diensten-row{
  align-items:center;
  display:flex;
  flex-flow:row wrap;
  gap:2rem;
  justify-content:center;
  margin-bottom:calc(var(--spacing-m)/1.5*-1);
  margin-top:calc(var(--spacing-m)/2);
  text-align:center;
}
.diensten-row .footer-dienst{
  opacity:.2;
  transition:opacity .35s var(--smooth-ease);
}
.diensten-row .footer-dienst.is-current-page,.diensten-row .footer-dienst:hover{
  opacity:1;
}
@media (max-width:768px){
  .diensten-row{
    margin-top:0;
  }
}
@media (max-width:465px){
  .diensten-row{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(4rem, 1fr));
  }
  .diensten-row h3{
    grid-column:1 /  -1;
  }
  .diensten-row a{
    line-height:1;
  }
}

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