/**
 * Elementor-Kompatibilität für das Mengede 08/20 Theme.
 *
 * Die Vereins-Widgets bringen ihr eigenes Layout (.section > .container) mit.
 * Damit Elementor-Container das nicht doppelt einrücken, werden Innenabstände
 * und Breitenbegrenzungen für diese Widgets neutralisiert.
 */

/* Elementor-Container: keine zusätzlichen Abstände um unsere Sections */
.elementor-widget-mengede_hero,
.elementor-widget-mengede_ticker,
.elementor-widget-mengede_news,
.elementor-widget-mengede_standings,
.elementor-widget-mengede_teams,
.elementor-widget-mengede_features,
.elementor-widget-mengede_cta,
.elementor-widget-mengede_sponsors,
.elementor-widget-mengede_page_hero,
.elementor-widget-mengede_richtext {
  width: 100%;
}

.elementor-widget-mengede_hero .elementor-widget-container,
.elementor-widget-mengede_ticker .elementor-widget-container,
.elementor-widget-mengede_news .elementor-widget-container,
.elementor-widget-mengede_standings .elementor-widget-container,
.elementor-widget-mengede_teams .elementor-widget-container,
.elementor-widget-mengede_features .elementor-widget-container,
.elementor-widget-mengede_cta .elementor-widget-container,
.elementor-widget-mengede_sponsors .elementor-widget-container,
.elementor-widget-mengede_page_hero .elementor-widget-container,
.elementor-widget-mengede_richtext .elementor-widget-container {
  padding: 0;
  margin: 0;
}

/* Elementor-Container, die unsere Widgets enthalten, dürfen nicht begrenzt werden */
.elementor-element:has(> .elementor-widget-container > .hero),
.elementor-element:has(> .elementor-widget-container > .ticker),
.elementor-element:has(> .elementor-widget-container > .cta-banner) {
  max-width: 100%;
}

/* Spielplan- und Überschriften-Widget */
.elementor-widget-mengede_fixtures,
.elementor-widget-mengede_section_header { width: 100%; }
.elementor-widget-mengede_fixtures .elementor-widget-container,
.elementor-widget-mengede_section_header .elementor-widget-container { padding: 0; }

/* Editor-Ansicht: Widgets sollen auch im Backend korrekt aussehen */
.elementor-editor-active .hero,
.elementor-editor-active .cta-banner { position: relative; }

/* 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). */
.elementor-widget-container .section-title,
.elementor-widget-container .section-label { margin-top: 0; }