.ce_benefitgrid {
  position: relative;
  margin-block: 8.75rem;
}
.ce_benefitgrid.accent--wasser .benefitgrid__headline {
  color: #4af0cf;
}
.ce_benefitgrid.bg--white.accent--wasser .benefitgrid__headline {
  color: #33a38d;
}
.ce_benefitgrid.accent--solar .benefitgrid__headline {
  color: #aeeb4b;
}
.ce_benefitgrid.bg--white.accent--solar .benefitgrid__headline {
  color: #759E33;
}
.ce_benefitgrid.accent--warme .benefitgrid__headline {
  color: #f06c1a;
}
.ce_benefitgrid.bg--white.accent--warme .benefitgrid__headline {
  color: #d66118;
}
.ce_benefitgrid.accent--wartung .benefitgrid__headline {
  color: #eb4139;
}
.ce_benefitgrid.bg--white.accent--wartung .benefitgrid__headline {
  color: #b8332c;
}
.benefitgrid__inside {
  margin-inline: auto;
  width: 92%;
  max-width: 1300px;
}
@media only screen and (min-width: 1080px) {
  .benefitgrid__inside {
    width: 65%;
  }
}
.benefitgrid__overline {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.6px;
  display: inline-block;
  max-width: 30ch;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #fff;
}
.benefitgrid__overline:last-child {
  margin-bottom: 0;
}
.benefitgrid__headline {
  max-width: 22ch;
  margin-bottom: 1.375rem;
  color: #fff;
}
.benefitgrid__headline:last-child {
  margin-bottom: 0;
}
.benefitgrid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(170px, (100% - 1.875rem) / 4), 1fr));
  gap: clamp(2rem, 4vw, 3.5rem) 0.625rem;
  margin-top: clamp(3rem, 5vw, 5rem);
}
.benefitgrid__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.benefitgrid__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(7.625rem, 15vw, 9rem);
  height: clamp(7.625rem, 15vw, 9rem);
  margin-bottom: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (min-width: 1080px) {
  .benefitgrid__icon {
    margin-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1920px) {
  .benefitgrid__icon {
    width: clamp(9rem, 8vw, 11rem);
    height: clamp(9rem, 8vw, 11rem);
  }
}
.benefitgrid__icon svg {
  width: 65%;
  height: 65%;
}
.benefitgrid__icon svg path,
.benefitgrid__icon svg circle,
.benefitgrid__icon svg rect {
  stroke: #d1d3d3;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.benefitgrid__icon img {
  width: 65%;
  height: 65%;
  object-fit: contain;
}
.benefitgrid__text {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  text-transform: uppercase;
  color: #d1d3d3;
}
.benefitgrid__item:hover .benefitgrid__icon {
  transform: scale(1.05);
}

.ce_simpletext.accent--solar + .ce_benefitgrid.accent--solar {
  margin-top: 0;
}

.ce_benefitgrid.accent--wasser .benefitgrid__item:hover .benefitgrid__icon svg path,
.ce_benefitgrid.accent--wasser .benefitgrid__item:hover .benefitgrid__icon svg circle,
.ce_benefitgrid.accent--wasser .benefitgrid__item:hover .benefitgrid__icon svg rect {
  stroke: #4af0cf;
}
.ce_benefitgrid.accent--wasser .benefitgrid__item:hover .benefitgrid__text {
  color: #4af0cf;
}

.ce_benefitgrid.accent--solar .benefitgrid__item:hover .benefitgrid__icon svg path,
.ce_benefitgrid.accent--solar .benefitgrid__item:hover .benefitgrid__icon svg circle,
.ce_benefitgrid.accent--solar .benefitgrid__item:hover .benefitgrid__icon svg rect {
  stroke: #aeeb4b;
}
.ce_benefitgrid.accent--solar .benefitgrid__item:hover .benefitgrid__text {
  color: #aeeb4b;
}

.ce_benefitgrid.accent--warme .benefitgrid__item:hover .benefitgrid__icon svg path,
.ce_benefitgrid.accent--warme .benefitgrid__item:hover .benefitgrid__icon svg circle,
.ce_benefitgrid.accent--warme .benefitgrid__item:hover .benefitgrid__icon svg rect {
  stroke: #f06c1a;
}
.ce_benefitgrid.accent--warme .benefitgrid__item:hover .benefitgrid__text {
  color: #f06c1a;
}

.ce_benefitgrid.accent--wartung .benefitgrid__item:hover .benefitgrid__icon svg path,
.ce_benefitgrid.accent--wartung .benefitgrid__item:hover .benefitgrid__icon svg circle,
.ce_benefitgrid.accent--wartung .benefitgrid__item:hover .benefitgrid__icon svg rect {
  stroke: #eb4139;
}
.ce_benefitgrid.accent--wartung .benefitgrid__item:hover .benefitgrid__text {
  color: #eb4139;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Felements%5C%2Fce_benefitgrid.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEAEI%3BEACA%3B%3BAC4GY%3BEACI%2COAvBJ%3B%3BAA8JA%3BEACI%2COA9IC%3B%3BAAKL%3BEACI%2COAvBJ%3B%3BAA8JA%3BEACI%2COA9IC%3B%3BAAKL%3BEACI%2COAvBJ%3B%3BAA8JA%3BEACI%2COA9IC%3B%3BAAKL%3BEACI%2COAvBJ%3B%3BAA8JA%3BEACI%2COA9IC%3B%3BADnGjB%3BECaA%3BEAqBI%3BEACA%3B%3BAAzCJ%3BEDMA%3BICsCQ%3B%3B%3BADlCR%3BEEwBA%2CaCqBO%3BEDpBP%3BEACA%2CaC0BW%3BEDzBX%3BEACA%3BEF1BI%3BEACA%3BEACA%3BEACA%3BEACA%2COGdM%3B%3BAHgBN%3BEACI%3B%3BAAIR%3BEACI%3BEACA%3BEACA%2COGxBM%3B%3BAH0BN%3BEACI%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BACxDJ%3BED%2BCA%3BIAYQ%3B%3B%3BAC3DR%3BED%2BCA%3BIAgBQ%3BIACA%3B%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAEA%3BAAAA%3BAAAA%3BEAGI%2CQGlEK%3BEHmEL%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3B%3BAAIR%3BEE5CA%2CaCaO%3BEDZP%3BEACA%3BEF4CI%3BEACA%2COGjFa%3B%3BAHqFb%3BEACI%3B%3B%3BAAKZ%3BEACI%3B%3B%3BAAQgB%3BAAAA%3BAAAA%3BEAGI%2CQCvBR%3B%3BAD2BA%3BEACI%2COC5BJ%3B%3B%3BADoBI%3BAAAA%3BAAAA%3BEAGI%2CQCvBR%3B%3BAD2BA%3BEACI%2COC5BJ%3B%3B%3BADoBI%3BAAAA%3BAAAA%3BEAGI%2CQCvBR%3B%3BAD2BA%3BEACI%2COC5BJ%3B%3B%3BADoBI%3BAAAA%3BAAAA%3BEAGI%2CQCvBR%3B%3BAD2BA%3BEACI%2COC5BJ%22%7D */