/*
Theme Name: GEPOC 2026
Theme URI: https://gepoc.de/
Description: Child-Theme von Twenty Twenty-Five im Corporate Design GEPOC 2026. Schwarz #000000 und Reingelb #FFE000, Schrift Inter lokal, Kopf mit Kontaktzeile, Fuß mit Impressum, Datenschutz, Facebook und LinkedIn, Handy-Menü, Polylang-fähig.
Author: GEPOC Gesellschaft für Polymerchemie mbH
Author URI: https://gepoc.de/
Template: twentytwentyfive
Version: 1.0.4
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gepoc-2026
*/

/*
 * Farbregeln (LIESMICH Corporate Design):
 * 1. Gelb trägt nie Text auf hellem Grund. Gelb ist Fläche, Linie, Fokusring.
 * 2. Keine Diagonalen.
 * 3. Gelbanteil unter fünf Prozent der sichtbaren Fläche.
 * 4. Nie etwa gleiche Flächenanteile von Schwarz und Gelb.
 */

:root {
	--gepoc-gelb: #FFE000;
	--gepoc-schwarz: #000000;
	--gepoc-weiss: #FFFFFF;
	--gepoc-flaeche: #F5F5F3;
	--gepoc-linie: #D9D9D4;
	--gepoc-grau: #595959;
	--gepoc-grau-dunkel: #BFBFBA;
	--gepoc-breite: 1200px;
	--gepoc-rand: clamp(1rem, 4vw, 2rem);
}

html { scroll-padding-top: 1rem; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Kein Abstand zwischen Kopf, Inhalt und Fuß */
.wp-site-blocks > * + * { margin-block-start: 0; }
.gepoc-hauptbereich { padding-bottom: 0; }

.gepoc-innen {
	box-sizing: border-box;
	max-width: calc(var(--gepoc-breite) + 2 * var(--gepoc-rand));
	margin-inline: auto;
	padding-inline: var(--gepoc-rand);
}

/* ---------- Fokus: zweifarbiger Ring, auf jedem Grund sichtbar ---------- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--gepoc-gelb);
	outline-offset: 2px;
	box-shadow: 0 0 0 5px var(--gepoc-schwarz);
}
.gepoc-fuss :focus-visible,
.gepoc-kontaktzeile :focus-visible,
.gepoc-startflaeche :focus-visible {
	box-shadow: 0 0 0 5px var(--gepoc-weiss);
}

/* ---------- Links im Inhalt ---------- */
.gepoc-hauptbereich a:where(:not(.wp-element-button)) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
.gepoc-hauptbereich a:where(:not(.wp-element-button)):hover {
	background: var(--gepoc-gelb);
	color: var(--gepoc-schwarz);
	text-decoration-color: var(--gepoc-schwarz);
}

/* ================= Kopfbereich ================= */
.gepoc-kontaktzeile {
	background: var(--gepoc-schwarz);
	color: var(--gepoc-weiss);
	font-size: 0.875rem;
	line-height: 1.4;
}
.gepoc-kontaktzeile .gepoc-innen {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	min-height: 2.25rem;
}
.gepoc-kontaktzeile ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.gepoc-kontaktzeile a {
	color: var(--gepoc-weiss);
	text-decoration: none;
	padding-block: 0.4rem;
	display: inline-block;
}
.gepoc-kontaktzeile a:hover { color: var(--gepoc-gelb); }
.gepoc-sprachwahl { gap: 0.25rem 0.9rem !important; font-weight: 500; }
.gepoc-sprachwahl a { color: var(--gepoc-grau-dunkel); }
.gepoc-sprachwahl a[aria-current="true"] {
	color: var(--gepoc-weiss);
	box-shadow: inset 0 -2px 0 var(--gepoc-gelb);
}

.gepoc-hauptkopf {
	background: var(--gepoc-weiss);
	border-bottom: 1px solid var(--gepoc-linie);
}
.gepoc-hauptkopf .gepoc-innen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: 5.25rem;
}
.gepoc-logo { display: block; line-height: 0; flex-shrink: 0; }
.gepoc-logo img { width: 210px; height: auto; }

