.ce-liste-mit-icons {
  position: relative;
  container-type: inline-size;
}
.ce-liste-mit-icons-inner .liste-item-single {
  position: relative;
}
.ce-liste-mit-icons-inner .liste-item-single + .liste-item-single {
  margin-top: clamp(0.5555555556rem, 0.4804804805rem + 0.4222972973vw, 0.8333333333rem);
}
.ce-liste-mit-icons-col-2 .ce-liste-mit-icons-inner {
  column-count: 2;
  gap: clamp(1.3888888889rem, 1.0885885886rem + 1.6891891892vw, 2.5rem);
}
@container (width <= 450px) {
  .ce-liste-mit-icons-col-2 .ce-liste-mit-icons-inner {
    column-count: 1;
  }
}
.ce-liste-mit-icons-check .liste-item-single {
  padding-left: clamp(2.7777777778rem, 2.7027027027rem + 0.4222972973vw, 3.0555555556rem);
}
.ce-liste-mit-icons-check .liste-item-single::before {
  content: "";
  position: absolute;
  width: clamp(1.6666666667rem, 1.5915915916rem + 0.4222972973vw, 1.9444444444rem);
  height: clamp(1.6666666667rem, 1.5915915916rem + 0.4222972973vw, 1.9444444444rem);
  display: inline-block;
  left: 0;
  transform: translateY(-50%);
  top: 0.825em;
  background-color: var(--contrastColorInverted);
  border-radius: var(--borderRadiusMini);
  z-index: 1;
  filter: var(--defaultDropShadow);
}
.ce-liste-mit-icons-check .liste-item-single::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  display: inline-block;
  left: calc((clamp(1.6666666667rem, 1.5915915916rem + 0.4222972973vw, 1.9444444444rem) - 1em) / 2);
  transform: translateY(-50%);
  top: 0.825em;
  background-color: var(--secondColor);
  mask: url(../../../img/Check.svg) no-repeat center/100% auto;
  z-index: 2;
  transition: var(--baseTransition);
}
@media (hover: hover) {
  .ce-liste-mit-icons-check .liste-item-single:hover::after {
    transform: translateY(-50%) scale(1.2);
  }
}
.ce-liste-mit-icons-arrow .liste-item-single {
  padding-left: calc(1em + 13px);
}
.ce-liste-mit-icons-arrow .liste-item-single::before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  display: inline-block;
  left: 0;
  transform: translateY(-50%);
  top: 0.825em;
  background-color: var(--secondColor);
  mask: url(../../../img/Arrow.svg) no-repeat center/100% auto;
  z-index: 2;
  transition: var(--baseTransition);
}
@media (hover: hover) {
  .ce-liste-mit-icons-arrow .liste-item-single:hover::before {
    left: 5px;
  }
}