/*
 * fauser-wp.css - corrections on top of the original stylesheets, which stay unchanged.
 * Loaded last. Each rule says what it corrects.
 */

/* The footer bar is fixed at the bottom and 27px high (22px + 5px padding). Nothing
   reserved that space, so on the original it covered the last 27px of every page -
   on the sub-pages the control bar of the video in tile 4. The tiles sit 8px lower
   than their place in the flow (page.css: #boxenunten position relative, top 8px), so
   the reserve is 27 + 8 = 35px. Measured: with 27px the video still overlapped by 1px. */
#maincontent {
	padding-bottom: 35px;
}

/* WordPress admin bar (logged-in users). It pushes the page down (html margin-top 32px,
   46px up to 782px), but everything the original pins to the window stays where it
   is - including the header pictures, which are background-attachment: fixed
   (page.css "#toppage #header DIV > DIV"), so the header panel covered their first
   line ("Hotline: ..."). Each fixed element moves by the bar height here, the way the
   user solved it on move2dubai.de: WordPress sets --wp-admin--admin-bar--height only
   when the bar is shown (wp-includes/css/admin-bar.css, 7.1.4), so for visitors every
   value below is the original one. The base values are those of page.css and
   smartphones.css. */
#toppanel,
#cookie-bar.fixed {
	top: var(--wp-admin--admin-bar--height, 0px);
}

#toppage #header div > div {
	background-position: center calc(90px + var(--wp-admin--admin-bar--height, 0px));
}

@media all and (max-width: 810px) {
	#toppage #header div > div {
		background-position: center calc(48px + var(--wp-admin--admin-bar--height, 0px));
	}

	#toplogo {
		top: calc(7px + var(--wp-admin--admin-bar--height, 0px));
	}

	#google_translate_element {
		top: calc(2px + var(--wp-admin--admin-bar--height, 0px));
	}

	div.skiptranslate > iframe {
		top: calc(48px + var(--wp-admin--admin-bar--height, 0px));
	}

	.cycle-pager {
		top: calc(167px + var(--wp-admin--admin-bar--height, 0px));
	}
}

@media all and (max-width: 810px) and (orientation: landscape) {
	.cycle-pager {
		top: calc(85px + var(--wp-admin--admin-bar--height, 0px));
	}
}