/* ========================================================= IPAD – HAMBURGER WIE AUF DER HAUPTSEITE ========================================================= */ @media (min-width: 801px) and (max-width: 1100px) { .header-inner { width: calc(100% - 44px) !important; min-height: 86px !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; } .brand { min-width: 0 !important; flex: 1 1 auto !important; } .brand-logo { width: 58px !important; height: 58px !important; } .brand-copy strong { font-size: 15px !important; } .brand-copy span { font-size: 6px !important; } /* Normale Navigation ausblenden */ .main-nav { display: none !important; order: 5 !important; flex: 0 0 100% !important; width: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; } /* Hamburger anzeigen */ .mobile-menu { display: flex !important; width: 46px !important; height: 46px !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; border: 1px solid var(--line) !important; border-radius: 10px !important; background: #fff !important; font-size: 22px !important; cursor: pointer !important; } /* GANZ WICHTIG: Beim Klick muss die Navigation sichtbar werden */ .main-nav.open { display: flex !important; } .main-nav a { padding: 13px 4px !important; border-top: 1px solid var(--line) !important; font-size: 14px !important; font-weight: 800 !important; } .header-phone { display: none !important; } }