/**
 * Elementor-Kompatibilität für das Mengede 08/20 Theme.
 *
 * Die Vereins-Widgets bringen ihr eigenes Layout (.section > .container) mit.
 * Elementor-Container sind Flex-Boxen – ohne explizite Breite schrumpfen die
 * Widgets auf Inhaltsbreite zusammen. Deshalb greift hier eine Sammelregel
 * für ALLE mengede_*-Widgets (auch für künftig neu hinzugefügte).
 */

[class*="elementor-widget-mengede_"] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

[class*="elementor-widget-mengede_"] > .elementor-widget-container {
  padding: 0;
  margin: 0;
  width: 100%;
}

/* Elementor-Container, die unsere Widgets tragen, dürfen nicht einschnüren */
.e-con > .e-con-inner,
.e-con {
  max-width: 100%;
}

/* Elementor setzt teils eigene Typo – unsere Section-Titel behalten ihr Design.
   Wichtig: keine pauschalen Farbregeln auf h1–h3 setzen, sonst überschreiben
   sie die Theme-Farben (z. B. die weiße Hero-Überschrift auf rotem Grund). */
[class*="elementor-widget-mengede_"] .section-title,
[class*="elementor-widget-mengede_"] .section-label {
  margin-top: 0;
}

/* Editor-Ansicht */
.elementor-editor-active .hero,
.elementor-editor-active .cta-banner { position: relative; }