/* ============================================================
   EMEU MENUE v1.3.3 — Haus-Menue auf WordPress-Menues
   v1.3.3 (Lumina 2026-09-25 03:3x): Innenabstand 16px im mobilen Menue
   (.emeu-burger__inhalt), mit border-box ohne Querscrollen.
   v1.3.2 (Lumina 2026-09-25 02:2x, Rollout Pfoten-Portale): mobil klebte der
   Menue-Knopf am Logo (Burger allein links im Menue-Feld, rechts frei).
   Waagerechte Menues richten ihren Inhalt nach rechts aus; das greift nur,
   wo freie Flaeche bleibt — Desktop und Tablet haelt weiter die Auto-Marge
   von .emeu-menue__fest (Navigation bleibt links neben dem Logo).
   v1.2.0 (Lumina 2026-09-12): Vollbild-Flaeche rueckt ihren Inhalt per
   --emeu-burger-oben unter die Buehne (Header oder Knopf-Halter), die das
   Skript ueber die Flaeche hebt; X-Knopf in der Flaeche entfaellt im Standard.
   v1.1.6 (Lumina 2026-09-04): kein sichtbarer Rand am Menue-Knopf —
   der 1px-Rand bleibt transparent, damit Ruhe und Hover dieselbe
   Geometrie haben und das Kit im Hover keinen Rand-Stil setzen kann.
   v1.1.5 (Lumina 2026-09-04): Knopf-Hoehe 38px wie die CTA-Knoepfe im
   Header (Token --emeu-burger-hoehe), Symbol 18x14 statt 24x18 (Token
   --emeu-burger-symbol-breite/-hoehe, Balken 2px), X aus den Token.
   v1.1.4 (Lumina 2026-09-04): Hover-Regeln setzen alles neu, was das Kit
   im Hover anfasst (Rand-Stil, Radius, Grund, Farbe) — der 1px-Rutsch war
   der weggeschaltete Rand-Stil. Schrift der Navigation 14px ueber Token
   --emeu-menue-schrift (Standard 14px; global ueberschreibbar, z.B. in
   hand/emeu-hand-workers.css oder im Kit: :root{--emeu-menue-schrift:14px}).
   v1.1.3 (Lumina 2026-09-04 02:5x): Hover/Focus-Resets ohne Geometrie
   (padding 0 im Hover liess den Knopf springen), Hamburger-Knopf mit
   Haus-Grund als Pille (Karten-Ton, Hover eine Stufe heller, Wort und
   Symbol in Textfarbe), Schliessen-Kreuz mit runder Hover-Flaeche.
   v1.1.2 (Lumina-Feintuning 2026-09-04): Symbol rechts vom Wort
   (--symbol-rechts, Standard), Knopf-Regeln in hoeherer Gewichtsklasse
   mit vollen Resets gegen .elementor-kit-83 button (Grund, Radius 40px,
   Padding, Hover) — der "Kreis ohne X" war der Kit-Knopf; Farb-Variablen
   auch an Flaeche und Dialog, die ausserhalb von .emeu-menue liegen.
   v1.1.0 (Lumina-GO 2026-09-04 02:3x): Scroll-Lock zurueckgebaut.
   HAMBURGER-FASSUNG: nur ein Knopf "Menue" mit Symbol (immer sichtbar,
   menu="0"), Dialog als Vollbild-Flexbox mit zentriertem Inhalt, Einflug
   von links nach rechts (--von-links) oder von oben nach unten
   (--von-oben), weich mit Aus-Lauf, beim Schliessen zurueck; Bewegungs-
   Ruecksicht nur Ueberblenden. Template direkt im Widget.
   v1.0.4 (Lumina-Befund 2026-09-04 02:2x): Die Mega-Flaeche wird vom
   Skript aus dem Menuepunkt an das Seiten-Ende (body) geloest — im
   Header machten Milchglas (backdrop-filter) und Schiebe-Transform den
   Header zum Bezugsrahmen der fixierten Flaeche (unsichtbar unter ihm,
   Lock stand). Fixiert bleibt sie, jetzt zum Fenster; z-Index 10000
   ueber dem Header. Motion.page-Hover-Ausloeser gehoeren damit an die
   Flaeche oder als Klick-Umschalten an den Knopf (synthetischer Klick
   bei Hover), nicht mehr an den Menuepunkt allein.
   v1.0.3 (Lumina-Befund 2026-09-04 02:1x): Lock griff nicht, weil Lenis
   (window.emeuLenis) die Seite programmatisch weiterscrollt — jetzt
   Lenis stop/start plus Rad- und Tasten-Sperre im Skript. Stroboskop
   in Edge bei Hover: scrollbar-gutter stable reservierte auf einer Seite
   ohne Laufleiste ploetzlich Breite, das Layout sprang unter dem Zeiger
   (auf, zu, auf ...). Jetzt exakte Kompensation nur um die vorhandene
   Laufleisten-Breite (--emeu-scrollbar-breite, 0 wenn keine).
   v1.0.2 (Lumina-Etappe 1, 2026-09-04): SCROLL-LOCK der Seite, solange
   eine Mega-Flaeche oder der Hamburger-Dialog offen ist. Das Skript
   setzt html.emeu-scroll-lock; overflow hidden plus scrollbar-gutter
   stable halten die Laufleisten-Breite, damit nichts springt. Die
   Header-Regie (Beim Scrollen ausblenden) bekommt dadurch keine
   Scroll-Ereignisse mehr — der Header bleibt stehen, solange offen.
   (Lumina-Setzung 2026-09-04 a bis h, GO 01:5x, S128).

   Klassen sind die Grundlage fuer Motion.page-Timelines (Klick- und
   Hover-Ausloeser an den Elementen, Zustaende als Klassen):
   - emeu-menue (Wurzel, Modifier --waagerecht/--senkrecht,
     --burger-immer/--burger-responsive/--burger-nie)
   - emeu-menue__nav, emeu-menue__liste, emeu-menue__punkt
     (--mega, --klick, --hover, --icon-links, --icon-rechts)
   - emeu-menue__link, emeu-menue__knopf (--pfeil), emeu-menue__text,
     emeu-menue__icon(-rahmen)
   - emeu-mega (die Flaeche, im li), emeu-mega__inhalt
   - emeu-burger, emeu-burger__balken, emeu-burger__panel,
     emeu-burger__inhalt, emeu-burger__schliessen
   Zustaende: is-open, is-closing (Flaeche und Punkt), body.emeu-mega-open
   (schaltet auch den Milchglas-Schleier), body.emeu-burger-open,
   data-emeu-mega="name" am Punkt fuer gezielte Timelines.

   Bewegung: dezente Basis (Einblenden 300ms), Dauer bis zum Ausblenden
   --emeu-mega-dauer (340ms) — Motion.page-Timelines ueberschreiben die
   Basis; das Skript wartet die Dauer ab, bevor es hidden setzt.
   Farben aus der Kontext-Schicht (--color-*, --dna-signal).
   ============================================================ */

