/*
 * overflow-fix.css
 * ─────────────────────────────────────────────────────────────────────────────
 * FIX: Off-Canvas-Menü ragt auf Unterseiten rechts sichtbar heraus.
 *
 * URSACHE:
 *   Das Spectral-Theme (main.js) verschiebt das #menu-Element per
 *   .appendTo($body) als Off-Canvas-Panel nach rechts außerhalb des Viewports.
 *   Auf der Startseite greift overflow-x: hidden durch die .landing-Klasse.
 *   Auf Unterseiten (Kalorientabelle, Rezepte) fehlt diese Klasse → das Panel
 *   bleibt sichtbar und erzeugt horizontales Scrollen.
 *
 * FIX:
 *   overflow-x: hidden global auf html und body setzen.
 *   Das Menü bleibt voll funktionsfähig (slide-in/out), ist aber im
 *   geschlossenen Zustand nicht mehr sichtbar.
 * ─────────────────────────────────────────────────────────────────────────────
 */

html,
body {
    overflow-x: hidden;
}