/* 1) Wrap nur für Text – KEINE spans mehr */
body :is(
  p, li, a,
  h1, h2, h3, h4, h5, h6,
  .elementor-heading-title,
  .elementor-text-editor
){
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  max-width: 100%;
}

/* 2) Flex/Grid: Kinder dürfen schrumpfen (wichtig für Umbruch) */
body :is(
  .e-con > *,
  .elementor-container > *,
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-widget-container
){
  min-width: 0;
}

/* 3) Icons NICHT von den Text-Regeln zerstören lassen */
body :is(.elementor-icon, .elementor-icon-list-icon, .elementor-icon-box-icon){
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  max-width: none !important;
  flex: 0 0 auto;
}

/* 4) Kreis bleibt Kreis (Elementor setzt Background meist auf .elementor-icon) */
body .elementor-icon{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  aspect-ratio: 1 / 1 !important;
}