:root {
  --emeu-menue-schrift: 14px;
  --emeu-burger-hoehe: 38px;          /* wie die CTA-Knoepfe im Header */
  --emeu-burger-symbol-breite: 18px;
  --emeu-burger-symbol-hoehe: 14px;   /* drei Balken a 2px, Abstand 4px */
}

.emeu-menue {
  --emeu-mega-dauer: 340ms;
  --emeu-menue-luecke: 1.5rem;
  font-size: var(--emeu-menue-schrift, 14px);
  line-height: 1.2;
  --emeu-menue-farbe: var(--color-text, #d6d6d6);
  --emeu-menue-farbe-aktiv: var(--color-primary, var(--dna-signal, #e9ff2e));
  --emeu-menue-hover-grund: var(--neutral-d-19, #3d3d3d);
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: inherit;
}

/* v1.3.2: Knopf mobil nach rechts (siehe Kopf) — nur waagerechte Menues; freie Flaeche geht zuerst an Auto-Margen. */
.emeu-menue--waagerecht { justify-content: flex-end; }

/* Seiten-Kontext hell (Befund 2026-09-06): Hover-Grund des Knopfs und Aktiv-Farbe
   folgen dem Kontext — heller Grund statt dunkler Pille, Messing statt Signal. */
body.on-light .emeu-menue,
.on-light .emeu-menue {
  --emeu-menue-hover-grund: var(--neutral-d-3, #e0e0e0);
  --emeu-menue-farbe-aktiv: var(--color-primary, var(--dna-messing, #aa9841));
}

.emeu-menue__link,
.emeu-menue__knopf,
.emeu-burger__wort { font-size: var(--emeu-menue-schrift, 14px); }

/* --- Liste plus Punkte -------------------------------------- */

.emeu-menue__liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: var(--emeu-menue-luecke);
}

.emeu-menue--senkrecht .emeu-menue__liste {
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
}

.emeu-menue__punkt {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.emeu-menue .emeu-menue__knopf,
.emeu-menue .emeu-menue__knopf:hover,
.emeu-menue .emeu-menue__knopf:focus {
  background: none;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
  letter-spacing: normal;
  text-transform: none;
}

.emeu-menue__link,
.emeu-menue__knopf {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  margin: 0;
  padding: 0.5rem 0.25rem;
  background: none;
  border: 0;
  border-radius: 6px;
  font: inherit;
  font-weight: var(--w-schrift-regulaer, 300);
  line-height: 1.2;
  color: var(--emeu-menue-farbe);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.18s ease;
}

.emeu-menue--senkrecht .emeu-menue__link,
.emeu-menue--senkrecht .emeu-menue__knopf { width: 100%; padding: 0.6rem 0.5rem; }

.emeu-menue__link:hover,
.emeu-menue__knopf:hover,
.emeu-menue__link[aria-current="page"],
.emeu-menue__punkt.is-open > .emeu-menue__knopf,
.emeu-menue__punkt.is-open > .emeu-menue__link { color: var(--emeu-menue-farbe-aktiv); }

.emeu-menue__link:focus-visible,
.emeu-menue__knopf:focus-visible,
.emeu-burger:focus-visible,
.emeu-burger__schliessen:focus-visible {
  outline: 2px solid var(--emeu-menue-farbe-aktiv);
  outline-offset: 2px;
}

.emeu-menue__knopf--pfeil { padding: 0.5rem 0.3rem; }

.emeu-menue__pfeil {
  width: 0.9em;
  height: 0.9em;
  /* Zeichen-Stufe: gleiche Kurve wie die Flaeche, aber kuerzer —
     ein Icon klebt am Finger und darf nicht traege wirken. */
  transition: transform var(--w-bewegung-kurz-dauer, 200ms) var(--w-bewegung-kommt-kurve, cubic-bezier(.2,.8,.2,1));
}

.emeu-menue__punkt.is-open > .emeu-menue__knopf .emeu-menue__pfeil,
.emeu-menue__knopf[aria-expanded="true"] .emeu-menue__pfeil { transform: rotate(180deg); }

/* Icons: inline-SVG in Textfarbe, Groesse an der Schrift. */
.emeu-menue__icon-rahmen {
  display: inline-flex;
  align-items: center;
  flex: none;
}

.emeu-menue__icon {
  width: 1.1em;
  height: 1.1em;
  display: block;
  fill: currentColor;
}

.emeu-menue__icon path[fill]:not([fill="none"]) { fill: currentColor; }

/* --- Die Mega-Flaeche (im li, volle Fensterbreite) ------------ */

.emeu-mega,
.emeu-burger__panel {
  --emeu-mega-dauer: 340ms;
  --emeu-menue-farbe: var(--color-text, #d6d6d6);
  --emeu-menue-farbe-aktiv: var(--dna-signal, #e9ff2e);
}

.emeu-mega {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--emeu-mega-top, 0px);
  z-index: 10000;
  max-height: calc(100dvh - var(--emeu-mega-top, 0px));
  overflow: auto;
  background: var(--color-bg-page, #0a0a0a);
  color: var(--color-text, #d6d6d6);
  border-top: 1px solid var(--color-border, #3d3d3d);
  opacity: 0;
  /* Haus-Bewegung (emeu-design-system/bewegung/): kommt aus der Naehe,
     bremst sanft aus; die Blende ist kuerzer als der Weg. */
  transform: translateY(calc(var(--w-bewegung-nah, 10px) * -1));
  transition: var(--w-bewegung-kommt, opacity 0.3s ease, transform 0.3s ease);
}

.emeu-mega[hidden] { display: none; }

.emeu-mega.is-open {
  opacity: 1;
  transform: translateY(0);
}

.emeu-mega.is-closing {
  opacity: 0;
  transform: translateY(calc(var(--w-bewegung-nah, 10px) * -1));
  /* Gehen zieht an: eigene Kurve, kuerzer als das Kommen. */
  transition: var(--w-bewegung-geht, opacity 0.28s ease, transform 0.28s ease);
}

.emeu-mega__inhalt,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__inhalt { width: 100%; }

/* Senkrechte Menues (in Templates): Flaeche als Aufklappen im Fluss. */
.emeu-menue--senkrecht .emeu-mega {
  position: static;
  max-height: none;
  border-top: 0;
  transform: none;
}

/* --- Hamburger ------------------------------------------------ */

/* Hamburger-Knopf: Pille auf Karten-Ton (Haus-Grund statt Kit-Grund), Hover
   eine Stufe heller. Hover/Focus aendern NUR Farben — keine Geometrie. */
.emeu-menue .emeu-burger {
  background: var(--color-bg-card, var(--neutral-d-21, #262626));
  border: 1px solid transparent;    /* v1.1.6: kein sichtbarer Rand, Geometrie bleibt */
  border-radius: 999px;
  box-shadow: none;
  padding: 0;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
  color: var(--emeu-menue-farbe);
}
/* Hover/Focus setzen alles neu, was das Kit im Hover anfasst (Rand-Stil,
   Radius, Grund, Farbe) — sonst faellt der Rand weg und der Text rutscht. */
.emeu-menue .emeu-burger:hover,
.emeu-menue .emeu-burger:focus {
  background: var(--emeu-menue-hover-grund, var(--neutral-d-19, #3d3d3d));
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--emeu-menue-farbe);
  box-shadow: none;
}

.emeu-burger {
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--emeu-burger-hoehe, 38px);
  height: var(--emeu-burger-hoehe, 38px);
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 8px;
  color: var(--emeu-menue-farbe);
  cursor: pointer;
  transition: color 0.18s ease;
}

.emeu-menue--burger-immer .emeu-burger { display: inline-flex; }

/* Knopf mit Wort (v1.1.0); Symbol rechts vom Wort (v1.1.2, Standard) */
.emeu-menue .emeu-burger--mit-wort {
  width: auto;
  gap: 0.6rem;
  padding: 0 1rem 0 0.85rem;
}
.emeu-menue .emeu-burger--symbol-rechts {
  flex-direction: row-reverse;
  padding: 0 0.85rem 0 1rem;
}
.emeu-burger__wort {
  font: inherit;
  font-weight: var(--w-schrift-regulaer, 300);
  line-height: 1;
}

.emeu-burger:hover { color: var(--emeu-menue-farbe-aktiv); }

.emeu-burger__balken {
  position: relative;
  display: block;
  width: var(--emeu-burger-symbol-breite, 18px);
  height: var(--emeu-burger-symbol-hoehe, 14px);
}

.emeu-burger__balken i {
  position: absolute;
  left: 0;
  width: var(--emeu-burger-symbol-breite, 18px);
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.3s ease, opacity 0.2s ease, width 0.3s ease;
}

.emeu-burger__balken i:nth-child(1) { top: 0; }
.emeu-burger__balken i:nth-child(2) { top: calc((var(--emeu-burger-symbol-hoehe, 14px) - 2px) / 2); }
.emeu-burger__balken i:nth-child(3) { top: calc(var(--emeu-burger-symbol-hoehe, 14px) - 2px); }

/* Hover: der mittlere Balken zieht sich zusammen — sichtbare Reaktion. */
.emeu-menue .emeu-burger:hover .emeu-burger__balken i:nth-child(2) { width: calc(var(--emeu-burger-symbol-breite, 18px) * 0.66); }

/* Offen: die Balken werden zum X. */
.emeu-burger.is-open .emeu-burger__balken i:nth-child(1) { transform: translateY(calc((var(--emeu-burger-symbol-hoehe, 14px) - 2px) / 2)) rotate(45deg); }
.emeu-burger.is-open .emeu-burger__balken i:nth-child(2) { opacity: 0; width: var(--emeu-burger-symbol-breite, 18px); }
.emeu-burger.is-open .emeu-burger__balken i:nth-child(3) { transform: translateY(calc((var(--emeu-burger-symbol-hoehe, 14px) - 2px) / -2)) rotate(-45deg); }

/* Vollbild-Dialog (v1.1.0): Flexbox, Inhalt zentriert (margin auto haelt
   die Mitte und laesst bei hohem Inhalt scrollen), Einflug per Klasse. */
.emeu-burger__panel {
  --emeu-mega-dauer: 560ms;
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: flex;
  overflow: auto;
  padding-top: var(--emeu-burger-oben, 0px); /* v1.2.0: Inhalt rueckt unter die Buehne (Header oder Knopf-Halter) */
  background: var(--color-bg-page, #0a0a0a);
  color: var(--color-text, #d6d6d6);
  /* TOR-FORM (Lumina-Befund 2026-09-16): das Vollbild-Menue faehrt wie ein
     Garagentor — deckend vom ersten Tausendstel an, KEINE Blende. Eine
     Flaeche, die den Blick verschliesst, darf auf halbem Weg nicht
     durchsichtig sein; sonst laeuft die Kurve ins Leere.
     Die Blende bleibt den Ebenen vorbehalten, die sich UEBER etwas
     schieben (Routenplaner ueber Karte). */
  opacity: 1;
  transform: translateX(-100%);
  transition: var(--w-bewegung-tor-kommt, transform 0.32s cubic-bezier(.2,.8,.2,1));
}

.emeu-burger__panel--von-oben { transform: translateY(-100%); }

.emeu-burger__panel[hidden] { display: none; }
.emeu-burger__panel:focus { outline: none; } /* v1.2.0: die Flaeche selbst traegt den Fokus, wenn kein X-Knopf da ist */

.emeu-burger__panel.is-open {
  opacity: 1;
  transform: none;
}

.emeu-burger__panel.is-closing {
  /* Zurueck nach oben, ebenfalls deckend: es zieht sich hoch, es loest
     sich nicht auf. Gehen zieht an — eigene Kurve, kuerzer als das Kommen. */
  opacity: 1;
  transition: var(--w-bewegung-tor-geht, transform 0.28s cubic-bezier(.4,0,.7,.2));
}
.emeu-burger__panel--von-links.is-closing { transform: translateX(-100%); }
.emeu-burger__panel--von-oben.is-closing { transform: translateY(-100%); }

.emeu-burger__panel .emeu-burger__schliessen {
  background: none;
  border: 1px solid transparent;
  border-radius: 999px;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: 0;
  color: var(--emeu-menue-farbe);
}
.emeu-burger__panel .emeu-burger__schliessen:hover,
.emeu-burger__panel .emeu-burger__schliessen:focus {
  background: var(--color-bg-card, var(--neutral-d-21, #262626));
  border: 1px solid var(--color-border, var(--neutral-d-19, #3d3d3d));
  border-radius: 999px;
  color: var(--emeu-menue-farbe-aktiv);
  box-shadow: none;
}

.emeu-burger__schliessen {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  border-radius: 8px;
  color: var(--emeu-menue-farbe);
  cursor: pointer;
  transition: color 0.18s ease;
}

.emeu-burger__schliessen:hover { color: var(--emeu-menue-farbe-aktiv); }

.emeu-burger__schliessen svg {
  display: block;
  width: 22px;
  height: 22px;
  stroke: currentColor;
}

.emeu-burger__inhalt {
  margin: auto;                   /* zentriert, scrollt bei Ueberhoehe */
  width: 100%;
  padding: 16px;                  /* v1.3.3 (Lumina 2026-09-25 03:3x): mobiles Menue ohne Innenabstand */
  box-sizing: border-box;         /* 100 % Breite plus Innenabstand ohne Querscrollen */
}

/* Scroll-Lock (v1.0.2): Seite im Hintergrund steht, solange eine
   Flaeche oder der Dialog offen ist. Die Flaeche selbst scrollt innen. */
/* v1.1.0: kein Scroll-Lock mehr (Lumina-Rueckbau 2026-09-04). */

/* --- Bewegungs-Ruecksicht ------------------------------------ */

/* Bewegungs-Ruecksicht: kein Einflug, nur Ueberblenden. */
@media (prefers-reduced-motion: reduce) {
  .emeu-burger__panel,
  .emeu-burger__panel--von-oben,
  /* Tor-Form: die Deckkraft bewegt sich nicht mehr, also gibt es auch
     bei Ruhe-Wunsch nichts zu ueberblenden — das Panel ist einfach da. */
  .emeu-burger__panel.is-closing { transform: none; transition: none; }
  .emeu-mega,
  .emeu-burger__panel,
  .emeu-burger__panel--von-oben,
  .emeu-burger__balken i,
  .emeu-menue__pfeil { transition: none; }
}

/* ==================================================================
 * 1.3.0 — Menue aus Daten: die vier Zonen (Fuehrung, Ordnung, Beweis,
 * Tuer), der feste Platz rechts und der Vollbild-Dialog aus der Datei.
 * Grundlage: Amaras Vorlage mega-menue-vorlage.html (SSLB 2026-09-18),
 * in Haus-Klassen uebertragen; Farben, Schrift, Bewegung aus der
 * Haus-Schicht, kein Hartwert am Element.
 * ================================================================== */

.emeu-menue,
.emeu-mega,
.emeu-burger__panel {
  --emeu-mega-rand: clamp(16px, 4vw, 48px);
  --emeu-mega-radius: 14px;
}

.emeu-mega--zonen .emeu-mega__inhalt--zonen,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__inhalt--zonen { width: 100%; }

.emeu-mega .emeu-zonen,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen {
  box-sizing: border-box;
  max-width: var(--container-max-width, 1440px);
  margin: 0 auto;
  padding: 36px var(--emeu-mega-rand, clamp(16px, 4vw, 48px)) 0;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(200px, 1fr) minmax(0, 2.1fr) minmax(240px, 1fr);
  align-items: start;
  text-align: left;
}

/* Zone 1 — Fuehrung */
.emeu-mega__fuehrung-marke,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__fuehrung-marke {
  display: block;
  font-size: var(--w-schrift-fuss-groesse, 12px);
  line-height: var(--w-schrift-fuss-zeile, 16px);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--color-primary);
  font-weight: var(--w-schrift-betont, 600);
  margin: 0 0 10px;
}
.emeu-mega__fuehrung-titel,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__fuehrung-titel {
  font-size: var(--w-schrift-titel-groesse, 26px);
  line-height: var(--w-schrift-titel-zeile, 32px);
  color: var(--color-headline);
  margin: 0 0 10px;
}
.emeu-mega__fuehrung-satz,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__fuehrung-satz {
  font-size: var(--w-schrift-text-groesse, 15px);
  line-height: 22px;
  color: var(--color-muted);
  max-width: 30ch;
  margin: 0;
}

/* Zone 2 — Ordnung */
.emeu-mega__ordnung,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__ordnung {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.emeu-mega__spalte-titel,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__spalte-titel {
  font-size: var(--w-schrift-label-groesse, 13px);
  line-height: var(--w-schrift-label-zeile, 18px);
  font-weight: var(--w-schrift-betont, 600);
  color: var(--color-headline);
  padding-bottom: 9px;
  margin: 0 0 9px;
  border-bottom: 1px solid var(--color-border-subtle);
}
.emeu-mega__spalte-liste,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__spalte-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.emeu-mega__spalte-liste li,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__spalte-liste li { margin: 0; padding: 0; }
.emeu-mega .emeu-mega__weg,
.emeu-burger__panel .emeu-mega__weg,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__weg {
  display: block;
  padding: 6px 8px;
  margin-left: -8px;
  border-radius: 7px;
  font-size: var(--w-schrift-feld-groesse, 14px);
  line-height: var(--w-schrift-feld-zeile, 20px);
  color: var(--color-body);
  text-decoration: none;
  transition: background var(--w-bewegung-zeichen-dauer, 140ms) ease, color var(--w-bewegung-zeichen-dauer, 140ms) ease;
}
.emeu-mega .emeu-mega__weg:hover,
.emeu-mega .emeu-mega__weg:focus-visible,
.emeu-burger__panel .emeu-mega__weg:hover,
.emeu-burger__panel .emeu-mega__weg:focus-visible,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__weg:hover,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__weg:focus-visible { background: color-mix(in srgb, var(--color-headline) 12%, transparent); color: var(--color-headline); }
.emeu-mega .emeu-mega__weg small,
.emeu-burger__panel .emeu-mega__weg small,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__weg small {
  display: block;
  color: var(--color-muted);
  font-size: var(--w-schrift-fuss-groesse, 12px);
  line-height: 15px;
  margin-top: 2px;
}

/* Zone 3 — Beweis */
.emeu-mega__beweis,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--emeu-mega-radius, 14px);
  padding: 18px;
  display: grid;
  gap: 12px;
  margin: 0;
}
.emeu-mega__beweis-etikett,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-etikett {
  font-size: var(--w-schrift-fuss-groesse, 12px);
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--color-muted);
}
.emeu-mega__beweis-bild,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-bild {
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--color-border-subtle);
  background: color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-card));
}
.emeu-mega__beweis-bild img,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-bild img { display: block; width: 100%; height: 100%; object-fit: cover; }
.emeu-mega__beweis-titel,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-titel {
  font-size: var(--w-schrift-name-groesse, 16px);
  line-height: var(--w-schrift-name-zeile, 22px);
  color: var(--color-headline);
  margin: 0;
}
.emeu-mega .emeu-mega__beweis-titel a,
.emeu-burger__panel .emeu-mega__beweis-titel a,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__beweis-titel a { color: inherit; text-decoration: none; }
.emeu-mega .emeu-mega__beweis-titel a:hover,
.emeu-mega .emeu-mega__beweis-titel a:focus-visible,
.emeu-burger__panel .emeu-mega__beweis-titel a:hover,
.emeu-burger__panel .emeu-mega__beweis-titel a:focus-visible,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__beweis-titel a:hover,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__beweis-titel a:focus-visible { text-decoration: underline; }
.emeu-mega__beweis-text,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-text {
  font-size: var(--w-schrift-neben-groesse, 13px);
  line-height: var(--w-schrift-neben-zeile, 19px);
  color: var(--color-muted);
  margin: 0;
}
.emeu-mega__beweis-zahl,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-zahl {
  font-size: 34px;
  line-height: 1;
  font-weight: var(--w-schrift-betont, 600);
  color: var(--color-primary);
}
.emeu-mega__beweis-einheit,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__beweis-einheit {
  font-size: var(--w-schrift-neben-groesse, 13px);
  font-weight: var(--w-schrift-regulaer, 300);
  color: var(--color-muted);
}

/* Zone 4 — Tuer (volle Breite) */
.emeu-mega__tuer-zone,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__tuer-zone { grid-column: 1 / -1; }
.emeu-mega__tuer,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__tuer {
  margin-top: 8px;
  border-top: 1px solid var(--color-border-subtle);
  padding: 16px 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.emeu-mega__tuer-satz,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__tuer-satz { font-size: var(--w-schrift-text-groesse, 15px); color: var(--color-muted); margin: 0; }
.emeu-mega__tuer-satz b,
.emeu-mega__tuer-satz strong,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__tuer-satz b,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__tuer-satz strong { color: var(--color-headline); font-weight: var(--w-schrift-betont, 600); }
.emeu-mega__tuer-gruppe,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__tuer-gruppe { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.emeu-mega__knopf.emeu-mega__knopf,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__knopf.emeu-mega__knopf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--w-schrift-feld-groesse, 14px);
  font-weight: var(--w-schrift-betont, 600);
  background: var(--color-primary);
  color: var(--color-on-primary);
  border: 1px solid var(--color-primary);
  border-radius: 999px;
  padding: 11px 22px;
  text-decoration: none;
  transition: background var(--w-bewegung-zeichen-dauer, 160ms) ease, border-color var(--w-bewegung-zeichen-dauer, 160ms) ease, color var(--w-bewegung-zeichen-dauer, 160ms) ease;
}
.emeu-mega__knopf.emeu-mega__knopf:hover,
.emeu-mega__knopf.emeu-mega__knopf:focus-visible,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__knopf.emeu-mega__knopf:hover,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__knopf.emeu-mega__knopf:focus-visible { background: var(--color-primary-hover, var(--color-primary)); border-color: var(--color-primary-hover, var(--color-primary)); }
.emeu-mega__knopf.emeu-mega__knopf--leise,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__knopf.emeu-mega__knopf--leise {
  background: transparent;
  color: var(--color-body);
  border-color: var(--color-border);
  font-weight: var(--w-schrift-regulaer, 300);
}
.emeu-mega__knopf.emeu-mega__knopf--leise:hover,
.emeu-mega__knopf.emeu-mega__knopf--leise:focus-visible,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__knopf.emeu-mega__knopf--leise:hover,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__knopf.emeu-mega__knopf--leise:focus-visible { border-color: var(--color-primary); color: var(--color-headline); background: transparent; }

/* Fester Platz rechts (Mein Bereich, Warenkorb, Meine Buchungen) */
.emeu-menue__fest {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: auto;
}
.emeu-menue__fest-tuer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--w-schrift-feld-groesse, 14px);
  color: var(--color-body);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  padding: 9px 18px;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color var(--w-bewegung-zeichen-dauer, 160ms) ease, color var(--w-bewegung-zeichen-dauer, 160ms) ease;
}
.emeu-menue__fest-tuer:hover,
.emeu-menue__fest-tuer:focus-visible { border-color: var(--color-primary); color: var(--color-headline); }
.emeu-menue__fest-tuer--stark {
  background: var(--color-primary);
  color: var(--color-on-primary);
  border-color: var(--color-primary);
  font-weight: var(--w-schrift-betont, 600);
}
.emeu-menue__fest-tuer--stark:hover,
.emeu-menue__fest-tuer--stark:focus-visible { background: var(--color-primary-hover, var(--color-primary)); border-color: var(--color-primary-hover, var(--color-primary)); color: var(--color-on-primary); }
.emeu-menue__fest-zahl {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  font-size: 11px;
  line-height: 1;
  font-weight: var(--w-schrift-betont, 600);
  background: var(--color-primary);
  color: var(--color-on-primary);
}
.emeu-menue__fest-tuer--stark .emeu-menue__fest-zahl { background: var(--color-on-primary); color: var(--color-primary); }

/* Vollbild-Dialog aus der Datei: nichts nebeneinander, die Reihenfolge zaehlt */
.emeu-burger__daten { display: grid; gap: 4px; padding: 8px 0 24px; }
.emeu-burger__punkt { border-bottom: 1px solid var(--color-border-subtle); }
.emeu-burger__punkt-titel {
  cursor: pointer;
  list-style: none;
  padding: 16px 0;
  font-size: var(--w-schrift-name-groesse, 18px);
  line-height: var(--w-schrift-name-zeile, 24px);
  font-weight: var(--w-schrift-betont, 600);
  color: var(--color-headline);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emeu-burger__punkt-titel::-webkit-details-marker { display: none; }
.emeu-burger__punkt-titel::after {
  content: "";
  width: 9px;
  height: 9px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform var(--w-bewegung-zeichen-dauer, 160ms) ease;
}
.emeu-burger__punkt[open] > .emeu-burger__punkt-titel::after { transform: rotate(225deg); }
.emeu-burger__punkt-inhalt { padding: 0 0 20px; }
.emeu-burger__panel .emeu-zonen { display: grid; gap: 24px; padding: 0; max-width: none; }
.emeu-burger__panel .emeu-mega__ordnung { grid-template-columns: 1fr; gap: 18px; }
.emeu-burger__panel .emeu-mega__tuer { border-top: 0; padding: 4px 0 0; margin: 0; }
.emeu-burger__fest { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 0 0; }

/* Schmale Fenster */
@media (max-width: 1100px) {
  .emeu-mega .emeu-zonen,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen { grid-template-columns: 1fr 1fr; }
  .emeu-mega .emeu-mega__beweis,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__beweis { grid-column: 1 / -1; }
}
@media (max-width: 800px) {
  .emeu-mega .emeu-zonen,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen { grid-template-columns: 1fr; gap: 28px; }
  .emeu-menue__fest { display: none; }
}

/* ==================================================================
 * 1.3.1 — Kontext (Lumina 2026-09-18 21:5x: die Punkte blieben auf
 * dunkel, waehrend die Flaeche schon dem hellen Kontext folgte).
 * Befund: das Elementor-Kit faerbt jedes <button> und jedes <a> (Kit-
 * Knopf, Kit-Link) mit hoeherer Spezifitaet als die Menue-Regel; und
 * die Header-Regie setzt ihren Grund als Klasse am Header
 * (w-header-on-light / -dark), nicht als Kontext-Scope. Deshalb:
 * Menue-Regeln mit Container-Prefix (gewinnen gegen Kit-Knopf und
 * Kit-Link) und Farb-Variablen, die dem Header-Grund folgen —
 * wie das Logo in der Regie-Schicht.
 * ================================================================== */

.emeu-menue .emeu-menue__knopf,
.emeu-menue .emeu-menue__link,
.emeu-menue .emeu-burger {
  color: var(--emeu-menue-farbe);
  background: none;
}
.emeu-menue .emeu-menue__link:hover,
.emeu-menue .emeu-menue__knopf:hover,
.emeu-menue .emeu-burger:hover,
.emeu-menue .emeu-menue__link[aria-current="page"],
.emeu-menue .emeu-menue__punkt.is-open > .emeu-menue__knopf,
.emeu-menue .emeu-menue__punkt.is-open > .emeu-menue__link,
.emeu-menue .emeu-menue__knopf[aria-expanded="true"] { color: var(--emeu-menue-farbe-aktiv); }

/* Der Header-Grund (Regie) fuehrt: hell oder dunkel unabhaengig vom Seiten-Kontext. */
.w-header-on-light .emeu-menue {
  --emeu-menue-farbe: var(--neutral-d-19, #3d3d3d);
  --emeu-menue-hover-grund: var(--neutral-d-3, #e0e0e0);
  --emeu-menue-farbe-aktiv: var(--dna-messing, #aa9841);
}
.w-header-on-dark .emeu-menue {
  --emeu-menue-farbe: var(--neutral-d-3, #e0e0e0);
  --emeu-menue-hover-grund: var(--neutral-d-19, #3d3d3d);
  --emeu-menue-farbe-aktiv: var(--dna-signal, #e9ff2e);
}

/* Fester Platz: Pillen in Menue-Farben, gegen den Kit-Link. */
.emeu-menue .emeu-menue__fest-tuer {
  color: var(--emeu-menue-farbe);
  border-color: color-mix(in srgb, var(--emeu-menue-farbe) 35%, transparent);
  background: transparent;
}
.emeu-menue .emeu-menue__fest-tuer:hover,
.emeu-menue .emeu-menue__fest-tuer:focus-visible {
  color: var(--emeu-menue-farbe);
  border-color: var(--emeu-menue-farbe-aktiv);
}
.emeu-menue .emeu-menue__fest-tuer--stark,
.emeu-menue .emeu-menue__fest-tuer--stark:hover,
.emeu-menue .emeu-menue__fest-tuer--stark:focus-visible {
  background: var(--emeu-menue-farbe-aktiv);
  border-color: var(--emeu-menue-farbe-aktiv);
  color: var(--neutral-d-23, #141414);
}
.emeu-menue .emeu-menue__fest-tuer--stark:hover,
.emeu-menue .emeu-menue__fest-tuer--stark:focus-visible { filter: brightness(1.08); }
.emeu-menue .emeu-menue__fest-zahl { background: var(--emeu-menue-farbe-aktiv); color: var(--neutral-d-23, #141414); }
.emeu-menue .emeu-menue__fest-tuer--stark .emeu-menue__fest-zahl { background: var(--neutral-d-23, #141414); color: var(--emeu-menue-farbe-aktiv); }

/* ==================================================================
 * 1.3.2 — Feinheiten (Lumina 2026-09-18 21:5x, Vorlage Amara/SSLB):
 * (c.1) Punkt-Knopf mit Grund und Radius bei Hover und offener Flaeche,
 * (c.2) Chevron am Knopf, der sich beim Oeffnen dreht (Zeichen-Stufe der
 * Haus-Bewegung: gleiche Kurve, kuerzere Dauer),
 * (d) untere Linie und Schatten an der Flaeche aus Daten,
 * (b) Erscheinen der Flaeche ausdruecklich mit den Haus-Tokens (Kommen
 * bremst aus, Gehen zieht an, Blende kuerzer als Weg).
 * ================================================================== */

.emeu-menue .emeu-menue__knopf,
.emeu-menue .emeu-menue__link {
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  transition: color var(--w-bewegung-kurz-dauer, 200ms) ease, background var(--w-bewegung-kurz-dauer, 200ms) ease;
}
.emeu-menue .emeu-menue__knopf:hover,
.emeu-menue .emeu-menue__link:hover,
.emeu-menue .emeu-menue__punkt.is-open > .emeu-menue__knopf,
.emeu-menue .emeu-menue__knopf[aria-expanded="true"] {
  background: color-mix(in srgb, var(--emeu-menue-farbe) 12%, transparent);
}

/* Chevron: im Ruhezustand gedaempft nach unten, offen gedreht und voll. */
.emeu-menue .emeu-menue__chevron {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .6;
  transition: transform var(--w-bewegung-kurz-dauer, 200ms) var(--w-bewegung-kommt-kurve, cubic-bezier(.2,.8,.2,1)), opacity var(--w-bewegung-kurz-dauer, 200ms) ease;
}
.emeu-menue .emeu-menue__punkt.is-open > .emeu-menue__knopf .emeu-menue__chevron,
.emeu-menue .emeu-menue__knopf[aria-expanded="true"] .emeu-menue__chevron {
  transform: rotate(225deg) translateY(-2px);
  opacity: 1;
}

/* Die Flaeche aus Daten: Linie oben (Bestand) und unten, Schatten auf die Seite. */
.emeu-mega.emeu-mega--zonen {
  border-bottom: 1px solid var(--color-border-subtle);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
  transition: var(--w-bewegung-kommt, transform 320ms cubic-bezier(.2,.8,.2,1), opacity 240ms ease);
}
.emeu-mega.emeu-mega--zonen.is-closing {
  transition: var(--w-bewegung-geht, transform 280ms cubic-bezier(.4,0,.7,.2), opacity 220ms ease);
}

@media (prefers-reduced-motion: reduce) {
  .emeu-menue .emeu-menue__chevron { transition: none; }
}

/* ==================================================================
 * 1.3.3 — Hoehen und Fokus (Lumina 2026-09-18 22:1x):
 * Mass ist die Haus-Pille des festen Platzes (Gespraech, Mein Bereich:
 * 14 px Schrift, Zeile 1.2, Polster 9 x 18 plus 1 px Rand = 36,8 px).
 * (a.1) Der Punkt-Knopf stand auf 48 px, weil die Haus-Feldregel jedem
 * button min-height 48 px gibt; (a.2) die Tuer-Knoepfe der Flaeche liefen
 * mit Zeile 28 px aus dem Kit. (b) Nach dem zweiten Klick hielt der Kit-
 * Fokus (button:focus, neutral-d-2) die Farbe, bis der Fokus wanderte.
 * ================================================================== */

.emeu-menue .emeu-menue__knopf,
.emeu-menue .emeu-menue__link {
  min-height: 0;
  height: auto;
  line-height: 1.2;
  padding: 10px 12px;
}

/* Fokus ohne Hover: Ruhefarbe; die Tastatur bekommt weiter ihren Rahmen. */
.emeu-menue .emeu-menue__knopf:focus,
.emeu-menue .emeu-menue__link:focus,
.emeu-menue .emeu-burger:focus { color: var(--emeu-menue-farbe); }
.emeu-menue .emeu-menue__knopf:focus:not(:hover),
.emeu-menue .emeu-menue__link:focus:not(:hover) { background: none; }
.emeu-menue .emeu-menue__punkt.is-open > .emeu-menue__knopf:focus,
.emeu-menue .emeu-menue__knopf[aria-expanded="true"]:focus,
.emeu-menue .emeu-menue__knopf[aria-expanded="true"]:focus:not(:hover) {
  color: var(--emeu-menue-farbe-aktiv);
  background: color-mix(in srgb, var(--emeu-menue-farbe) 12%, transparent);
}

/* Tuer-Knoepfe der Flaeche: dieselbe Hoehe wie die Haus-Pille. */
.emeu-mega .emeu-mega__knopf.emeu-mega__knopf,
.emeu-burger__panel .emeu-mega__knopf.emeu-mega__knopf,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__knopf.emeu-mega__knopf {
  box-sizing: border-box;
  min-height: 0;
  line-height: 1.2;
  padding: 9px 18px;
}

/* ------------------------------------------------------------------
   Vorlagen-Bruecke (Baustein 1.2.0, 2026-09-20): dieselben Zonen aus Elementor-Templates (tools/menue/menue_vorlagen_anlegen.php).
   Die Elemente tragen die Zonen-Klassen als leere Anker des Klassen-Registers; Elementors Grundstile (.e-div-block-base,
   .e-flexbox-base, Absatz-Grundstile) haben (0,1,0) und stehen je nach Ladefolge hinter diesem Stil, deshalb hier die
   layout-tragenden Werte mit Zonen-Vorfahr (0,2,0). Werte wortgleich zu den Zonen-Regeln oben.
   ---------------------------------------------------------------- */
.emeu-mega__vorlage,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__vorlage { width: 100%; }
.emeu-mega__vorlage .elementor,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-mega__vorlage .elementor { width: 100%; }
.emeu-zonen .emeu-mega__fuehrung,
.emeu-zonen .emeu-mega__ordnung,
.emeu-zonen .emeu-mega__spalte,
.emeu-zonen .emeu-mega__spalte-liste,
.emeu-zonen .emeu-mega__tuer-zone,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__fuehrung,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__ordnung,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__spalte,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__spalte-liste,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__tuer-zone { display: block; padding: 0; margin: 0; min-width: 0; }
.emeu-zonen .emeu-mega__ordnung,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__ordnung { display: grid; gap: 28px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.emeu-zonen .emeu-mega__spalte-liste,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__spalte-liste { display: grid; gap: 2px; }
.emeu-zonen .emeu-mega__fuehrung-marke,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__fuehrung-marke { display: block; margin: 0 0 10px; }
.emeu-zonen .emeu-mega__fuehrung-titel,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__fuehrung-titel { margin: 0 0 10px; }
.emeu-zonen .emeu-mega__fuehrung-satz,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__fuehrung-satz { margin: 0; }
.emeu-zonen .emeu-mega__spalte-titel,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__spalte-titel { margin: 0 0 9px; padding: 0 0 9px; }
.emeu-zonen .emeu-mega__weg,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__weg { display: block; margin: 0 0 0 -8px; padding: 6px 8px; min-width: 0; }
.emeu-zonen .emeu-mega__weg-text,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__weg-text { display: inline; margin: 0; }
.emeu-mega .emeu-mega__weg .emeu-mega__weg-unter,
.emeu-mega .emeu-mega__weg .emeu-mega__weg-zahl,
.emeu-burger__panel .emeu-mega__weg .emeu-mega__weg-unter,
.emeu-burger__panel .emeu-mega__weg .emeu-mega__weg-zahl,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__weg .emeu-mega__weg-unter,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-mega__weg .emeu-mega__weg-zahl {
  display: block;
  color: var(--color-muted);
  font-size: var(--w-schrift-fuss-groesse, 12px);
  line-height: 15px;
  margin: 2px 0 0;
}
.emeu-zonen .emeu-mega__tuer,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__tuer { display: flex; margin: 8px 0 0; padding: 16px 0 22px; min-width: 0; }
.emeu-zonen .emeu-mega__tuer-satz,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__tuer-satz { margin: 0; }
.emeu-zonen .emeu-mega__tuer-gruppe,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__tuer-gruppe { display: flex; padding: 0; margin: 0; min-width: 0; }

/* Vorlagen-Bruecke, Teil 2 (2026-09-20 02:2x, nach Messung): Elementor-Container tragen width: var(--width) = 100 % — der
   Weg-Link verliert damit den negativen Rand, die Knopf-Gruppe fuellt die Zeile und bricht unter den Satz. */
.emeu-zonen .emeu-mega__weg,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__weg { width: auto; }
.emeu-zonen .emeu-mega__tuer-gruppe,
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen .emeu-mega__tuer-gruppe { width: auto; flex: 0 0 auto; }

/* Die Haus-Knopfregel (generat/core-elements.css: body[class*="elementor-kit-"] .e-button-base.e-button-base, 0,3,0) faengt
   die e-Knoepfe der Tuer. Die Tuer-Knoepfe behalten die Menue-Form von heute (wortgleich zu .emeu-mega__knopf oben),
   deshalb hier mit 0,5,0; Werte wie im Datei-Modus, nichts Neues. */
.emeu-mega .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf,
.emeu-burger__panel .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  min-height: 0;
  height: auto;
  font-size: var(--w-schrift-feld-groesse, 14px);
  font-weight: var(--w-schrift-betont, 600);
  font-family: inherit;
  line-height: 1.2; /* wie die Block-Regel 'Tuer-Knoepfe der Flaeche' (Haus-Pillen-Hoehe) */
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  background: var(--color-primary);
  color: var(--color-on-primary);
  border: 1px solid var(--color-primary);
  border-radius: 999px;
  padding: 9px 18px; /* wie die Block-Regel 'Tuer-Knoepfe der Flaeche' */
  text-decoration: none;
  box-shadow: none;
  transition: background var(--w-bewegung-zeichen-dauer, 160ms) ease, border-color var(--w-bewegung-zeichen-dauer, 160ms) ease, color var(--w-bewegung-zeichen-dauer, 160ms) ease;
}
.emeu-mega .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf:hover,
.emeu-mega .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf:focus-visible,
.emeu-burger__panel .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf:hover,
.emeu-burger__panel .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf:focus-visible,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf:hover,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf:focus-visible {
  background: var(--color-primary-hover, var(--color-primary));
  border-color: var(--color-primary-hover, var(--color-primary));
  color: var(--color-on-primary);
}
.emeu-mega .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise,
.emeu-burger__panel .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise {
  background: transparent;
  color: var(--color-body);
  border-color: var(--color-border);
  font-weight: var(--w-schrift-regulaer, 300);
}
.emeu-mega .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise:hover,
.emeu-mega .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise:focus-visible,
.emeu-burger__panel .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise:hover,
.emeu-burger__panel .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise:focus-visible,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise:hover,
.emeu-menue-vorlage-editor .elementor.elementor.elementor .emeu-zonen .emeu-mega__knopf.emeu-mega__knopf.emeu-mega__knopf--leise:focus-visible {
  border-color: var(--color-primary);
  color: var(--color-headline);
  background: transparent;
}

/* ------------------------------------------------------------------
   Editor-Rahmen (Baustein 1.2.1, 2026-09-20): Elementors Vorschau eines Menue-Templates traegt am Body die Klasse
   emeu-menue-vorlage-editor. Jede Regel oben, die Zonen-Elemente trifft, hat dafuer einen Zwilling mit einheitlich +3 Klassen
   (".emeu-menue-vorlage-editor .elementor.elementor.elementor <rest>" fuer Regeln unter .emeu-mega, ".emeu-menue-vorlage-editor
   .elementor.elementor <selektor>" fuer rahmenlose), weil der Editor nach dem Laden eigene Stile ".elementor <Basisklasse>"
   (0,2,0) nachlegt (display block, padding 10px, clear__padding, max-width) und die Menue-Regeln sonst verlieren. Rangfolge der
   Zwillinge untereinander wie im Menue. Hier nur Grund und Farbe der Leinwand wie in der Flaeche.
   ---------------------------------------------------------------- */
.emeu-menue-vorlage-editor .elementor.elementor .emeu-zonen {
  background: var(--color-bg-page, #0a0a0a);
  color: var(--color-text, #d6d6d6);
}