/* =========================================================
SNIPPET: RADIUS SYSTEM – CLEAN RESET
Nur dieses Snippet aktiv lassen
========================================================= */


/* =========================================================
1) Radius-Tokens
========================================================= */

.elementor .ro-xxs, .elementor .round-xxs { --_ro: var(--radius-xxs); }
.elementor .ro-xs,  .elementor .round-xs  { --_ro: var(--radius-xs); }
.elementor .ro-s,   .elementor .round-s   { --_ro: var(--radius-s); }
.elementor .ro-m,   .elementor .round-m   { --_ro: var(--radius-m); }
.elementor .ro-l,   .elementor .round-l   { --_ro: var(--radius-l); }
.elementor .ro-xl,  .elementor .round-xl  { --_ro: var(--radius-xl); }
.elementor .ro-xxl, .elementor .round-xxl { --_ro: var(--radius-xxl); }


/* =========================================================
RADIUS – robuste Container-Lösung
Parent selbst ist rund UND clippt
========================================================= */

/* Tokens */
.elementor .ro-xxs, .elementor .round-xxs { --_ro: var(--radius-xxs); }
.elementor .ro-xs,  .elementor .round-xs  { --_ro: var(--radius-xs); }
.elementor .ro-s,   .elementor .round-s   { --_ro: var(--radius-s); }
.elementor .ro-m,   .elementor .round-m   { --_ro: var(--radius-m); }
.elementor .ro-l,   .elementor .round-l   { --_ro: var(--radius-l); }
.elementor .ro-xl,  .elementor .round-xl  { --_ro: var(--radius-xl); }
.elementor .ro-xxl, .elementor .round-xxl { --_ro: var(--radius-xxl); }

/* Container: Parent selbst rund + clip */
.elementor :where(
  .e-con.ro-xxs, .e-con.ro-xs, .e-con.ro-s, .e-con.ro-m, .e-con.ro-l, .e-con.ro-xl, .e-con.ro-xxl,
  .e-con.round-xxs, .e-con.round-xs, .e-con.round-s, .e-con.round-m, .e-con.round-l, .e-con.round-xl, .e-con.round-xxl,
  a.e-con.ro-xxs, a.e-con.ro-xs, a.e-con.ro-s, a.e-con.ro-m, a.e-con.ro-l, a.e-con.ro-xl, a.e-con.ro-xxl,
  a.e-con.round-xxs, a.e-con.round-xs, a.e-con.round-s, a.e-con.round-m, a.e-con.round-l, a.e-con.round-xl, a.e-con.round-xxl
){
  border-radius: var(--_ro) !important;
  overflow: hidden !important;
  position: relative;
}

/* Inner-Layer folgt einfach mit */
.elementor :where(
  .e-con.ro-xxs, .e-con.ro-xs, .e-con.ro-s, .e-con.ro-m, .e-con.ro-l, .e-con.ro-xl, .e-con.ro-xxl,
  .e-con.round-xxs, .e-con.round-xs, .e-con.round-s, .e-con.round-m, .e-con.round-l, .e-con.round-xl, .e-con.round-xxl,
  a.e-con.ro-xxs, a.e-con.ro-xs, a.e-con.ro-s, a.e-con.ro-m, a.e-con.ro-l, a.e-con.ro-xl, a.e-con.ro-xxl,
  a.e-con.round-xxs, a.e-con.round-xs, a.e-con.round-s, a.e-con.round-m, a.e-con.round-l, a.e-con.round-xl, a.e-con.round-xxl
) > .e-con-inner{
  border-radius: inherit !important;
}

/* Overlay/Pseudo folgen mit */
.elementor :where(
  .e-con.ro-xxs, .e-con.ro-xs, .e-con.ro-s, .e-con.ro-m, .e-con.ro-l, .e-con.ro-xl, .e-con.ro-xxl,
  .e-con.round-xxs, .e-con.round-xs, .e-con.round-s, .e-con.round-m, .e-con.round-l, .e-con.round-xl, .e-con.round-xxl,
  a.e-con.ro-xxs, a.e-con.ro-xs, a.e-con.ro-s, a.e-con.ro-m, a.e-con.ro-l, a.e-con.ro-xl, a.e-con.ro-xxl,
  a.e-con.round-xxs, a.e-con.round-xs, a.e-con.round-s, a.e-con.round-m, a.e-con.round-l, a.e-con.round-xl, a.e-con.round-xxl
)::before,
.elementor :where(
  .e-con.ro-xxs, .e-con.ro-xs, .e-con.ro-s, .e-con.ro-m, .e-con.ro-l, .e-con.ro-xl, .e-con.ro-xxl,
  .e-con.round-xxs, .e-con.round-xs, .e-con.round-s, .e-con.round-m, .e-con.round-l, .e-con.round-xl, .e-con.round-xxl,
  a.e-con.ro-xxs, a.e-con.ro-xs, a.e-con.ro-s, a.e-con.ro-m, a.e-con.ro-l, a.e-con.ro-xl, a.e-con.ro-xxl,
  a.e-con.round-xxs, a.e-con.round-xs, a.e-con.round-s, a.e-con.round-m, a.e-con.round-l, a.e-con.round-xl, a.e-con.round-xxl
)::after{
  border-radius: inherit !important;
}

/* Bild-Widget mit eigener ro-* Klasse */
.elementor :where(
  .elementor-widget-image.ro-xxs, .elementor-widget-image.ro-xs, .elementor-widget-image.ro-s, .elementor-widget-image.ro-m, .elementor-widget-image.ro-l, .elementor-widget-image.ro-xl, .elementor-widget-image.ro-xxl,
  .elementor-widget-image.round-xxs, .elementor-widget-image.round-xs, .elementor-widget-image.round-s, .elementor-widget-image.round-m, .elementor-widget-image.round-l, .elementor-widget-image.round-xl, .elementor-widget-image.round-xxl
){
  border-radius: var(--_ro) !important;
  overflow: hidden !important;
}

.elementor :where(
  .elementor-widget-image.ro-xxs, .elementor-widget-image.ro-xs, .elementor-widget-image.ro-s, .elementor-widget-image.ro-m, .elementor-widget-image.ro-l, .elementor-widget-image.ro-xl, .elementor-widget-image.ro-xxl,
  .elementor-widget-image.round-xxs, .elementor-widget-image.round-xs, .elementor-widget-image.round-s, .elementor-widget-image.round-m, .elementor-widget-image.round-l, .elementor-widget-image.round-xl, .elementor-widget-image.round-xxl
) .elementor-widget-container,
.elementor :where(
  .elementor-widget-image.ro-xxs, .elementor-widget-image.ro-xs, .elementor-widget-image.ro-s, .elementor-widget-image.ro-m, .elementor-widget-image.ro-l, .elementor-widget-image.ro-xl, .elementor-widget-image.ro-xxl,
  .elementor-widget-image.round-xxs, .elementor-widget-image.round-xs, .elementor-widget-image.round-s, .elementor-widget-image.round-m, .elementor-widget-image.round-l, .elementor-widget-image.round-xl, .elementor-widget-image.round-xxl
) img{
  border-radius: inherit !important;
  overflow: hidden !important;
  display: block;
}

/* Off */
.elementor .ro-0,
.elementor .no-radius{
  --_ro: 0px;
  border-radius: 0 !important;
  overflow: visible !important;
}