/* Portal-Rahmen: Brotkrumen und Footer.
   Wird auf ALLEN Seiten eingebunden (Portal-Seiten über header.php, Tools und
   andere Seiten automatisch über includes/portal_layout.php).
   Bewusst unabhängig von style.css und ohne CSS-Variablen, damit es auch in
   Tools mit eigenem Design (und strenger Content-Security-Policy) gleich aussieht. */

/* ---------- Brotkrumen ---------- */
.pf-breadcrumb {
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #6b7280;
	text-align: left;
}

.pf-breadcrumb *,
.pf-breadcrumb *::before {
	box-sizing: border-box;
}

/* Auf Seiten mit fremdem Layout: Abstand zum Inhalt darunter */
.pf-breadcrumb-top {
	margin-bottom: 20px;
}

.pf-breadcrumb-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 8px 20px;
}

.pf-breadcrumb ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px 0;
}

.pf-breadcrumb li {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.pf-breadcrumb li + li::before {
	content: "›";
	margin: 0 8px;
	color: #9ca3af;
}

.pf-breadcrumb a {
	color: #2f6f4f;
	text-decoration: none;
}

.pf-breadcrumb a:hover {
	text-decoration: underline;
}

.pf-breadcrumb [aria-current="page"] {
	color: #1b2430;
	font-weight: 600;
}

/* ---------- Footer (gleiche Optik wie auf der Startseite, aber mitlaufend) ---------- */
.pf-footer {
	box-sizing: border-box;
	clear: both;
	width: 100%;
	margin-top: 24px;
	padding: 12px 0;
	background: #fff;
	border-top: 1px solid #e5e7eb;
	font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}

.pf-footer *,
.pf-footer *::before {
	box-sizing: border-box;
}

.pf-footer .footer-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px 16px;
}

.pf-footer .footer-links a {
	color: #6b7280;
	text-decoration: none;
	margin-right: 15px;
	font-size: 12px;
}

.pf-footer .footer-links a:hover {
	color: #2f6f4f;
	text-decoration: none;
}

.pf-footer .footer-info {
	color: #6b7280;
	font-size: 12px;
}

@media (max-width: 768px) {
	.pf-breadcrumb-inner {
		padding: 8px 14px;
	}

	.pf-footer .footer-container {
		flex-direction: column;
		text-align: center;
	}
}