/* ============================================================
   Anpassungen fuer den installierten Zustand (Homescreen-App).

   Greift ausschliesslich unter display-mode: standalone — im
   normalen Browser aendert diese Datei nichts. Sie wird von
   includes/templates/head.cfm auf jeder Seite geladen.
   ============================================================ */

@media all and (display-mode: standalone) {

	/* Geraete mit Notch/Dynamic Island melden hier einen Wert; auf allen
	   anderen bleibt env() null und es aendert sich nichts. Der fixe
	   Header und der Mini-Header muessen den Streifen mitfaerben,
	   sonst steht die Uhrzeit auf dem Seiteninhalt. */
	.header-main,
	.header-weather {
		padding-top: env(safe-area-inset-top, 0px);
	}

	/* Der Platzhalter unter dem fixen Header waechst um denselben Betrag —
	   sonst rutscht der Seiteninhalt unter den Header. */
	.header-spacer {
		height: calc(62px + env(safe-area-inset-top, 0px));
	}

	/* Homeindikator unten nicht ueberdecken */
	.footer-main {
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	/* Ueberdehnen beim Scrollen sieht in der App nach kaputtem
	   Seitenende aus statt nach Browser. */
	body {
		overscroll-behavior-y: none;
	}
}