/* Mobiles Menü ([foev_mobilmenue]). Burger nur unter 900 px.
   Farben anpassbar: --foev-mm-color (Burger), --foev-mm-bg (Menüfläche). */

.foev-mm-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;padding:8px;border:0;border-radius:10px;background:none;color:var(--foev-mm-color,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent}
.foev-mm-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.foev-mm-toggle svg{width:26px;height:26px;overflow:visible}
.foev-mm-toggle path{transition:transform 300ms cubic-bezier(.2,.7,.3,1),opacity 200ms;transform-origin:12px 12px}
.foev-mm-toggle[aria-expanded="true"] .foev-mm-l1{transform:translateY(5px) rotate(45deg)}
.foev-mm-toggle[aria-expanded="true"] .foev-mm-l2{opacity:0}
.foev-mm-toggle[aria-expanded="true"] .foev-mm-l3{transform:translateY(-5px) rotate(-45deg)}

/* Die Menüfläche beginnt unter dem Header (--foev-mm-top setzt das Skript). */
.foev-mm{position:fixed;left:0;right:0;bottom:0;top:var(--foev-mm-top,64px);z-index:9998;display:flex;flex-direction:column;gap:24px;padding:24px clamp(16px,4vw,40px) calc(32px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--foev-mm-bg,#228541);opacity:0;transform:translateY(-8px);transition:opacity 220ms ease,transform 260ms cubic-bezier(.16,1,.3,1)}
.foev-mm[hidden]{display:none}
.foev-mm.is-open{opacity:1;transform:none}
.foev-mm__list,.foev-mm__sub{margin:0;padding:0;list-style:none}
.foev-mm__list>li{border-bottom:1px solid rgba(255,255,255,.14)}
.foev-mm__list a{display:block;padding:14px 0;color:#fff;font:700 1.5rem/1.2 "Roboto Slab",Georgia,serif;text-decoration:none;letter-spacing:0}
.foev-mm__list a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.foev-mm__sub{padding:0 0 12px 2px}
.foev-mm__sub a{padding:6px 0;font:500 1rem/1.4 "Roboto",system-ui,sans-serif;color:rgba(255,255,255,.85)}
.foev-mm__btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;padding:0 24px;border-radius:999px;background:#fff;color:#1A6A33;font:500 1rem/1 "Roboto",system-ui,sans-serif;text-decoration:none;transition:background-color 200ms}
.foev-mm__btn:hover{background:#E3ECE2}
.foev-mm a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}

/* Header beim offenen Menü in der Menüfarbe (nicht durchsichtig über Hero/Video). */
.foev-mm-header-open{background-color:var(--foev-mm-bg,#228541)!important;background-image:none!important}
.foev-mm-header-open::before,.foev-mm-header-open::after{opacity:0!important}

/* Solange das Menü offen ist, scrollt die Seite dahinter nicht. */
html.foev-mm-lock,html.foev-mm-lock body{overflow:hidden}

@media (max-width:900px){
  .foev-mm-toggle{display:inline-flex}
}
@media (min-width:901px){
  .foev-mm{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .foev-mm,.foev-mm-toggle path{transition:none}
}