.headline-text {
  padding: var(--padding-XL);
  background-color: var(--color-white); 
  h3{
    margin-top: var(--padding-XS);
  }
  .lead_medium {
  margin-bottom: 0;   
  color: var(--color-white);   
  opacity: 1;     
}
}

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

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

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



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

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

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

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

.headline-text--dark {
  background-color: var(--color-deepgreen);
    h2{
    color: var(--color-freshgreen);
    }
    h3{
    color: var(--color-white);
    opacity: 1;
    }
    p{
    color: var(--color-white);
    }
}


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

}