.ce_slider {
  padding-bottom: clamp(8.75rem, 5.9091rem + 7.5758vw, 15rem);
  background-color: #000000;
  /* Add numbers to pagination buttons by CSS */
}
.ce_slider .inside {
  display: flex;
  gap: 4.8em;
}
@media (max-width: 1023.9px) {
  .ce_slider .inside {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .ce_slider .service_slider {
    width: 60%;
  }
  .ce_slider .accordions {
    width: 40%;
    max-width: 25.05em;
  }
}
.ce_slider .acc-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.6s ease-in-out;
}
.ce_slider .acc-content ul {
  padding-left: 1.5em;
}
.ce_slider .acc-content li {
  list-style-type: disc;
}
.ce_slider .acc-content > * {
  padding-top: 0.85em;
}
.ce_slider .acc-item {
  padding: 1.2em 0;
  border-top: 2px solid #888888;
}
.ce_slider .acc-item:last-child {
  border-bottom: 2px solid #888888;
}
.ce_slider .acc-item button {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: #00FFD4;
  line-height: 1.4;
  cursor: pointer;
  background: transparent;
  outline: none;
  border: none;
  position: relative;
  width: 100%;
  display: flex;
  color: #ffffff;
  padding-right: 2em;
  text-align: start;
  transition: color 0.3s ease;
}
.ce_slider .acc-item button:hover {
  color: #00FFD4;
}
.ce_slider .acc-item button:focus-visible {
  color: #00FFD4;
  outline: auto;
}
.ce_slider .acc-item button:before, .ce_slider .acc-item button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #00FFD4;
  transition: 0.3s ease;
}
.ce_slider .acc-item button:after {
  transform: translateY(-50%) rotate(90deg);
}
.ce_slider .acc-item.active .acc-content {
  max-height: 800px;
}
.ce_slider .acc-item.active button {
  color: #00FFD4;
}
.ce_slider .acc-item.active button:after {
  transform: translateY(-50%);
}
.ce_slider .service_slider .headline {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: #00FFD4;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.ce_slider .splide__pagination {
  counter-reset: pagination-num;
  position: relative;
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
}
.ce_slider .splide__pagination:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 2px;
  background-color: #00FFD4;
  z-index: -1;
}
.ce_slider .splide__pagination__page {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.3864rem + 0.303vw, 1.75rem);
  font-weight: 400;
  line-height: 1.4;
  width: 2.1em;
  height: 2.1em;
  border: 1px solid #00FFD4;
  background-color: #000000;
  color: #00FFD4;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.ce_slider .splide__pagination__page.is-active {
  background-color: #00FFD4;
  transform: unset;
  color: #000000;
}
.ce_slider .splide__pagination__page:hover {
  -webkit-box-shadow: 0 0 0.75rem 0 #00FFD4, inset 0 0 0.75rem 0 #00FFD4;
  box-shadow: 0 0 0.75rem 0 #00FFD4, inset 0 0 0.75rem 0 #00FFD4;
}
.ce_slider .splide__pagination__page:before {
  counter-increment: pagination-num;
  content: counter(pagination-num);
}
.ce_slider .splide__pagination, .ce_slider .splide__track {
  margin-bottom: 2.4em;
}
.ce_slider .splide__arrows {
  display: flex;
  justify-content: flex-end;
}
.ce_slider .splide__arrows .splide__arrow {
  position: unset;
  transform: unset;
  background-color: transparent;
}
.ce_slider .splide__arrows .splide__arrow path {
  fill: #ffffff;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fwecodedesign%2Fweb%2Fwecodedesign.de%2Fpublic_html%2Fvendor%2Fvonheldenundgestalten%2Fwecodedesign-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2Fce_service_slider.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAACC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaI%3BAAAA%3BAAAA%3BAAGH%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOL%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%22%7D */