/*
 * Bluemchenpfluecker-Banner fuer BlackBoard-Max
 * Ersetzt das Logo "BlackBoard Max" oben links durch das Banner (900 x 200 px).
 * Gilt nur fuer BlackBoard-Max, weil diese Datei im Style-Ordner der Erweiterung liegt.
 */

/* Original-Logo ausblenden */
#site-logo a.logo img {
	display: none;
}

/* Banner als Hintergrund des Logo-Links, skaliert mit der Breite */
#site-logo a.logo {
	display: block;
	width: 900px;
	max-width: 100%;
	aspect-ratio: 900 / 200;
	padding: 0;
	margin: 10px 0 0 10px;
	background: url("./images/banner.jpg") no-repeat left top;
	background-size: contain;
}

#site-logo {
	max-width: 100%;
}

/* Schmale Bildschirme: Banner zentriert ueber die volle Breite */
@media (max-width: 700px) {
	#site-logo a.logo {
		width: 100%;
		/* BlackBoard-Max wird auf schmalen Geraeten breiter als der Bildschirm;
		   das Banner bleibt trotzdem vollstaendig sichtbar */
		max-width: calc(100vw - 20px);
		margin: 10px auto 0;
		background-position: center top;
	}
}

/* Footer: Bild "BlackBoard Max" ausblenden (Block #img-footer-right in overall_footer.html) */
#img-footer-right {
	display: none;
}

/* Block "Kontaktdaten" mit den 6 Social-Media-Symbolen ausblenden
   (#nav-social in index_body.html und viewforum_body.html; die Links zeigen nur auf "#") */
#nav-social {
	display: none;
}

/* Forumsname "Bluemchenpfluecker.de" ausblenden (Desktop und Mobil) - der Name steht schon im Banner.
   Ohne ihn rueckt die Anmelde-/Benachrichtigungszeile nach oben neben das Banner. */
#site-description {
	display: none;
}

/* Spruch "Hier werden Bluemchen gepflueckt." nicht mehr unter dem Banner,
   sondern rechts in der Zeile mit FAQ (Template-Event overall_header_navigation_append) */
#site-logo p.description-forum {
	display: none;
}

/* kein Leerraum mehr zwischen Banner und FAQ-Zeile */
#site-logo {
	padding-bottom: 0;
}

#site-logo a.logo {
	margin-bottom: 0;
}

.navbar ul.nav-main li.bluemchen-slogan {
	color: #8e2525;
	font-size: 1.2em;
	font-weight: normal;
	line-height: inherit;
}

.navbar ul.nav-main li.bluemchen-slogan span {
	white-space: nowrap;
}

/* Mobil: Spruch in eigener Zeile zentriert, damit er nicht abgeschnitten wird */
@media (max-width: 700px) {
	.navbar ul.nav-main li.bluemchen-slogan {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	.navbar ul.nav-main li.bluemchen-slogan span {
		white-space: normal;
	}
}

/* Desktop: Banner zentrieren. Die Anmelde-/Benachrichtigungszeile passt dann nicht mehr
   neben das Banner und steht rechtsbuendig darunter. */
@media (min-width: 701px) {
	#site-logo {
		float: none;
		width: 100%;
	}

	#site-logo a.logo {
		margin: 10px auto 0;
		background-position: center top;
	}

	#toplogin {
		float: right;
		clear: both;
		padding: 2px 0;
	}
}

/* "Aktuelle Zeit" (und "Letzter Besuch") nicht mehr in eigener Zeile (#timer),
   sondern rechts in der Brotkrumen-Zeile (Template-Event overall_header_breadcrumbs_after) */
#timer {
	display: none;
}

ul.nav-breadcrumbs li.bluemchen-time {
	font-weight: normal;
	opacity: 0.85;
	line-height: inherit;
	padding-top: 6px;
}

ul.nav-breadcrumbs li.bluemchen-time span {
	white-space: nowrap;
}

@media (max-width: 700px) {
	ul.nav-breadcrumbs li.bluemchen-time {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	ul.nav-breadcrumbs li.bluemchen-time span {
		white-space: normal;
	}
}

/* Footer: Zeilen "Powered by phpBB ...", "BlackBoard-Max style ... by ..." und
   "Deutsche Uebersetzung durch phpBB.de" ausblenden. Impressum sowie
   Datenschutz/Nutzungsbedingungen bleiben sichtbar. Die Urheberhinweise
   in den Dateien selbst bleiben unveraendert. */
#copyright .footer-copyright,
#copyright .foot-copyright {
	display: none;
}

/* die dann leeren Absaetze ganz entfernen (moderne Browser) */
#copyright > p.footer-row:has(> .footer-copyright),
#copyright > p.footer-row:has(> .foot-copyright) {
	display: none;
}