.gepoc-nav .gepoc-menue,
.gepoc-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.gepoc-nav .gepoc-menue {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0 1.6rem;
}
.gepoc-nav li { position: relative; }
.gepoc-nav a {
	display: block;
	padding: 0.65rem 0;
	color: var(--gepoc-schwarz);
	text-decoration: none;
	font-weight: 500;
	font-size: 0.975rem;
	box-shadow: inset 0 -3px 0 transparent;
	transition: box-shadow 0.15s ease;
}
.gepoc-nav a:hover { box-shadow: inset 0 -3px 0 var(--gepoc-schwarz); }
.gepoc-nav .current-menu-item > a,
.gepoc-nav .current-menu-ancestor > a,
.gepoc-nav .current_page_item > a,
.gepoc-nav .current_page_ancestor > a,
.gepoc-nav [aria-current="page"] {
	box-shadow: inset 0 -3px 0 var(--gepoc-gelb);
}

/* Untermenüs auf breiten Bildschirmen */
@media (min-width: 960px) {
	.gepoc-nav .sub-menu,
	.gepoc-nav .children {
		position: absolute;
		top: 100%;
		left: -1rem;
		z-index: 50;
		min-width: 15rem;
		padding: 0.5rem 0;
		background: var(--gepoc-weiss);
		border: 1px solid var(--gepoc-linie);
		border-top: 3px solid var(--gepoc-schwarz);
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
		opacity: 0;
		visibility: hidden;
		transform: translateY(4px);
		transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	}
	.gepoc-nav li:hover > .sub-menu,
	.gepoc-nav li:focus-within > .sub-menu,
	.gepoc-nav li:hover > .children,
	.gepoc-nav li:focus-within > .children {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.gepoc-nav .sub-menu a,
	.gepoc-nav .children a {
		padding: 0.55rem 1rem;
		font-weight: 400;
		box-shadow: none;
	}
	.gepoc-nav .sub-menu a:hover,
	.gepoc-nav .children a:hover { background: var(--gepoc-flaeche); box-shadow: inset 3px 0 0 var(--gepoc-schwarz); }
	.gepoc-nav .sub-menu .current-menu-item > a { box-shadow: inset 3px 0 0 var(--gepoc-gelb); }
	.gepoc-menue-knopf { display: none; }
}

/* Handy-Menü */
.gepoc-menue-knopf { display: none; }
@media (max-width: 959.98px) {
	.gepoc-hauptkopf .gepoc-innen { flex-wrap: wrap; min-height: 4.25rem; gap: 0 1rem; }
	.gepoc-logo img { width: 170px; }
	.gepoc-kontaktzeile .gepoc-kontakt { gap: 0 1rem; }

	.gepoc-js .gepoc-menue-knopf {
		display: inline-flex;
		align-items: center;
		gap: 0.6rem;
		min-height: 2.75rem;
		padding: 0.5rem 0.9rem;
		background: var(--gepoc-weiss);
		color: var(--gepoc-schwarz);
		border: 2px solid var(--gepoc-schwarz);
		border-radius: 0;
		font: inherit;
		font-weight: 500;
		font-size: 0.95rem;
		cursor: pointer;
	}
	.gepoc-menue-symbol,
	.gepoc-menue-symbol span,
	.gepoc-menue-symbol::before,
	.gepoc-menue-symbol::after {
		display: block;
		width: 18px;
		height: 2px;
		background: currentColor;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}
	.gepoc-menue-symbol { position: relative; background: transparent; height: 14px; }
	.gepoc-menue-symbol span { position: absolute; top: 6px; }
	.gepoc-menue-symbol::before,
	.gepoc-menue-symbol::after { content: ""; position: absolute; left: 0; }
	.gepoc-menue-symbol::before { top: 0; }
	.gepoc-menue-symbol::after { bottom: 0; }
	.gepoc-menue-knopf[aria-expanded="true"] .gepoc-menue-symbol span { opacity: 0; }
	.gepoc-menue-knopf[aria-expanded="true"] .gepoc-menue-symbol::before { transform: translateY(6px) rotate(45deg); }
	.gepoc-menue-knopf[aria-expanded="true"] .gepoc-menue-symbol::after { transform: translateY(-6px) rotate(-45deg); }

	.gepoc-nav { flex-basis: 100%; }
	.gepoc-js .gepoc-nav { display: none; }
	.gepoc-js .gepoc-nav.ist-offen { display: block; }
	.gepoc-nav .gepoc-menue {
		display: block;
		padding-bottom: 1rem;
		border-top: 1px solid var(--gepoc-linie);
	}
	.gepoc-nav li { border-bottom: 1px solid var(--gepoc-linie); }
	.gepoc-nav a {
		padding: 0.85rem 0;
		font-size: 1.05rem;
		box-shadow: none !important;
	}
	.gepoc-nav .current-menu-item > a,
	.gepoc-nav .current_page_item > a {
		padding-left: 0.75rem;
		border-left: 4px solid var(--gepoc-gelb);
	}
	.gepoc-nav .sub-menu,
	.gepoc-nav .children { padding-left: 1rem; border-top: 1px solid var(--gepoc-linie); }
	.gepoc-nav .sub-menu li:last-child,
	.gepoc-nav .children li:last-child { border-bottom: 0; }
	.gepoc-nav .sub-menu a,
	.gepoc-nav .children a { font-weight: 400; font-size: 1rem; }
}

/* ================= Seitenkopf der Inhaltsseiten ================= */
.gepoc-seitenkopf {
	background: var(--gepoc-flaeche);
	padding-top: clamp(2.5rem, 6vw, 4.5rem);
	padding-bottom: clamp(2rem, 5vw, 3.5rem);
	margin-bottom: clamp(2rem, 5vw, 3.5rem);
	border-bottom: 1px solid var(--gepoc-linie);
}
.gepoc-seitenkopf .wp-block-post-title,
.gepoc-seitenkopf h1 { margin: 0; }
.gepoc-seitenkopf .wp-block-post-title::after,
.gepoc-seitenkopf h1::after {
	content: "";
	display: block;
	width: 64px;
	height: 4px;
	margin-top: 1.1rem;
	background: var(--gepoc-gelb);
}
.gepoc-datum { color: var(--gepoc-grau); font-size: 0.875rem; }
.gepoc-inhalt { padding-bottom: clamp(3rem, 7vw, 5rem); }
.gepoc-inhalt > .alignfull:last-child { margin-bottom: calc(-1 * clamp(3rem, 7vw, 5rem)); }

/* ================= Startfläche ================= */
.gepoc-startflaeche {
	background: var(--gepoc-schwarz);
	color: var(--gepoc-weiss);
	padding-top: clamp(3.5rem, 9vw, 7rem) !important;
	padding-bottom: clamp(3.5rem, 9vw, 7rem) !important;
	margin-top: 0 !important;
}
.gepoc-startflaeche > * { max-width: 52rem !important; margin-left: max(0px, calc((100% - 1200px) / 2)) !important; }
.gepoc-startflaeche h1,
.gepoc-startflaeche h2 { color: var(--gepoc-weiss); }
.gepoc-start-titel {
	font-size: clamp(2.1rem, 5.2vw, 3.6rem) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.02em !important;
	margin-top: 0.5rem !important;
}
.gepoc-startflaeche .gepoc-dachzeile { color: var(--gepoc-grau-dunkel); }
.gepoc-start-text {
	font-size: clamp(1.1rem, 1.6vw, 1.3rem);
	color: #E6E6E1;
	line-height: 1.55;
}
.gepoc-start-knoepfe { margin-top: 2rem !important; gap: 0.75rem; }

hr.gepoc-gelbstrich,
.wp-block-separator.gepoc-gelbstrich {
	width: 64px !important;
	max-width: 64px !important;
	height: 4px;
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
	border: 0 !important;
	background: var(--gepoc-gelb) !important;
	opacity: 1;
}

/* Knöpfe */
.wp-block-button .wp-block-button__link { transition: background-color 0.15s ease, color 0.15s ease; }
.gepoc-knopf-hell .wp-block-button__link {
	background: var(--gepoc-weiss);
	color: var(--gepoc-schwarz);
	border-color: var(--gepoc-weiss);
}
.gepoc-knopf-hell .wp-block-button__link:hover {
	background: var(--gepoc-schwarz);
	color: var(--gepoc-weiss);
	border-color: var(--gepoc-weiss);
}
.gepoc-knopf-rahmen .wp-block-button__link {
	background: transparent;
	color: var(--gepoc-weiss);
	border-color: var(--gepoc-weiss);
}
.gepoc-knopf-rahmen .wp-block-button__link:hover {
	background: var(--gepoc-weiss);
	color: var(--gepoc-schwarz);
}
.gepoc-knopf-rahmen-dunkel .wp-block-button__link {
	background: transparent;
	color: var(--gepoc-schwarz);
	border-color: var(--gepoc-schwarz);
}
.gepoc-knopf-rahmen-dunkel .wp-block-button__link:hover {
	background: var(--gepoc-schwarz);
	color: var(--gepoc-weiss);
}

/* Kennzahlen */
.gepoc-kennzahlen {
	margin-top: 0 !important;
	padding-top: clamp(2rem, 5vw, 3rem);
	padding-bottom: clamp(2rem, 5vw, 3rem);
	border-bottom: 1px solid var(--gepoc-linie);
}
.gepoc-kennzahlen .wp-block-columns { gap: clamp(1.5rem, 4vw, 3rem); margin: 0; }
.gepoc-kennzahlen .wp-block-column { border-top: 1px solid var(--gepoc-linie); padding-top: 1rem; }
.gepoc-kennzahlen .wp-block-column p { margin: 0; color: var(--gepoc-grau); }
.gepoc-kennzahlen .wp-block-column p.gepoc-zahl {
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--gepoc-schwarz);
	margin-bottom: 0.4rem;
}
.gepoc-kennzahlen .wp-block-column p.gepoc-zahl::before {
	content: "";
	display: block;
	width: 32px;
	height: 3px;
	margin: -1.07rem 0 0.9rem;
	background: var(--gepoc-gelb);
}

