/**
 * Goerdes-Design: Footer
 *
 * Gestaltet den unteren Seitenbereich ruhig, schlicht und barrierearm.
 * Der Footer bekommt bewusst kein eigenes Hintergrundbild.
 * Grund: Der Header enthält bereits ein dekoratives Bild.
 * Der Footer soll die Seite ruhig abschließen und nicht mit dem Header konkurrieren.
 */

/* Anfang: Grundfläche des Footers

   Der Footer bekommt eine helle Fläche und eine klare obere Trennlinie.
   Dadurch ist er als eigener Seitenbereich erkennbar,
   ohne visuell schwer oder überladen zu wirken.
*/
.site-footer.goerdes-site-footer {
	margin-top: 4rem;
	padding: 2rem 1rem;
	background-color: var(--goerdes-color-surface, #ffffff);
	border-top: 0.125rem solid var(--goerdes-color-border, #cbd5e1);
	color: var(--goerdes-color-text, #111827);
}
/* Ende: Grundfläche des Footers */


/* Anfang: Innere Footer-Breite

   Der Footer-Inhalt orientiert sich an der normalen Lesebreite des Themes.
   Dadurch wirken Header-Inhalt, Hauptinhalt und Footer zusammengehörig.
*/
.goerdes-footer-inner {
	max-width: var(--responsive--aligndefault-width, 72ch);
	margin-left: auto;
	margin-right: auto;
}
/* Ende: Innere Footer-Breite */


/* Anfang: Footer-Hinweisbereich

   Der Hinweisbereich ist für kurze aktuelle Texte gedacht:
   besondere Tage, Hinweise auf neue Webseiten oder wichtige Nachrichten.
   Die Überschrift ist optional und wird nur ausgegeben,
   wenn im Customizer eine Überschrift und ein Hinweistext eingetragen sind.
   Mehrzeilige Hinweistexte werden als Absätze dargestellt.
   Die dezente orangefarbene Hinweisfläche nutzt die zentralen Farbvariablen.
*/
.goerdes-footer-notice {
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	background-color: var(--goerdes-color-notice-background, #fff7ed);
	border: 0.125rem solid var(--goerdes-color-notice-border, #b45309);
	border-radius: 0.5rem;
}

.goerdes-footer-notice__title {
	margin: 0 0 0.75rem;
	color: var(--goerdes-color-text-strong, #102033);
	font-size: 1.25rem;
	line-height: 1.3;
}

.goerdes-footer-notice__content {
	line-height: 1.7;
}

.goerdes-footer-notice__content p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.goerdes-footer-notice__content p:last-child {
	margin-bottom: 0;
}
/* Ende: Footer-Hinweisbereich */


/* Anfang: Sekundäres Footer-Menü

   Das sekundäre Menü steht unterhalb des Hinweisbereichs
   und oberhalb der Footer-Kennung.
   Die Liste bleibt schlicht, gut tastaturbedienbar und ohne unnötige Dekoration.
*/
.goerdes-footer-navigation {
	margin: 0 0 1.5rem;
	padding: 1rem 0 0;
	border-top: 0.0625rem solid var(--goerdes-color-border, #cbd5e1);
}

.goerdes-footer-navigation__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.goerdes-footer-navigation__list li {
	margin: 0;
	padding: 0;
}

.goerdes-footer-navigation a {
	color: var(--goerdes-color-link, #0f5f8f);
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.08em;
}

.goerdes-footer-navigation a:hover,
.goerdes-footer-navigation a:focus {
	color: var(--goerdes-color-link-hover, #083f63);
	text-decoration-thickness: 0.12em;
}

.goerdes-footer-navigation a:focus-visible {
	outline: 0.1875rem solid var(--goerdes-color-focus, #f97316);
	outline-offset: 0.1875rem;
	border-radius: 0.1875rem;
}
/* Ende: Sekundäres Footer-Menü */


/* Anfang: Footer-Kennung

   Die Footer-Kennung ersetzt die Standardausgabe von Twenty Twenty-One.
   Sie enthält bewusst keine Links zur Startseite, zur Datenschutzerklärung
   oder zu WordPress.
*/
.goerdes-footer-credit {
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--goerdes-color-text-muted, #4b5563);
}

.goerdes-footer-credit__text {
	margin: 0;
}
/* Ende: Footer-Kennung */