/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/styles/src/diensten.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.diensten__inner{
  box-sizing:content-box;
  margin:0 auto;
  max-width:var(--max-width);
  padding-left:4rem;
  padding-right:4rem;
  position:relative;
}
@media (max-width:768px){
  .diensten__inner{
    padding-left:2rem;
    padding-right:2rem;
  }
}

:root{
  --color-red-primary:var(--color-red-700);
  --color-orange-primary:var(--color-orage-500);
  --color-pink-primary:var(--color-pink-600);
  --color-teal-primary:var(--color-teal-600);
  --color-purple-primary:var(--color-purple-800);
  --color-grey-primary:var(--color-grey-950);
  --max-width:1285px;
  --max-width-content:55rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --fast-out-back:cubic-bezier(0.37, 0.38, 0.03, 1.23);
  --smooth-ease:cubic-bezier(0.65, -0.01, 0, 1);
}

.diensten{
  --opacity:0;
  --x:0;
  --y:0;
  padding-block:8rem;
}
.diensten__glow{
  --size:30rem;
  background:radial-gradient(circle, #c7fff7 0, rgba(81,247,229,.83) 7%, rgba(170,40,245,.71) 17%, rgba(170,40,245,.73) 22%, rgba(170,40,245,.35) 35%, rgba(170,40,245,0) 100%);
  border-radius:100vmax;
  content:"";
  display:block;
  filter:blur(100px);
  height:var(--size);
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:var(--size);
  z-index:-1;
}
.diensten__inner{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
}
.diensten{
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  right:50%;
  width:100vw;
}

.dienst,.diensten{
  position:relative;
}

.dienst{
  --border-opacity:0;
  backdrop-filter:blur(30px);
  background-color:rgba(0,0,0,.5);
  border-radius:var(--border-radius-s);
  display:flex;
  flex-direction:column;
  transition:scale .3s var(--fast-out-back);
}
.dienst:after{
  border:1px solid rgb(244, 176, 255, var(--border-opacity));
  border-radius:inherit;
  content:"";
  height:100%;
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  transition:border-color .2s ease-out;
  width:100%;
  z-index:2;
}
.dienst:hover{
  scale:1.01;
}
.dienst__icon-container{
  aspect-ratio:1/1;
  background-color:#fff;
  border-radius:var(--border-radius-s) 0 var(--border-radius-s) 0;
  display:grid;
  height:auto;
  place-items:center;
  position:relative;
  width:3rem;
  z-index:2;
}
.dienst__icon{
  height:50%;
  -o-object-fit:contain;
     object-fit:contain;
  position:relative;
  width:50%;
  z-index:2;
}
.dienst__content{
  align-items:start;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:start;
  padding:2rem;
}
.dienst__title{
  font-size:clamp(2rem, 10vw, 3rem);
  margin-bottom:2rem;
}
.dienst__excerpt{
  margin-bottom:4rem;
}
.dienst__permalink{
  margin-top:auto;
}

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