/* =========================================================
   ELEMENTOR-BRÜCKE (Phase Elementor Source of Truth · 2026-10-14)
   Seiten, deren bisheriges Theme-Markup 1:1 als Elementor-Container + Texteditor/HTML-Widgets
   angelegt wurde. Marker: .mr-elx (Wurzel), .mr-elx-c (Container), .mr-elx-w (Widget).
   - Container verhalten sich wie das ursprüngliche HTML-Element; das Modul-CSS (lädt danach,
     gleiche Spezifität) setzt Layout, Abstände und Raster wie bisher.
   - Widget-Hüllen sind layout-neutral (display: contents) und erben Schrift und Farbe,
     damit Geschwister-Selektoren (p + p, .a + .b) und Raster wie im alten Markup greifen.
   Lädt nach elementor-frontend und vor dem jeweiligen Modul-CSS.
========================================================= */

/* Eigenschaften der Elementor-Container (Spezifität 0,1,0): neutral wie ein normales Element */
.mr-elx-c {
  display: block;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  gap: normal;
  position: static;
  overflow: visible;
  z-index: auto;
  border-radius: 0;
  text-align: inherit;
  transition: none;
  align-items: normal;
  align-content: normal;
  justify-content: normal;
  align-self: auto;
  flex-wrap: nowrap;
  order: 0;
}

/* Elementor-Variablen, die über Regeln höherer Spezifität (.e-con.e-flex) wirken */
.mr-elx-c.e-con {
  --display: block;
  --flex-direction: row;
  --flex-wrap: nowrap;
  --flex-grow: 0;
  --flex-shrink: 1;
  --flex-basis: auto;
  --align-self: auto;
  --order: 0;
  --align-items: normal;
  --align-content: normal;
  --justify-content: normal;
  --row-gap: normal;
  --column-gap: normal;
  --width: auto;
  --text-align: inherit;
}

/* Wurzel: keine Elementor-Begrenzung der Seitenbreite */
.mr-elx.mr-elx-c.e-con { max-width: none; }

/* Widget-Hüllen: kein eigener Kasten, Schrift/Farbe vom Elternelement wie im alten Markup */
.mr-elx .mr-elx-w.elementor-widget {
  display: contents;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
}

/* Google-Bewertung: layout.css gibt dem direkten Elternteil der Pill min-width 0 / max-width 100%.
   Hier ist das die Widget-Hülle (display: contents), daher dieselbe Regel für den Container. */
:root body .mr-elx-c:has(> .mr-elx-w > a.mr-hv2-rating) { min-width: 0; max-width: 100%; }

/* Elementor setzt .elementor a { text-decoration: none } (0,1,1). Echte Inline-Links behalten die Unterstreichung
   aus layout.css; :where() hält die Spezifität niedrig, damit seitenspezifische Regeln (legal-v2, br-v2) weiter gewinnen. */
.mr-elx a:where(.text-link-inline) { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--mr-link-line); text-underline-offset: 3px; }
.mr-elx a:where(.text-link-inline):is(:hover, :focus-visible) { text-decoration-color: currentColor; }