/*
 * IPV-WAWI: Abweichungen gegenueber dem ipv-Store-Theme (03.09.2026)
 *
 * Alles in dieser Datei ist bewusst anders als im ipv-Store. Der uebrige Theme-Code bleibt
 * unveraendert, damit sich beide Themes vergleichen lassen und klar bleibt, was Absicht ist
 * und was auseinandergelaufen ist.
 *
 * Drei Punkte, Nutzervorgabe 03.09.2026:
 *   1. Der dunkle Kopfbalken mit Seitentitel und Brotkruemeln entfaellt
 *      (ueber die Theme-Einstellung "display_page_header", hier nur zur Sicherheit).
 *   2. Die Inhaltsflaeche traegt dieselbe Farbe wie der Seitenhintergrund - kein weisser
 *      Kasten mehr, keine sichtbare Kante.
 *   3. Der Fuss bleibt vollstaendig erhalten (Footer 1-4, Kontaktzeile), aber hell:
 *      dunkle Schrift, dunkle Zeichen, feine Trennlinien.
 */

/* --- 1. Kopfbalken ------------------------------------------------------------------------ */
.os-breadcrumb-wrap { display: none; }

/* --- 2. Inhaltsflaeche in der Hintergrundfarbe -------------------------------------------- */
.inner-page-wrap .editor-entry,
.inner-page-wrap .inner-content-metas {
	background-color: transparent;
	box-shadow: none;
}

/* --- 3. Der Fuss: hell statt dunkel -------------------------------------------------------- */
.footer,
.footer .footer-inner,
.footer .footer-mask {
	background: #f1f3f7;
	color: #1d232b;
}
.footer { border-top: 1px solid #dfe3e8; }

/* Ueberschriften der vier Spalten */
.footer .widget .widget-title h3,
.footer .widget-title h3,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
	color: #1d232b;
}

/* Fliesstext, Listen und Verweise */
.footer p,
.footer li,
.footer span,
.footer address,
.footer a,
.footer .widget a,
.footer .widget_nav_menu li a,
.footer .textwidget {
	color: #444c56;
}
.footer a:hover,
.footer .widget a:hover,
.footer .widget_nav_menu li a:hover {
	color: #c8102e;
}

/* Zeichen der Kontaktzeile (Ort, Telefon, Post, Uhrzeit) */
.footer i,
.footer .bx,
.footer svg {
	color: #1d232b;
	fill: #1d232b;
}

/* Trennlinie ueber der Schlusszeile und feiner Rahmen um die Kontaktzeile */
.footer .footer-bottom,
.footer .footer-contact,
.footer .footer-top + * {
	border-top: 1px solid #dfe3e8;
}

/* Flaechen, die im dunklen Fuss abgesetzt waren, wuerden hier als graue Kloetze stehen */
.footer .nice-select,
.footer .nice-select .list,
.footer .social-icons ul li a,
.footer button,
.footer input[type=button],
.footer input[type=submit] {
	background: #e7eaef;
	color: #1d232b;
}
.footer .social-icons ul li a:hover {
	background: #dfe3e8;
	color: #c8102e;
}

/* --- 1b. Titel und Brotkruemel --------------------------------------------------------------
 * Ist der Kopfbalken abgeschaltet, setzt die Seitenvorlage den Titel stattdessen an den Anfang
 * des Inhalts und der Brotkruemelpfad rutscht darueber. Beides soll weg (Nutzervorgabe
 * 03.09.2026): Die Seite beginnt mit ihrer eigenen Ueberschrift.
 */
.inner-page-wrap .entry-title.page-title,
.os-page-breadcrumb-wrap,
.breadcrumb-trail {
	display: none;
}

/* --- 2b. Auch der aeussere Kasten traegt keine eigene Farbe mehr ------------------------- */
.inner-page-wrap .site-main article,
.inner-page-wrap .site-main .type-page,
.inner-page-wrap .content-area,
.inner-page-wrap .site-main {
	background: transparent;
	box-shadow: none;
}
.inner-page-wrap .editor-entry { padding-left: 0; padding-right: 0; }

/* --- 3b. Nachtrag: was das Haupt-Stylesheet staerker setzt ---------------------------------
 * Die Spaltenueberschriften, die Kontaktzeile und die Schlusszeile bringen im ipv-Store eigene
 * Regeln mit, die heller sind als die Grundfarbe. Im hellen Fuss sind sie dadurch unlesbar -
 * deshalb hier ausdruecklich nachgezogen (03.09.2026).
 */
.footer .widget .widget-title h3,
.footer .widget-title h3,
.footer .widget h3,
.footer .os-about-widget .social-icons ul li a {
	color: #1d232b !important;
}

/* Die Kontaktzeile war ein abgesetzter dunkler Balken - jetzt hell mit feinem Rahmen. */
.footer .footer-contact {
	background: transparent;
	border: 1px solid #dfe3e8;
	border-radius: 6px;
	color: #1d232b;
}
.footer .footer-contact .footer-item,
.footer .footer-contact a,
.footer .footer-contact i {
	color: #1d232b !important;
}
.footer .footer-contact a:hover { color: #c8102e !important; }

/* Schlusszeile ("... Theme by ...") */
.footer .footer-bottom,
.footer .footer-bottom a,
.footer .copyrights-col,
.footer .copyrights-col a {
	color: #5d6774 !important;
}
.footer .footer-bottom a:hover { color: #c8102e !important; }

/* --- 2c. Nachtrag: die Flaeche kam trotzdem weiss --------------------------------------------
 * Das Haupt-Stylesheet setzt .editor-entry in einer sehr langen Selektorliste auf Weiss; je nach
 * Ladereihenfolge der uebrigen Stylesheets gewinnt sie. Deshalb hier ausdruecklich (03.09.2026).
 */
.editor-entry,
.inner-content-metas,
.inner-page-wrap .editor-entry {
	background-color: transparent !important;
}

/* --- 4. Rueckweg auf den Unterseiten ---------------------------------------------------------
 * Jede Unterseite der Reiterseite endet mit einem Rueckweg. Ohne ihn ist die Seite eine
 * Sackgasse: Der Besucher kommt ueber einen Reiter hin und findet nicht zurueck
 * (Nutzerbefund 04.09.2026).
 */
.ipvw-zurueck {
	margin: 44px 0 0;
	padding-top: 22px;
	border-top: 1px solid #dfe3e8;
}
.ipvw-zurueck a {
	color: #c8102e;
	text-decoration: none;
	font-weight: 600;
}
.ipvw-zurueck a:hover { text-decoration: underline; }
