/*
 * Feinschliff für die Website-Kopfzeile (Impreza).
 *
 * Lädt auf allen Seiten der Website (nicht im Portal) und für ALLE
 * Besucher - das Popup-Stylesheet lädt nur für Abgemeldete, dieser
 * Feinschliff muss aber auch eine angemeldete Ordination erreichen.
 *
 * Anlass: Auf Bildschirmen um 1300-1700px (MacBook-Klasse) quetschte
 * sich die Kopfzeile - "Termin buchen" brach zweizeilig um und der
 * Login-Knopf sass als ungleicher Kasten daneben. Kein Theme-Umbau,
 * nur Nachdruck an den zwei eigenen Knöpfen (ush_btn_2/3), dem
 * Titeltext und den Menüabständen.
 */

/* Die beiden Knöpfe: immer einzeilig, gleiche Höhe, Symbol und Text
 * sauber mittig als Paar. */
@media ( min-width: 901px ) {
	.l-subheader .ush_btn_2,
	.l-subheader .ush_btn_3 {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
		line-height: 1 !important;
	}
}

/* Die Quetsch-Zone: kompaktere Knöpfe, etwas kleinerer Titel, engere
 * Menüabstände - alles bleibt einzeilig nebeneinander. */
@media ( min-width: 901px ) and ( max-width: 1700px ) {
	.l-subheader .ush_btn_2,
	.l-subheader .ush_btn_3 {
		padding: 11px 16px !important;
		font-size: 14px !important;
	}

	.l-subheader .ush_text_1 {
		font-size: 15px !important;
	}

	.l-subheader .w-nav .w-nav-anchor.level_1 {
		padding-left: 13px !important;
		padding-right: 13px !important;
	}
}

/* Noch enger (kleine Laptops): Der lange Titeltext weicht - Logo und
 * Menü tragen die Wiedererkennung, der Titel steht gross im Inhalt. */
@media ( min-width: 901px ) and ( max-width: 1280px ) {
	.l-subheader .ush_text_1 {
		display: none;
	}
}