.elementor-398 .elementor-element.elementor-element-df0077f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:2rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-21f3363 > .elementor-widget-container{margin:1rem 0rem 1rem 0rem;}.elementor-398 .elementor-element.elementor-element-21f3363 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:4rem;font-weight:900;line-height:1.2em;letter-spacing:-0.03em;color:var( --e-global-color-text );}body.elementor-page-398:not(.elementor-motion-effects-element-type-background), body.elementor-page-398 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8F8;}@media(max-width:1240px){body.elementor-page-398{padding:0rem 1rem 0rem 1rem;}}@media(max-width:767px){.elementor-398 .elementor-element.elementor-element-21f3363 .elementor-heading-title{font-size:3rem;}}/* Start custom CSS *//* Typography */

.marker--green span,
.marker--yellow span {
  /* Von JS zugewiesen:
     background-image: ...
     background-repeat: no-repeat;
     background-size: 100% 100%;
  */
  /* Das hier dient nur als Fallback oder Ergänzung: */
  display: inline-block;
  padding: 2px 5px;
  white-space: nowrap; /* verhindert, dass der Span selbst umbricht */
}/* End custom CSS */