/*breakpoints*/
.serviceelement.bg-black .serivce__content--area *, .servicepage.bg-black .serivce__content--area * {
  color: var(--white);
}
.serviceelement .serivce__content--area p, .serviceelement .serivce__content--area p strong, .serviceelement .serivce__content--area p span, .servicepage .serivce__content--area p, .servicepage .serivce__content--area p strong, .servicepage .serivce__content--area p span {
  margin-bottom: 0;
}
.serviceelement.bg-lightaccent .service-icon, .servicepage.bg-lightaccent .service-icon {
  background: var(--clr-accent) !important;
  animation: servicepulse-primary 2s infinite !important;
}
@keyframes servicepulse-primary {
  0% {
    box-shadow: 0 0 0 0 rgba(29, 132, 40, 0.8);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(29, 132, 40, 0);
  }
  @media screen and (max-width: 767.98px) {
    100% {
      box-shadow: 0 0 0 12px rgba(29, 132, 40, 0);
    }
  }
}
.serviceelement .service__item--icon .service-icon, .servicepage .service__item--icon .service-icon {
  background: var(--clr-primary);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  animation: servicepulse 2s infinite;
}
@keyframes servicepulse {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 152, 56, 0.8);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(45, 152, 56, 0);
  }
  @media screen and (max-width: 767.98px) {
    100% {
      box-shadow: 0 0 0 12px rgba(45, 152, 56, 0);
    }
  }
}
@media screen and (max-width: 1199.98px) {
  .serviceelement .service__item--icon .service-icon, .servicepage .service__item--icon .service-icon {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 991.98px) {
  .serviceelement .service__item--icon .service-icon, .servicepage .service__item--icon .service-icon {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .serviceelement .service__item--icon .service-icon, .servicepage .service__item--icon .service-icon {
    width: 70px;
    height: 70px;
  }
}
.serviceelement .service__item--icon .service-icon img, .servicepage .service__item--icon .service-icon img {
  width: 50px;
}
@media screen and (max-width: 991.98px) {
  .serviceelement .service__item--icon .service-icon img, .servicepage .service__item--icon .service-icon img {
    width: 45px;
  }
}
@media screen and (max-width: 767.98px) {
  .serviceelement .service__item--icon .service-icon img, .servicepage .service__item--icon .service-icon img {
    width: 40px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fhuentelmann%2Fscss%2Fcomponents%2F_service.scss%22%2C%22%2Fthemes%2Fhuentelmann%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAOM%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BACnBJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAC5CJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiEE%3BAAAA%3BAAAA%3BAC7DF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */