/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* Querformat-Phones: Breite einfangen & kein horizontales Scrolling */
html.lp, html.lp body { overflow-x: hidden; width: 100%; max-width: 100%; }

/* Sicherheit: volle Breite auf Container begrenzen */
html.lp .section,
html.lp .mcb-section,
html.lp .container,
html.lp .wrap,
html.lp .row { max-width: 100%; }

/* Fixe Header sauber spannen */
html.lp #Header { left: 0; right: 0; width: 100%; }

/* Medien nicht überlaufen lassen */
html.lp img, html.lp video, html.lp svg { max-width: 100%; height: auto; }

/* Häufiger Übeltäter: Inline-Styles mit 100vw */
html.lp [style*="100vw"] { max-width: 100%; }

/* optional: Platz für fixen Header im Landscape-Fall (Höhe anpassen) */
html.lp #Wrapper { padding-top: 80px; }

/* Debug bei Bedarf:
html.lp body::after{
  content:"Landscape → Tablet aktiv";
  position:fixed; right:8px; bottom:8px; background:#ff0;
  padding:4px 6px; font-size:12px; z-index:999999;
}
*/

/* Tablet im Querformat: Header sticky erzwingen */
html.tl #Header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}

/* Platz unter dem Header freihalten – nutzt gemessene Höhe */
html.tl #Wrapper {
  padding-top: var(--header-h, 80px);
}