/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-archive/styles/src/diensten-archive.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
: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-archive{
  display:flex;
  flex-direction:column;
  gap:20rem;
  margin-block:20rem;
}
@media (max-width:768px){
  .diensten-archive{
    gap:10rem;
  }
}

.archive-dienst{
  align-items:center;
  border-radius:var(--border-radius-m);
  display:flex;
  flex-flow:row;
  gap:4rem;
  justify-content:space-between;
}
.archive-dienst:nth-of-type(2n){
  flex-direction:row-reverse;
}
.archive-dienst__img-container{
  height:max(60vh, 50rem);
  position:relative;
  width:calc(50% - 2rem);
}
@media (max-width:768px){
  .archive-dienst__img-container{
    height:60vh;
    width:100%;
  }
}
.archive-dienst__image{
  border-radius:var(--border-radius-m);
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  overflow:hidden;
  pointer-events:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  width:100%;
  -webkit-user-drag:none;
  user-drag:none;
}
.archive-dienst__content{
  width:calc(50% - 2rem);
}
@media (max-width:768px){
  .archive-dienst__content{
    width:100%;
  }
}
.archive-dienst__icon-container{
  aspect-ratio:1/1;
  background-color:#fff;
  border-radius:var(--border-radius-m) 0 var(--border-radius-m) 0;
  display:grid;
  height:auto;
  left:0;
  place-items:center;
  position:absolute;
  top:0;
  width:3rem;
  z-index:1;
}
.archive-dienst__title{
  font-size:1rem;
  margin-bottom:1rem;
}
.archive-dienst__excerpt,.archive-dienst__title{
  font-family:Karla,sans-serif;
  font-weight:200;
}
.archive-dienst__excerpt{
  font-size:clamp(1.5rem, 8vw, 2rem);
}
.archive-dienst__permalink{
  margin-top:4rem;
}
@media (max-width:768px){
  .archive-dienst{
    flex-wrap:wrap;
    gap:0;
  }
}

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