/* bx-cta-24 – aus Brixies „CTA Section 24“ (0683-cta-section-24.json) */
.bx-cta-24 { background-color: var(--wf-color-white); }
.bx-cta-24__container { row-gap: var(--wf-space-xl); align-items: center; width: 1080px; }
.bx-cta-24__form [type="submit"] { background-color: var(--wf-color-neutral-950); color: var(--wf-color-white); font-size: var(--wf-text-m); line-height: 150%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: var(--wf-color-neutral-950); }
.bx-cta-24__form .wf-submit { width: calc(33% - var(--wf-space-s)/2); }
.bx-cta-24__form { justify-content: space-between; width: 540px; max-width: 100%; }
.bx-cta-24__form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { border-color: var(--wf-color-neutral-trans-20); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-top: var(--wf-space-s); padding-right: var(--wf-space-s); padding-bottom: var(--wf-space-s); padding-left: var(--wf-space-s); font-size: var(--wf-text-m); line-height: 150%; }
.bx-cta-24__form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus { border-color: var(--wf-color-neutral-950); }
.bx-cta-24__form ::placeholder { color: var(--wf-color-neutral-trans-20); }
.bx-cta-24__form .wf-field:not(.wf-submit) { padding-bottom: 0px; }
@media (max-width: 767px) {
	.bx-cta-24__form .wf-submit { width: 100%; }
	.bx-cta-24__form .wf-field:not(.wf-submit) { padding-bottom: var(--wf-space-s); }
	.bx-cta-24__form { width: 100%; }
}
.bx-cta-24__heading { font-size: var(--wf-text-2xl); color: var(--wf-color-neutral-950); text-align: center; margin-top: 0px; }
.bx-cta-24__description { color: var(--wf-color-neutral-trans-80); text-align: center; width: 540px; }
.bx-cta-24__tagline { color: var(--wf-color-neutral-950); font-weight: 600; }
.bx-cta-24__feature-list { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; column-gap: var(--wf-space-2xl); row-gap: var(--wf-space-xl); }
.bx-cta-24__feature-element { flex-wrap: nowrap; flex-direction: row; column-gap: var(--wf-space-s); width: auto; align-items: center; }
.bx-cta-24__feature-icon { --wf-icon-size: var(--wf-text-l); --wf-icon-color: var(--wf-color-neutral-950); }
.bx-cta-24__feature-info { font-weight: 600; color: var(--wf-color-neutral-950); }
:is([data-bx-id="yzwjtf"], .bx-id-yzwjtf) .wf-field:nth-child(1) { width: calc(67% - var(--wf-space-s)/2); } :is([data-bx-id="yzwjtf"], .bx-id-yzwjtf) .wf-field:nth-child(2) { width: 100%; }
@media (max-width: 767px) { :is([data-bx-id="yzwjtf"], .bx-id-yzwjtf) .wf-field:nth-child(1) { width: 100%; } }


  /* -- The root styles must go in the element of the structure with the name "Form newsletter". --*/ 
  .bx-cta-24__form{
    /* Important style for the terms and conditions field to be after the button. */
    & .wf-field:has(.cta-24__form-terms){
    	order:3;
    }
    
    /* Styles terms and conditions */
    & .cta-24__form-terms{
      margin-top: var(--wf-space-s);
    	font-size: var(--wf-text-xs);
      color: var(--wf-color-neutral-trans-80);
      
      /* Styles anchor link terms and conditions */
      & a{
      	color:var(--wf-color-neutral-950);
        font-weight: 600;
      }
    }
  }