/**
 * Sticky Header ohne Blocksy Companion.
 *
 * Der Header bleibt beim Scrollen oben stehen. Umgesetzt mit
 * position: sticky - kein JavaScript, kein Höhenausgleich nötig, weil
 * das Element seinen Platz im Fluss behält.
 */

/*
 * Voraussetzung: Blocksy setzt auf dem Wrapper
 *
 *   #main-container { overflow: hidden; overflow: clip; }
 *
 * Ein Vorfahre mit overflow != visible macht position: sticky
 * wirkungslos - das Element klebt dann relativ zu diesem Container,
 * der selbst gar nicht scrollt.
 *
 * overflow-x: clip behält den Schutz gegen waagerechtes Überlaufen,
 * erlaubt der Y-Achse aber visible zu bleiben. Mit "hidden" ginge das
 * nicht: dort würde visible auf der Gegenachse zu auto berechnet.
 */
#main-container {
	overflow-x: clip;
	overflow-y: visible;
}

#header.ct-header {
	position: sticky;

	/* Unter der WP-Adminleiste einrasten, falls eingeloggt. */
	top: var(--admin-bar, 0px);

	/* Blocksy vergibt hier 50 - darüber, damit Seiteninhalt darunter
	   durchläuft. */
	z-index: 100;
}

/*
 * Unter 600px ist die WordPress-Adminleiste nicht mehr fixiert, sie
 * scrollt mit. Dann muss der Header bündig oben andocken.
 */
@media (max-width: 600px) {
	.admin-bar #header.ct-header {
		top: 0;
	}
}