/* ---------------------------------------------------------------------------
 * Untermenü im Menü-Overlay: im Textfluss statt als Flyout
 *
 * Symptom: Klappt man im Menü-Overlay „Produkte“ auf, legt sich „Grundöfen“
 * über den nächsten Menüpunkt („Unsere Kunden“) statt ihn nach unten zu
 * schieben. Zusätzlich steht das Untermenü linksbündig, während die
 * Menüpunkte zentriert sind.
 *
 * Ursache: Elementor öffnet das Untermenü als Flyout – `position: absolute`
 * mit `left: 0`. Für ein waagrechtes Kopfmenü ist das richtig, für ein
 * senkrechtes Menü im Vollbild-Overlay nicht:
 *
 * - `absolute` nimmt das Untermenü aus dem Textfluss, es überlagert deshalb
 *   die folgenden Punkte, statt Platz zu schaffen.
 * - `left: 0` richtet es an der linken Kante des Elternpunkts aus. Solange
 *   der Menüpunkt schmal ist, fällt das kaum auf; sobald er die volle Breite
 *   des Overlays einnimmt (siehe README, „Nicht hier gelöst“), sind es
 *   gemessene 504 px Versatz nach links.
 *
 * Gelöst wird es, indem das Untermenü in den Textfluss zurückkehrt – so, wie
 * man es von aufklappbaren Mobilmenüs kennt. Es schiebt die folgenden Punkte
 * nach unten und richtet sich mit ihnen aus.
 *
 * Gemessen nach dem Fix: „Unsere Kunden“ rückt von y192 auf y229, keine
 * Überlappung mehr.
 *
 * Vorläufig: Sauberer wäre, das Popup in Elementor auf einen Menü-Typ
 * umzustellen, der von Haus aus aufklappt. Sobald die Vorlage (Popup „Menü“,
 * Post-ID 244) das tut, kann dieser Block entfallen.
 * ------------------------------------------------------------------------- */

.elementor-244 .elementor-element.elementor-element-7774672 .elementor-nav-menu--main .sub-menu {
    /* zurück in den Textfluss – schiebt die folgenden Punkte nach unten */
    position: static;
    transform: none;
    /* Flyout-Reste, die im Fluss nur stören */
    width: auto;
    min-width: 0;
    box-shadow: none;
    text-align: center;
}

.elementor-244 .elementor-element.elementor-element-7774672 .elementor-nav-menu--main .sub-menu .elementor-sub-item {
    justify-content: center;
    padding: 6px 0;
}