h2.slider-headline {
  margin-bottom: 0;
}

.content_block.service_slider {
  --swiper-pagination-left: 0;
  --swiper-pagination-right: 0;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: 0;
  --swiper-navigation-size: 4rem;
}

.content_block.service_slider .swiper-pagination {
  position: relative;
  transform: none;
  left: 0;
  align-items: flex-end;
  gap: inherit;
      /* gap: 1rem; */
  flex-wrap: nowrap;
  max-width: 100%;
  width: min-content;
  flex-grow: 1;
  white-space: normal;
  justify-content: flex-end;
      justify-content: space-between;
  pointer-events: none;
   min-height: 16vh;
}
@media (max-width: 1080px) {
	.content_block.service_slider .swiper-pagination {
		min-height: 10vh;
	}
}

.content_block.service_slider .swiper-button-next,
.content_block.service_slider .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: .75em;
}
.content_block.service_slider .swiper-button-next {
  right: -4rem;
}
.content_block.service_slider .swiper-button-prev {
  left: -4rem;
}

.content_block.service_slider .swiper-pagination-bullet {
  height: auto;
  /*width: min-content;*/
  margin: 0;
  flex-shrink: 1;
  transition: color 1s ease, order .1s ease !important;
  order: 2;
  flex-grow: 1;
  margin: 0;
  padding: 0 0 0 3rem;
  pointer-events: all;
  border-radius: 0;
  line-height: 1.2;
}

.content_block.service_slider .swiper-pagination-bullet-active-main:not(.swiper-pagination-bullet-active) {
  max-width: calc(((100% - 5rem) - 11 * var(--gap)) / 12 * 2 + var(--gap) * (-1 + 2));
	max-width: 100%;
	contain: inline-size;
  /*neu*/
  border: 2px solid;
  padding: .25em .5em;
  min-height: 4.5em;
  text-align: center;
      justify-content: center;
}

.content_block.service_slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active-main) {
  display: none;
}

.content_block.service_slider .swiper nav {
  display: flex;
  flex-direction: row;
  gap: var(--gap);
  align-items: flex-end;
  margin-bottom: 3rem;
  position: relative;
}

.content_block.service_slider button {
  font: inherit;
  border: 0px;
  padding: 0rem;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: var(--bold);
  color: var(--highlight);
  font-size: calc(var(--headerfontsize) * 0.6);
  display: flex;
  width: fit-content;
  align-content: center;
  align-items: center;
  background-color: transparent;
  text-align: left;
  /* opacity: 0.75; */
  opacity: 1;
}

.content_block.service_slider .swiper-slide {
  opacity: 0;
  transition: .5s;
}

.content_block.service_slider .swiper-slide-active {
  opacity: 1;
}

.content_block.service_slider .swiper-slide > div {
  display: flex;
}

.content_block.service_slider .swiper-slide .swiper-content {
  display: flex;
  flex-direction: column;
  /*padding: 0 0 0 3rem;*/
}

.content_block.service_slider .swiper-slide {
  list-style: none;
}

.content_block.service_slider .swiper-slide a.button {
  margin-top: 3rem;
}

.content_block.service_slider .swiper-pagination-bullet-active,
.content_block.service_slider .swiper-slide h3 {
  font-size: var(--headlinefontsize);
}

.content_block.service_slider .swiper-pagination-bullet-active {
  color: inherit;
  opacity: 1;
  font-weight: 700;
  order: 3;
  flex-grow: 0;
  width: calc((100% - 11 * var(--gap)) / 12 * 4 + var(--gap) * (-1 + 4));
  /*padding-right: 3rem;*/
  margin-right: 0;
  /* padding-left: 3rem; */
  padding-left: 0;
	/* margin-left: 1.6rem; */
}

.content_block.service_slider .swiper-content {
  max-width: 100rem;
  flex-grow: 1;
  margin: 0 auto;
}
.content_block.service_slider .swiper-content>div {
  display: flex;
    flex-direction: column;
    gap: var(--gap);
}



.content_block.service_slider .swiper-pagination-bullet-active~.swiper-pagination-bullet {
  order: 1;
}

@media screen and (min-width: 769px) {
  .content_block.service_slider .swiper {
    margin-left: calc(0px - var(--padding));
    margin-right: calc(0px - var(--padding));
    padding-left: var(--padding);
    padding-right: var(--padding);
  }

  .content_block.service_slider .swiper-slide img {
    object-fit: cover;
    object-position: left top;
    margin-left: calc(0px - var(--padding));
    max-width: calc(100% + var(--padding));
    width: calc(100% + var(--padding));
    aspect-ratio: 2;
		/* padding-right: 1.4rem; */
  }
}

@media (max-width: 1080px) {

  .content_block.service_slider {
    --swiper-navigation-size: 2em;
  }

  .content_block.service_slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
  .content_block.service_slider .swiper-pagination-bullet-active-main:not(.swiper-pagination-bullet-active) {
    opacity: 0;
    pointer-events: none;
  }

  .content_block.service_slider .swiper-pagination {
    display: grid;
    align-items: center;
    justify-content: center;
  }

  .content_block.service_slider .swiper-pagination-bullet {
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .content_block.service_slider .swiper-slide .swiper-content {
    padding: 0;
  }

  .content_block.service_slider .swiper-pagination-bullet-active {
    width: 100%;
    text-align: center;
    display: block;
    padding: 0;

    width: 77%;
    margin: auto;
  }

  .content_block.service_slider .swiper-button-next,
  .content_block.service_slider .swiper-button-prev {
    bottom: 50%;
    transform: translateY(50%);
  }
  
  .content_block.service_slider .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
  }
  .content_block.service_slider .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
  }
  
  
   .content_block.service_slider .swiper-slide .image {
    height: 340px;
    width: 100%;
    background: black;
    overflow: hidden;
	}
	.content_block.service_slider .swiper-slide img {
    object-fit: cover;
    height: 340px;
    object-position: left;
	}
  
  
}

@media (max-width: 1675px) {
      .content_block.service_slider .swiper-pagination-bullet-active-main:not(.swiper-pagination-bullet-active) {
  /* max-width: fit-content; */
  font-size: 1.4rem;
  /* padding: 0; */
}
    }
	
	
	
@media (max-width: 768px) {
   .content_block.service_slider .swiper-slide .image {
    height: 240px;
    width: 100%;
	}
	.content_block.service_slider .swiper-slide img {
    object-fit: cover;
    height: 240px;
    object-position: center;
	}
}