/* Handy im Querformat (eingebunden mit media "only screen and (orientation: landscape) and (max-height: 500px)",
als letzte CSS-Datei nach phone/tablet/desktop/4k.css). Gilt fuer alle Handys quer - auch iPhone Pro Max,
das quer ueber 850px breit ist und sonst das Tablet-Layout bekommt.
- Adressleiste unten (ADRESSE mit Pfeil, fusszeile) ausgeblendet
- Content und Navigation bis 8px an den unteren Rand
- schmale Kopfzeile 44px (Variante A), Logo 48px, liegendes Eventmaennchen liegt auf dem Content-Rahmen
- Navigation-Knoepfe hochgezogen (Safari-Leiste quer laesst nur ~250px)
- Rustdesk-Knopf aus (wie im Handy-Layout; ragt sonst im Tablet-Layout in den Content, steht auch im Menue)
Rueckbau: Eintrag aus cssDateien entfernen, dann ?reinit=app. */
div.fusszeile, div.fusszeileMobil, div.fussleisteMobil, div.fernwartung {display: none;}
div.titelzeile {height: 44px;}
/* Logo-SVG ist oben/unten leer (Schrift nur 12-85% der Hoehe): 48px hoch, Schrift ~6..41px = 7px Luft zum Content bei 48px */
div.firmenname {top: 0;}
div.firmenname img {max-height: 48px;}
/* Maennchen-PNG: Figur nur in der unteren Haelfte (Zeile 70-122 von 125). 90px gross und so hoch gesetzt,
dass die Unterkante der Figur (97.6%) auf dem Content-Rahmen bei 48px liegt: 48 - 0.976*90 = -40 */
div.titelzeile div.eventmaennchenliegend {top: -40px; height: 90px; width: 90px; right: auto;}
/* Waagrecht: Figur (bis 95% der Bildbreite = 86px) endet 8px vor der runden Ecke (48px) am rechten Content-Rand.
Content-Rand rechts: Handy-Layout 90% - 14px (width 90%-90px + 76px padding), Tablet-Layout 65% - 22px. */
@media (max-width: 849.98px) {div.titelzeile div.eventmaennchenliegend {left: calc(90% - 156px);}}
@media (min-width: 850px) {div.titelzeile div.eventmaennchenliegend {left: calc(65% - 164px);}}
div.articlecontent, div.navigation {top: 48px; bottom: 8px;}
/* Pfeil-Knopf und gedrehter Schriftzug NAVIGATION (nur Handy-Layout) nach oben: bei eingeblendeter
Safari-Leiste ist das Fenster quer nur ~250px hoch. navigationButton3/4 sind um -90deg gedreht,
ihr sichtbarer Rahmen liegt 44px ueber dem CSS-top -> top 138px = sichtbar 94..203px. */
div.navigationButton1, div.navigationButton2 {top: 60px;}
div.navigationButton3, div.navigationButton4 {top: 138px;}