.content_block.block {
  padding-top: 0;
  padding-bottom: 0;
}
.content_block.block  > div{
  min-height: 50vh;
  /* align-items: center; */
}

/* .block .content_wrapper {
  margin-left: var(--padding);
} */


.block .flexbox {
  gap: 0;
}

.block p {
  margin-bottom: 3rem;
}

.block p + p {
  margin-bottom: 1rem;
}

.block h2 + p {
  margin-bottom: 1rem;
}

.block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}


.block a {
  text-decoration: none;
}

.block a.button {
  /* display: flex; */
  margin-right: 3rem;
  width: fit-content;
  margin-bottom: 1.5rem;
}

.block .content_wrapper {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /* width: 50%; */
}

.bloxk .leftfloat > .content_wrapper {
  margin-left: auto; 
}

.block .contentimage {
    position: absolute;
    /* height: 100%; */
    left: calc(-1 * var(--padding));
    right: calc(-1 * var(--padding));
    /* width: 100vw; */
    top: -10rem;
    bottom: -10rem;
}

.block + .block .contentimage {
  top: 0;
}


.block .text-pic-wrapper {
  position: relative;
}


.block .text-pic-wrapper.leftfloat {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}


.block .text-pic-wrapper.rightfloat {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}


.block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.block ul li {
  margin-left: 2rem;
}

.block .leftfloat .contentimage {
  mask-image: var(--left), var(--top_bottom);
  mask-composite: intersect;
}

/* .block .leftfloat .contentimage::after,
.block .rightfloat .contentimage::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * var(--padding));
  width: calc(100% + 2 * var(--padding));
  height: 100%;
  background: var(--verlaufobenunten);
  z-index: 1;
  pointer-events: none;
}

.block .leftfloat .contentimage::before {
content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * var(--padding));
  width: calc(100% + 2 * var(--padding));
  height: 100%;
  background: var(--verlauflinks);
  z-index: 1;
  pointer-events: none;
} */

.block .rightfloat .contentimage {
  mask-image: var(--left_right), var(--top_bottom);
  mask-composite: intersect;
}

/* .block .rightfloat .contentimage::before {
content: "";
  position: absolute;
  top: 0;
  width: calc(100% + 2 * var(--padding));
  height: 100%;
  background: var(--verlaufrechts);
  z-index: 1;
  pointer-events: none;
} */

.block li p {
  margin: 0.5rem;
}

.block .contentimages_wrapper.rightfloat .content_wrapper {
  margin: 0 !important;
} 



@media screen and (max-width: 1520px) {

  .references_overview .content
 {
    padding: 0!important;
}

 .block .contentimage {
        right: -10rem;
    }
}

@media screen and (max-width: 1080px) {
  .block .contentimage {
    bottom: 3rem;
}
}


@media screen and (max-width: 768px) {

    .block .content_wrapper {
        padding-top: 2rem;
        padding-bottom: 5rem;
        flex-grow: 1;
    }

    .block .leftfloat .contentimage {
    }
    
    .block .contentimage {
      position: static;
      /* width: 100%; */
      height: auto;
      margin-left: 0;
      mask-image: var(--top_bottom) !important;
      margin: 0 calc(0px - var(--padding));
      width: calc(100% + var(--padding) * 2);
      max-width: 100vw;
    }

    .block img {
      width: 100%;
      height: auto;
      object-fit: contain;
      display: block;
  }

  .block .rightfloat .contentimage::before,
  .block .leftfloat .contentimage::before {
    background: var(--verlaufrechtslinks);
    left: calc(-1 * var(--padding));
  }
}


/******************************/

.block .flexbox[data-layout="large"] .lg_4 {
  /* width: calc((100% - 1 * var(--gap)) / 7 * 4 + var(--gap) * (-1 + 4)); */
  /* padding-right: 5rem; */
}