diff --git a/assets/css/launch.css b/assets/css/launch.css index 2f58cb7..920cf3b 100644 --- a/assets/css/launch.css +++ b/assets/css/launch.css @@ -289,41 +289,6 @@ button, .button { } } -/* - * Schmale Bildschirme: Navbar umbrechen lassen, - * Abstände und Logo verkleinern. - */ -@media (max-width: 600px) { - body { - /* 130px räumen die fixe Navbar frei */ - padding-top: 130px; - /* min-height gilt für die Content-Box: Navbar-Freiraum - * abziehen, sonst sitzt die Karte unter der Mitte */ - min-height: calc(100vh - 130px); - } - - .navbar { - top: 8px; - left: 4%; - width: 92%; - padding: 10px; - flex-wrap: wrap; - } - - .logo-bar img { - height: 40px; - } - - button, .button { - padding: 10px 14px; - font-size: 15px; - } - - .card { - padding: 20px; - } -} - /* Sehr schmale Telefone: noch kompakter */ @media (max-width: 400px) { .navbar { @@ -350,14 +315,38 @@ button, .button { /* * Phone: Navbar-Aktionen in beiden Ausrichtungen * hinter dem Hamburger-Button als Dropdown anzeigen. + * + * Landscape-Phone: Viewport breiter als 600px – kurze + * Seite (Höhe) und Touch-Eingabe entscheiden. */ -@media (max-width: 600px) { +@media (max-width: 600px), + (orientation: landscape) and (max-height: 500px) and (pointer: coarse) { body { /* Navbar ist hier einzeilig */ padding-top: 80px; min-height: calc(100vh - 80px); } + .navbar { + top: 8px; + left: 4%; + width: 92%; + padding: 10px; + } + + .logo-bar img { + height: 40px; + } + + button, .button { + padding: 10px 14px; + font-size: 15px; + } + + .card { + padding: 20px; + } + button.nav-toggle { display: inline-flex; }