/* ================= Abschnitte und Karten ================= */
.gepoc-abschnitt {
	margin-top: 0 !important;
	padding-top: clamp(3rem, 7vw, 5rem);
	padding-bottom: clamp(3rem, 7vw, 5rem);
}
.gepoc-abschnitt + .gepoc-abschnitt:not(.gepoc-flaeche):not(.gepoc-ansprache) { padding-top: 0; }
.gepoc-abschnitt > h2:first-child { margin-top: 0; }
.gepoc-flaeche { background: var(--gepoc-flaeche); }
.gepoc-einleitung { font-size: clamp(1.1rem, 1.6vw, 1.3rem); max-width: 48rem; margin-bottom: 2.5rem !important; }

.gepoc-dachzeile {
	font-size: 0.8125rem !important;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gepoc-grau);
	margin-bottom: 0.25rem !important;
}

.gepoc-raster { gap: 1.5rem !important; margin-bottom: 1.5rem !important; }
.gepoc-raster > .wp-block-column { display: flex; }
.gepoc-karte,
.gepoc-partner {
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: clamp(1.5rem, 3vw, 2rem);
	background: var(--gepoc-weiss);
	border: 1px solid var(--gepoc-linie);
	border-top: 3px solid var(--gepoc-schwarz);
	transition: border-color 0.15s ease;
}
.gepoc-flaeche .gepoc-karte { border-color: var(--gepoc-weiss); border-top-color: var(--gepoc-schwarz); }
.gepoc-karte:hover,
.gepoc-partner:hover { border-top-color: var(--gepoc-gelb); }
.gepoc-karte > *,
.gepoc-partner > * { margin-block: 0; }
.gepoc-karte > * + *,
.gepoc-partner > * + * { margin-top: 0.75rem; }
.gepoc-karte h3,
.gepoc-partner h3 { margin-top: 0.25rem; }
.gepoc-karte .gepoc-mehr { margin-top: auto; padding-top: 1rem; }
.gepoc-mehr a,
.gepoc-partner-link {
	font-weight: 500;
	text-decoration: none !important;
	box-shadow: inset 0 -2px 0 var(--gepoc-schwarz);
}
.gepoc-mehr a::after,
.gepoc-partner-link::after { content: " \203A"; }

