.image-text {
  padding: var(--padding-XL);
  background-color: var(--color-white); 
}

.image-text__inner {
  display: flex;
  align-items: center; 
  justify-content: space-between;
  gap: var(--padding-XL);             
}

.image-text__image,
.image-text__content {
  flex: 1 1 50%; /* beide gleich breit, aber flexibel */
  display: flex;
  width: 100%;
}

.image-text__content {
  flex-direction: column;
  gap: var(--padding-S);
}

.image-text__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}

.image-text--image-left .image-text__inner {
  flex-direction: row;
}

.image-text--image-right .image-text__inner {
  flex-direction: row-reverse;
}

/* Farbvarianten */
.image-text--white {
  background-color: var(--color-white);
}

.image-text--palesage {
  background-color: var(--color-palesage);
}

.image-text--dark {
  background-color: var(--color-deepgreen);
    h3{
    color: var(--color-freshgreen);
    }
    p{
    color: var(--color-white);
    }
}


@media screen and (max-width: 45rem) {
  section.image-text .image-text__inner {
    flex-direction: column !important;
  }
  .image-text__image,
  .image-text__content {
    flex: 1 1 100%;
  }
  .image-text {
    padding: var(--padding-M);
    gap: var(--padding-M);    
  }
  .image-text__content {
    gap: var(--padding-XS);
}
.image-text__inner {
  gap: var(--padding-S);             
}

}