/*  JP-Corporate-Identity fuer Zeina - jp-forum.com
 *  ------------------------------------------------------------------
 *  Wird NACH dem <style>-Block aus overall_header.html geladen und
 *  ueberschreibt deshalb auch die dort inline gesetzten Variablen.
 *  Das ist Absicht: so bleibt die Optik erhalten, selbst wenn jemand
 *  im Zeina-Kontrollpanel auf Speichern klickt und dabei die
 *  Panel-Farbe auf den Standard zuruecksetzt.
 *
 *  Palette aus jp-performance.de/css/style.css:
 *    #1d1d1b  Fast-Schwarz    #e21e14  Rot    #ffffff  Weiss
 */

html {
	--jp-ink: #1d1d1b;
	--jp-red: #e21e14;

	/* Kartenkoepfe schwarz statt eingefaerbtem Rot - naeher an der
	   Flaechenaufteilung von jp-performance.de */
	--panel-bg: var(--jp-ink) !important;
}

/* Kopfbereich: flacher schwarzer Streifen mit rotem Abschluss
----------------------------------------
   Zeina setzt hier 380px fuer ein Stockfoto. Ohne Bild ist das eine
   leere Flaeche, die den Inhalt unter die Falz drueckt. Die Wortmarke
   steht bereits in der Navigationsleiste, deshalb wird sie hier nicht
   wiederholt: sichtbar bleibt nur die Beschreibung, die Ueberschrift
   selbst wandert fuer Screenreader und Suchmaschinen aus dem Bild.
----------------------------------------*/
.header-section {
	height: auto !important;
	min-height: 0;
	border-bottom: 4px solid var(--jp-red);
}

.header-section .header-image {
	background: var(--jp-ink) !important;
	min-height: 0;
}

/* Der Textblock liegt bei Zeina absolut ueber dem Bild. Ohne Bildhoehe
   braucht er den normalen Fluss, sonst faellt er aus dem Streifen. */
.header-section > .absolute {
	position: static !important;
	background: var(--jp-ink);
	padding: 1.1rem 0 1rem;
}

.header-section h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.header-section p {
	margin: 0;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: .8125rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, .72);
}

/* Ueberschriften in der Anzeigeschrift
----------------------------------------*/
.card-title,
h2.solo,
.page-title {
	font-family: "Anton", "Arial Narrow", Impact, Inter, sans-serif;
	font-weight: 400;
	letter-spacing: .02em;
	text-transform: uppercase;
}

/* Rechtlicher Hinweis aus der Extension jpforum/footer
----------------------------------------*/
.jp-disclaimer {
	max-width: 62rem;
	margin: 0 auto .75rem;
	padding: 0 1rem;
	color: #6b7280;
	font-size: .8125rem;
	line-height: 1.5;
	text-align: center;
}