/*
 * m71 Mobile UI Fix
 * Version: 0.2.5
 */

@media screen and (max-width: 767px) {
	/*
	 * Nicht den Chatbot-Host verschieben: Das verschiebt auf iOS das gesamte
	 * Chatfenster und kann die Navigation ueberlagern. Der rosa Launcher wird
	 * im Shadow DOM per JS nur optisch etwas nach oben geschoben.
	 */
	body.nav--active .m71-chatbot-host {
		display: none !important;
	}
}

img.u-full--width[src*="m71_Teaser_Allon4_Startseite"],
img.u-full--width[src*="m71-pagespeed-allon4-startseite"] {
	aspect-ratio: 768 / 371;
	height: auto;
}

img.u-full--width[src*="m71_Teaser_Praxisteam"],
img.u-full--width[src*="m71-pagespeed-praxisteam"] {
	aspect-ratio: 768 / 492;
	height: auto;
}

img[src*="m71-pagespeed-qr-code-whatsapp-440x440"] {
	aspect-ratio: 1 / 1;
	height: auto;
}

img[src*="m71_icon_startseite_"],
img[src*="m71_Iconset_Startsite_square_m71_icon_startseite_"] {
	aspect-ratio: 1 / 1;
	height: auto;
}