/* =========================================================================
   Kopfzeile – größeres Logo auf Handy und Tablet (alle Seiten)
   Vehica hat zwei Kopfzeilen:
   - transparent (Startseite, Blog): Logo "hängt" groß ins Titelbild
   - normal (alle anderen Seiten): dunkle Leiste, Logo mittig
   Logo-Größen bei Bedarf hier ändern (height + max-height gleich setzen).
   ========================================================================= */

@media (max-width: 1199px) {
	.vehica-mobile-menu__wrapper {
		height: auto !important;
		min-height: 70px;
	}
	.vehica-mobile-menu__logo,
	.vehica-mobile-menu__logo .vehica-logo {
		height: auto !important;
	}

	/* normale Kopfzeile */
	.vehica-mobile-menu__logo .vehica-logo img {
		height: 84px !important;
		max-height: 84px !important;
		width: auto !important;
		max-width: none !important;
		padding: 4px 0;
	}

	/* transparente Kopfzeile (Startseite, Blog) */
	.vehica-menu__transparent-container .vehica-mobile-menu__wrapper {
		align-items: flex-start !important;
		padding-top: 8px;
	}
	.vehica-menu__transparent-container .vehica-mobile-menu__hamburger,
	.vehica-menu__transparent-container .vehica-mobile-menu__login {
		margin-top: 22px;
	}
	.vehica-menu__transparent-container .vehica-mobile-menu__logo .vehica-logo img {
		height: 125px !important;
		max-height: 125px !important;
		padding: 0;
	}
}