/* Bestehende Inhalte (Klassen aus den Blocktexten de/ und en/) */
.gepoc-partner-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
	gap: 1.5rem;
	margin-block: 1.5rem;
}
.gepoc-partner-rolle {
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gepoc-grau);
}
.gepoc-partner .gepoc-partner-link { margin-top: auto; padding-top: 1rem; align-self: flex-start; }

/* Ansprache */
.gepoc-ansprache {
	background: var(--gepoc-flaeche);
	border-top: 1px solid var(--gepoc-linie);
}
.gepoc-ansprache > * { max-width: 46rem; margin-left: max(0px, calc((100% - 1200px) / 2)) !important; }
.gepoc-klein { font-size: 0.9375rem; color: var(--gepoc-grau); }

/* Kontakt */
.gepoc-kontakt-spalten { gap: clamp(1.5rem, 4vw, 3rem) !important; }
.gepoc-flaeche-karte {
	background: var(--gepoc-flaeche);
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border-top: 3px solid var(--gepoc-schwarz);
}
.gepoc-flaeche-karte h2 { font-size: 1.375rem; margin-top: 0; }
.gepoc-kontakt-spalten h2 { margin-top: 0; }

/* ================= Formulare (Contact Form 7) ================= */
.wpcf7 label { display: block; font-weight: 500; font-size: 0.95rem; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea,
.wp-block-search__input {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0.35rem;
	padding: 0.75rem 0.9rem;
	font: inherit;
	color: var(--gepoc-schwarz);
	background: var(--gepoc-weiss);
	border: 1px solid #8C8C88;
	border-radius: 0;
}
.wpcf7 input:hover,
.wpcf7 textarea:hover { border-color: var(--gepoc-schwarz); }
.wpcf7 textarea { min-height: 10rem; }
.wpcf7 input[type="submit"],
.wp-block-search__button {
	padding: 0.85rem 1.75rem;
	font: inherit;
	font-weight: 500;
	color: var(--gepoc-weiss);
	background: var(--gepoc-schwarz);
	border: 2px solid var(--gepoc-schwarz);
	border-radius: 0;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--gepoc-weiss); color: var(--gepoc-schwarz); }
.wpcf7 .wpcf7-not-valid { border-color: #B00020; }
.wpcf7-not-valid-tip { color: #B00020; font-size: 0.875rem; }
.wpcf7 form .wpcf7-response-output {
	margin: 1.5rem 0 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--gepoc-linie);
	border-left: 4px solid var(--gepoc-schwarz);
	background: var(--gepoc-flaeche);
}
.wpcf7 form.sent .wpcf7-response-output { border-left-color: var(--gepoc-gelb); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output { border-left-color: #B00020; }

/* ================= Fußbereich ================= */
.gepoc-fuss {
	background: var(--gepoc-schwarz);
	color: var(--gepoc-grau-dunkel);
	font-size: 0.9375rem;
	line-height: 1.6;
	border-top: 4px solid var(--gepoc-gelb);
}
.gepoc-fuss a { color: var(--gepoc-weiss); text-decoration: none; }
.gepoc-fuss a:hover { color: var(--gepoc-gelb); }
.gepoc-fuss-raster {
	display: grid;
	grid-template-columns: 1.4fr 1.2fr 1.2fr 0.8fr;
	gap: 2rem;
	padding-top: clamp(2.5rem, 6vw, 4rem);
	padding-bottom: clamp(2rem, 5vw, 3rem);
}
.gepoc-fuss h2 {
	margin: 0 0 0.75rem;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gepoc-weiss);
}
.gepoc-fuss p,
.gepoc-fuss address { margin: 0 0 0.75rem; font-style: normal; }
.gepoc-fuss-marke img { width: 200px; height: auto; display: block; margin-bottom: 1rem; }
.gepoc-fuss-liste,
.gepoc-fuss-recht { margin: 0; padding: 0; list-style: none; }
.gepoc-fuss-liste li + li { margin-top: 0.35rem; }
.gepoc-fuss-unten {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem 2rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	border-top: 1px solid #333333;
	font-size: 0.875rem;
}
.gepoc-fuss-unten p { margin: 0; }
.gepoc-fuss-recht { display: flex; gap: 1.5rem; }

@media (max-width: 959.98px) {
	.gepoc-fuss-raster { grid-template-columns: 1fr 1fr; }
	.gepoc-fuss-marke { grid-column: 1 / -1; }
}
@media (max-width: 599.98px) {
	.gepoc-fuss-raster { grid-template-columns: 1fr; gap: 1.5rem; }
	.gepoc-kontaktzeile .gepoc-innen { flex-wrap: wrap; gap: 0 1rem; }
}

/* ================= Sonstiges ================= */
.wp-block-post-featured-image img { width: 100%; height: auto; }
.gepoc-beitragsliste .wp-block-post-title a { text-decoration: none; }
.wp-block-table table { border-collapse: collapse; }
.wp-block-table th { background: var(--gepoc-flaeche); text-align: left; }
.wp-block-table td, .wp-block-table th { border: 1px solid var(--gepoc-linie); padding: 0.6rem 0.8rem; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

@media print {
	.gepoc-kontaktzeile, .gepoc-nav, .gepoc-menue-knopf, .gepoc-start-knoepfe, .gepoc-ansprache .wp-block-buttons { display: none !important; }
	.gepoc-startflaeche, .gepoc-fuss { background: #FFFFFF !important; color: #000000 !important; }
	.gepoc-startflaeche h1, .gepoc-start-text, .gepoc-fuss a, .gepoc-fuss h2 { color: #000000 !important; }
	.gepoc-fuss-marke img { display: none; }
	a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.8em; }
}


/* ================= 1.0.1: Ausrichtung am 1200er Raster ================= */
.gepoc-seitenkopf > * { max-width: var(--gepoc-breite) !important; }
.gepoc-inhalt > .gepoc-abschnitt:first-child,
.gepoc-inhalt > .gepoc-startflaeche:first-child { margin-top: calc(-1 * clamp(2rem, 5vw, 3.5rem)) !important; }
.gepoc-inhalt > .gepoc-abschnitt:first-child { padding-top: clamp(2rem, 5vw, 3.5rem); }
.gepoc-abschnitt > p,
.gepoc-abschnitt > ul,
.gepoc-abschnitt > ol {
	max-width: 48rem !important;
	margin-left: max(0px, calc((100% - var(--gepoc-breite)) / 2)) !important;
}
@media (max-width: 959.98px) {
	.gepoc-hauptkopf .gepoc-innen { min-height: 0; padding-top: 0.75rem; padding-bottom: 0.75rem; row-gap: 0.75rem; }
	.gepoc-nav .gepoc-menue { padding-bottom: 0.25rem; }
}

/* ================= 1.0.2: Abschnittsfolge, Partner, Galerie ================= */
.gepoc-abschnitt + .gepoc-abschnitt:not(.gepoc-flaeche):not(.gepoc-ansprache) { padding-top: clamp(3rem, 7vw, 5rem); }
.gepoc-abschnitt:not(.gepoc-flaeche):not(.gepoc-ansprache) + .gepoc-abschnitt:not(.gepoc-flaeche):not(.gepoc-ansprache) { padding-top: 0; }
.gepoc-abschnitt > .wp-block-image:not(.alignwide):not(.alignfull) {
	max-width: 48rem !important;
	margin-left: max(0px, calc((100% - var(--gepoc-breite)) / 2)) !important;
}
.gepoc-partnerlogo { margin: 0 0 1.25rem !important; }
.gepoc-partnerlogo img { display: block; height: 64px; width: auto; max-width: 100%; object-fit: contain; }
.gepoc-galerie.wp-block-gallery.has-nested-images { gap: 1.25rem !important; margin-block: 2rem !important; }
.gepoc-galerie.wp-block-gallery.has-nested-images figure.wp-block-image { flex-direction: column; justify-content: flex-start; }
.gepoc-galerie.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img { flex: none; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.gepoc-galerie.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { display: none; }
.gepoc-galerie.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: static;
	max-height: none;
	overflow: visible;
	margin: 0;
	padding: 0.5rem 0 0;
	background: none;
	color: var(--gepoc-grau);
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: left;
	text-shadow: none;
}

/* Lange Adressen brechen um */
.gepoc-hauptbereich :where(p, li, td, address, figcaption) { overflow-wrap: break-word; }
.gepoc-hauptbereich a[href^="http"] { overflow-wrap: anywhere; }
.gepoc-hauptbereich .wp-block-table { overflow-x: auto; }

/* ================= 1.0.3: Zweiteilung Startseite ================= */
.gepoc-zweiteilung { padding-top: clamp(2.5rem, 6vw, 4rem) !important; padding-bottom: clamp(2.5rem, 6vw, 4rem) !important; }
.gepoc-weiche { gap: 1.5rem !important; margin: 0 !important; }
.gepoc-weiche > .wp-block-column { display: flex; }
.gepoc-bereich {
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: clamp(1.75rem, 4vw, 2.75rem);
	background: var(--gepoc-flaeche);
	border-top: 4px solid var(--gepoc-schwarz);
}
.gepoc-bereich > * { margin-block: 0; }
.gepoc-bereich > * + * { margin-top: 1rem; }
.gepoc-bereich h2 { font-size: clamp(1.75rem, 3.2vw, 2.4rem); letter-spacing: -0.02em; }
.gepoc-bereich h2::after { content: ""; display: block; width: 48px; height: 4px; margin-top: 0.9rem; background: var(--gepoc-gelb); }
.gepoc-bereich .wp-block-buttons { margin-top: auto; padding-top: 1.75rem; }
.gepoc-linkliste { list-style: none; padding: 0; border-top: 1px solid var(--gepoc-linie); }
.gepoc-linkliste li { border-bottom: 1px solid var(--gepoc-linie); }
.gepoc-hauptbereich .gepoc-linkliste a {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.8rem 0;
	font-weight: 500;
	text-decoration: none;
	transition: padding 0.15s ease, box-shadow 0.15s ease;
}
.gepoc-hauptbereich .gepoc-linkliste a::after { content: "\203A"; }
.gepoc-hauptbereich .gepoc-linkliste a:hover { background: transparent; padding-left: 0.75rem; box-shadow: inset 3px 0 0 var(--gepoc-gelb); }

/* ================= 1.0.4: Logo, Gelbsystem, Signet ================= */
/*
 * Zwei gelbe Elemente, sonst keins:
 * 1. Akzentstrich 64 x 6 px, reines Gelb, nur auf Schwarz.
 * 2. Randstreifen 6 px, ein Drittel Gelb, zwei Drittel Schwarz, auf hellem Grund.
 *    Gleiche Logik wie der Randstreifen des Briefbogens. Keine Diagonalen.
 */
:root {
	--gepoc-strich: 6px;
	--gepoc-randstreifen: linear-gradient(to right, var(--gepoc-gelb) 0 33.333%, var(--gepoc-schwarz) 33.333% 100%);
}

/* Logo */
.gepoc-logo img { width: 260px; }
@media (min-width: 960px) {
	.gepoc-hauptkopf .gepoc-innen { min-height: 6rem; align-items: stretch; }
	.gepoc-logo { align-self: center; }
	.gepoc-nav { display: flex; }
	.gepoc-nav > .gepoc-menue,
	.gepoc-nav > div > .gepoc-menue { height: 100%; align-items: stretch; }
	.gepoc-nav > .gepoc-menue > li,
	.gepoc-nav > div > .gepoc-menue > li { display: flex; }
	.gepoc-nav > .gepoc-menue > li > a,
	.gepoc-nav > div > .gepoc-menue > li > a { display: flex; align-items: center; padding: 0; box-shadow: inset 0 -4px 0 transparent; }
	.gepoc-nav > .gepoc-menue > li > a:hover,
	.gepoc-nav > div > .gepoc-menue > li > a:hover { box-shadow: inset 0 -2px 0 var(--gepoc-schwarz); }
	.gepoc-nav > .gepoc-menue > .current-menu-item > a,
	.gepoc-nav > .gepoc-menue > .current-menu-ancestor > a,
	.gepoc-nav > div > .gepoc-menue > .current_page_item > a,
	.gepoc-nav > div > .gepoc-menue > .current_page_ancestor > a { box-shadow: inset 0 -4px 0 var(--gepoc-gelb) !important; }
	.gepoc-hauptkopf { position: relative; }
}
@media (max-width: 959.98px) {
	.gepoc-logo img { width: 190px; }
}
.gepoc-sprachwahl a[aria-current="true"] { box-shadow: inset 0 -3px 0 var(--gepoc-gelb); }

/* Akzentstrich auf Schwarz */
hr.gepoc-gelbstrich,
.wp-block-separator.gepoc-gelbstrich { width: 64px !important; max-width: 64px !important; height: var(--gepoc-strich) !important; }
.gepoc-fuss { border-top-width: var(--gepoc-strich); }

/* Randstreifen auf hellem Grund */
.gepoc-seitenkopf .wp-block-post-title::after,
.gepoc-seitenkopf h1::after {
	width: 96px;
	height: var(--gepoc-strich);
	background: var(--gepoc-randstreifen);
}
.gepoc-karte,
.gepoc-partner,
.gepoc-bereich,
.gepoc-flaeche-karte {
	border-top: 0 !important;
	background-image: var(--gepoc-randstreifen);
	background-size: 100% var(--gepoc-strich);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: calc(clamp(1.5rem, 3vw, 2rem) + var(--gepoc-strich));
}
.gepoc-bereich { padding-top: calc(clamp(1.75rem, 4vw, 2.75rem) + var(--gepoc-strich)); }
.gepoc-flaeche-karte { padding-top: calc(clamp(1.5rem, 3vw, 2.25rem) + var(--gepoc-strich)); }
.gepoc-karte:hover,
.gepoc-partner:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); }
.gepoc-bereich h2::after { display: none; }

/* Kennzahlen: Randstreifen statt Einzelstrich */
.gepoc-kennzahlen .wp-block-column { border-top: 0; padding-top: calc(1rem + var(--gepoc-strich)); position: relative; }
.gepoc-kennzahlen .wp-block-column::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	height: var(--gepoc-strich);
	background: var(--gepoc-randstreifen);
}
.gepoc-kennzahlen .wp-block-column p.gepoc-zahl::before { display: none; }

/* Signet in der Startfläche, nur auf breiten Bildschirmen */
@media (min-width: 1100px) {
	.gepoc-startflaeche {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M38.5226 19.0602 A33.0 33.0 0 1 1 26.3609 73.0259' fill='none' stroke='%23262626' stroke-width='9.5' stroke-linecap='round'/%3E%3Cpath d='M17.9461 57.8452 A33.0 33.0 0 0 1 24.4097 29.1641' fill='none' stroke='%23FFE000' stroke-width='9.5' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='50' r='9.5' fill='%23FFE000'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: clamp(280px, 26vw, 380px) auto;
		background-position: right max(2rem, calc((100% - 1200px) / 2)) center;
	}
	.gepoc-startflaeche > * { max-width: min(52rem, calc(100% - clamp(280px, 26vw, 380px) - 3rem)) !important; }
}
@media print {
	.gepoc-startflaeche { background-image: none !important; }
}