/* =========================================================
   Batterie365 – Abschnitte (Startseite & Unterseiten)
   Alle Klassen werden im Editor unter „Erweitert → Zusätzliche CSS-Klasse(n)“ gesetzt.
   ========================================================= */

/* ---------- Allgemein ---------- */
.b365-sektion { padding-block: clamp(56px, 8vw, 96px); }
.b365-sektion--eng { padding-block: clamp(40px, 6vw, 64px); }
.b365-sektion--ohne-oben { padding-top: 0 !important; }
.b365-lead { font-size: 1.25rem; font-weight: 500; line-height: 1.5; }
.b365-stark { font-size: 1.25rem; font-weight: 700; line-height: 1.5; color: var(--wp--preset--color--ueberschrift); }
.b365-klein { font-size: 0.875rem; }
.b365-mehr-link a { font-weight: 700; text-decoration: none; }
.b365-mehr-link a:hover { text-decoration: underline; }
.b365-dachzeile {
	margin: 0 !important;
	font-size: 0.75rem !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol-link);
}
:where(.has-petrol-background-color, .has-footer-background-color) :is(h1, h2, h3, h4) { color: #fff; }
:where(.has-petrol-background-color, .has-footer-background-color) { color: #D5E2E5; }
:where(.has-petrol-background-color) a:not(.wp-block-button__link) { color: #fff; }
.b365-hell-petrol { color: var(--wp--preset--color--petrol-hell) !important; }

/* Kopf zentriert mit senkrechtem Akzentstrich */
.b365-kopf-zentriert { text-align: center; max-width: 780px; margin-inline: auto; margin-bottom: 44px !important; }
.b365-kopf-zentriert::before {
	content: "";
	display: block;
	width: 3px;
	height: 44px;
	margin: 0 auto 22px;
	background: var(--wp--preset--color--akzent);
	border-radius: 6px;
}
.b365-kopf-zentriert h2 { font-size: var(--wp--preset--font-size--xx-large); margin-bottom: 14px; }

/* Kopfzeile mit Link rechts */
.b365-kopf-mit-link { margin-bottom: 28px !important; align-items: flex-end !important; }
.b365-kopf-mit-link h2 { margin: 0; }

/* ---------- 1. Slider ---------- */
.b365-slider { position: relative; padding: 0 !important; background: #002D38; overflow: hidden; }
.b365-slider > .wp-block-cover { margin: 0 !important; }
.b365-slide .wp-block-cover__inner-container { padding-block: 80px 120px; }
.b365-slide .is-style-b365-overline { font-size: 0.875rem !important; }
.b365-slide :is(h1, h2) {
	font-size: var(--wp--preset--font-size--hero);
	line-height: 1.08;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 20px;
	max-width: 900px;
	text-wrap: balance;
	hyphens: manual;
}
@media (max-width: 600px) { .b365-slide :is(h1, h2) { hyphens: auto; } }
.b365-slide .b365-lead { max-width: 700px; color: #E3EEF0; margin: 0; }
.b365-slide .b365-lead strong { color: #fff; }
.b365-slide .wp-block-buttons { margin-top: 34px; }

/* Aktiviert erst durch slider.js – im Editor stehen die Folien untereinander */
.b365-slider.is-bereit { display: grid; }
.b365-slider.is-bereit > .wp-block-cover {
	grid-area: 1 / 1;
	min-height: 640px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .9s ease, visibility 0s linear .9s;
}
.b365-slider.is-bereit > .wp-block-cover.is-aktiv { opacity: 1; visibility: visible; transition: opacity .9s ease; z-index: 1; }
.b365-slider.is-bereit > .is-aktiv .wp-block-cover__image-background { animation: b365-kb 9s ease-out both; transform-origin: 60% 50%; }
.b365-slider.is-bereit > .is-aktiv .b365-slide-text > * { animation: b365-hoch .8s cubic-bezier(.2, .7, .2, 1) both; }
.b365-slider.is-bereit > .is-aktiv .b365-slide-text > :nth-child(1) { animation-delay: .25s; }
.b365-slider.is-bereit > .is-aktiv .b365-slide-text > :nth-child(2) { animation-delay: .4s; }
.b365-slider.is-bereit > .is-aktiv .b365-slide-text > :nth-child(3) { animation-delay: .55s; }
.b365-slider.is-bereit > .is-aktiv .b365-slide-text > :nth-child(4) { animation-delay: .7s; }
@keyframes b365-kb { from { transform: scale(1.07); } to { transform: scale(1); } }
@keyframes b365-hoch { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

.b365-slider-steuerung {
	position: absolute;
	left: 0; right: 0; bottom: 24px;
	z-index: 3;
}
.b365-slider-steuerung__innen {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 clamp(1rem, 4vw, 1.5rem);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.b365-slider-punkte, .b365-slider-knoepfe { display: flex; align-items: center; gap: 4px; }
.b365-slider-knoepfe { gap: 8px; }
.b365-slider button {
	font: 700 0.875rem/1 var(--wp--preset--font-family--roboto);
	cursor: pointer;
	min-width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: var(--b365-radius);
}
.b365-slider-punkte button { width: 44px; border: 0; background: transparent; padding: 0; }
.b365-slider-punkte button span { display: block; width: 14px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, 0.45); transition: width .25s ease, background-color .25s ease; }
.b365-slider-punkte button[aria-pressed="true"] span { width: 28px; background: #fff; }
.b365-slider-knoepfe .b365-slider-pfeil { border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(2, 31, 38, 0.35); color: #fff; padding: 0; }
.b365-slider-knoepfe .b365-slider-pfeil:hover { background: rgba(255, 255, 255, 0.14); }
.b365-slider-knoepfe .b365-slider-pause { border: 0; background: #fff; color: var(--wp--preset--color--petrol); padding: 0 16px; }
.b365-slider-knoepfe .b365-slider-pause:hover { background: #E3EEF0; }
.b365-slider button::before {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--b365-icon) center / contain no-repeat;
	mask: var(--b365-icon) center / contain no-repeat;
}
.b365-slider-punkte button::before { display: none; }
.b365-slider-zurueck { --b365-icon: url(../icons/chevron-links.svg); }
.b365-slider-weiter { --b365-icon: url(../icons/chevron-rechts.svg); }
.b365-slider-pause { --b365-icon: url(../icons/pause.svg); }
.b365-slider-pause[aria-pressed="true"] { --b365-icon: url(../icons/play.svg); }
.b365-slider :is(button):focus-visible { outline: 2px solid var(--wp--preset--color--petrol-hell); outline-offset: 2px; }

.b365-slider-balken { position: absolute; left: 0; right: 0; bottom: 0; height: 7px; background: rgba(255, 255, 255, 0.15); z-index: 3; }
.b365-slider-balken span {
	display: block;
	height: 100%;
	width: 0;
	background: var(--wp--preset--gradient--energie);
	box-shadow: 0 0 10px rgba(127, 209, 220, 0.6);
}
@media (max-width: 600px) {
	.b365-slider.is-bereit > .wp-block-cover { min-height: 560px; }
	.b365-slide .wp-block-cover__inner-container { padding-block: 64px 120px; }
	.b365-slider-steuerung { bottom: 16px; }
	.b365-slider-knoepfe .b365-slider-pause .b365-slider-pause__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
	.b365-slider-knoepfe .b365-slider-pause { padding: 0; width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
	.b365-slider.is-bereit > .wp-block-cover { transition: none; }
}

/* ---------- 2. Intro ---------- */
.b365-intro { padding-block: 96px 120px !important; }
.b365-intro h2 { font-size: var(--wp--preset--font-size--x-large); margin: 0 0 16px; }
.b365-intro .wp-block-columns { gap: 40px 80px; }

/* ---------- 3. Einstiegskarten ---------- */
.b365-einstieg { margin-top: -40px !important; position: relative; z-index: 2; }
.b365-einstieg > .wp-block-columns { gap: 16px; max-width: 1240px; margin-inline: auto; margin-block: 0 !important; } /* kein Weißspalt über den Kacheln (Margin-Collapse) */
.b365-einstieg-karte {
	border-radius: var(--b365-radius);
	padding: 64px 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.b365-einstieg-karte:hover { box-shadow: 0 12px 28px rgba(3, 44, 53, 0.12); transform: translateY(-2px); }
.b365-einstieg-karte > * { margin: 0 !important; }
.b365-einstieg-karte p { line-height: 1.75; }
.b365-einstieg-karte .wp-block-buttons { margin-top: auto !important; padding-top: 8px; }
.b365-einstieg-karte h3 {
	font-size: 1.375rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.b365-einstieg-karte h3.b365-icon::before {
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto 18px;
	color: var(--wp--preset--color--petrol-link);
}
.b365-einstieg-karte h3.is-style-b365-akzent::after { margin-inline: auto; margin-top: 14px; }
.b365-einstieg-karte--dunkel { background: var(--wp--preset--color--petrol); color: #D5E2E5; }
.b365-einstieg-karte--dunkel h3 { color: #fff; }
.b365-einstieg-karte--dunkel h3.b365-icon::before { color: var(--wp--preset--color--petrol-hell); }
.b365-einstieg-karte--grau { background: #E7ECEE; color: #3F4A50; }
.b365-einstieg-karte--hell { background: #fff; border: 1px solid var(--wp--preset--color--linie); }
@media (prefers-reduced-motion: reduce) { .b365-einstieg-karte:hover { transform: none; } }

/* ---------- 4. Bildkarten ---------- */
.b365-bildkarten { gap: 24px !important; }
.b365-bildkarte {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--b365-radius);
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease;
}
.b365-bildkarte:hover { box-shadow: 0 12px 28px rgba(3, 44, 53, 0.12); transform: translateY(-2px); }
.b365-bildkarte > .wp-block-image { margin: 0 !important; overflow: hidden; }
.b365-bildkarte > .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0; transition: transform .5s ease; display: block; }
.b365-bildkarte:hover > .wp-block-image img { transform: scale(1.04); }
.b365-bildkarte > :not(.wp-block-image) { margin: 0 26px !important; }
.b365-bildkarte > .b365-dachzeile { margin-top: 24px !important; }
.b365-bildkarte > h3 { margin-top: 10px !important; font-size: 1.375rem; }
.b365-bildkarte > p:not(.b365-dachzeile) { margin-top: 10px !important; }
.b365-bildkarte > :last-child { margin-top: auto !important; padding-top: 10px; padding-bottom: 28px; }
@media (prefers-reduced-motion: reduce) { .b365-bildkarte:hover { transform: none; } .b365-bildkarte img { transition: none !important; } }

/* ---------- 5. Schritte ---------- */
.b365-box { background: var(--wp--preset--color--flaeche); border-radius: var(--b365-radius); padding: clamp(32px, 5vw, 56px) clamp(22px, 5vw, 56px) !important; }
.b365-box > h2 { margin-bottom: 36px; font-size: 2rem; }
.b365-schritte { gap: 28px !important; }
.b365-schritte > .wp-block-column > * { margin: 0 0 8px; }
.b365-schritt-nr {
	width: 44px;
	height: 44px;
	border-radius: var(--b365-radius);
	background: var(--wp--preset--color--petrol);
	color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px !important;
}
.b365-schritt-nr--akzent { background: var(--wp--preset--color--akzent); }
.b365-schritte h3 { font-size: 1.1875rem; }
.b365-schritte h3.is-style-b365-akzent::after { margin-top: 10px; }

/* ---------- 6. Messe / Bild mit Plakette ---------- */
.b365-bild-plakette { position: relative; }
.b365-bild-plakette > .wp-block-image { margin: 0; }
.b365-bild-plakette > .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.b365-plakette {
	position: absolute;
	left: 18px;
	bottom: -18px;
	background: #fff;
	color: var(--wp--preset--color--petrol);
	border-radius: var(--b365-radius);
	padding: 14px 18px !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}
.b365-plakette p { margin: 0; color: var(--wp--preset--color--petrol); }
.b365-plakette p:first-child { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--petrol-link); }
.b365-plakette p:last-child { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.b365-messe-teaser .wp-block-columns { gap: 56px 64px; align-items: center; }
.b365-messe-teaser h2 { font-size: var(--wp--preset--font-size--x-large); }
.b365-fakten {
	list-style: none;
	padding: 18px 0 0 !important;
	margin: 6px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	display: grid;
	gap: 10px;
}
.b365-fakten li { display: grid; grid-template-columns: 7.5rem 1fr; gap: 22px; color: #D5E2E5; }
.b365-fakten li strong { color: #fff; }
@media (max-width: 480px) { .b365-fakten li { grid-template-columns: 1fr; gap: 0; } }

/* ---------- 7. Referenz-Kacheln (Cover mit Link) ---------- */
.b365-kacheln { gap: 16px !important; }
.b365-kachel-link {
	border-radius: var(--b365-radius);
	overflow: hidden;
	aspect-ratio: 1 / 1;
	min-height: 0 !important;
	align-items: stretch !important;
	padding: 0 !important;
}
.b365-kachel-link--breit { aspect-ratio: 4 / 3; }
.b365-kachel-link .wp-block-cover__image-background { transition: transform .5s ease; }
.b365-kachel-link:hover .wp-block-cover__image-background { transform: scale(1.05); }
.b365-kachel-link .wp-block-cover__inner-container { width: 100%; }
.b365-kachel-link p { margin: 0; color: #D5E2E5; font-size: 0.875rem; }
.b365-kachel-link .wp-block-cover__inner-container {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 18px 20px;
	box-sizing: border-box;
}
.b365-kachel-link p.b365-kachel-titel { font-size: 1.1875rem; font-weight: 700; color: #fff; }
.b365-kachel-link p.b365-kachel-titel a { color: #fff !important; text-decoration: none; }
.b365-kachel-link p.b365-kachel-titel a::after { content: ""; position: absolute; inset: 0; z-index: 3; }
.b365-kachel-link p.b365-kachel-titel a:focus-visible { outline: none; }
.b365-kachel-link:has(a:focus-visible) { outline: 2px solid var(--wp--preset--color--petrol-link); outline-offset: 3px; }
.b365-kachel-link .b365-etikett {
	position: absolute !important;
	z-index: 4 !important;
	left: 16px;
	top: 16px;
	background: #fff;
	color: var(--wp--preset--color--petrol);
	border-radius: var(--b365-radius);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 8px;
}
.b365-kachel-link .b365-etikett--akzent { background: var(--wp--preset--color--akzent); color: #fff; }
@media (prefers-reduced-motion: reduce) { .b365-kachel-link .wp-block-cover__image-background { transition: none; } }

/* ---------- 8. Partner ---------- */
.b365-partnerleiste { gap: 12px !important; }
.b365-partnerleiste > .wp-block-image {
	margin: 0 !important;
	height: 112px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: #fff;
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--b365-radius);
	position: relative;
	overflow: hidden;
	transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease;
}
.b365-partnerleiste > .wp-block-image::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 3px;
	background: var(--wp--preset--color--akzent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .35s cubic-bezier(.2, .7, .2, 1);
}
.b365-partnerleiste > .wp-block-image:hover { transform: translateY(-6px) scale(1.05); box-shadow: 0 16px 30px rgba(3, 44, 53, .14); z-index: 1; }
.b365-partnerleiste > .wp-block-image:hover::after { transform: scaleX(1); }
.b365-partnerleiste { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; }
.b365-partnerleiste img { aspect-ratio: auto !important; width: auto !important; height: auto !important; max-width: 82% !important; max-height: 58px !important; object-fit: contain; border-radius: 0 !important; }
.b365-partnerleiste .b365-logo-s img { max-width: 88% !important; }
@media (prefers-reduced-motion: reduce) { .b365-partnerleiste > .wp-block-image:hover { transform: none; } }

.b365-verband {
	margin-top: 24px !important;
	background: var(--wp--preset--color--flaeche);
	border-radius: var(--b365-radius);
	padding: 30px 34px !important;
	gap: 24px 40px !important;
}
.b365-verband > .wp-block-image { margin: 0; background: #fff; border-radius: var(--b365-radius); padding: 18px 22px; flex: none; }
.b365-verband > .wp-block-image img { height: 44px !important; width: auto !important; max-width: none !important; border-radius: 0; }
.b365-verband > .wp-block-group { flex: 1 1 420px; }
.b365-verband h3 { font-size: 1.375rem; margin: 0 0 8px; }
.b365-verband p { margin: 10px 0 0; }

/* ---------- 9. Handlungsaufruf ---------- */
.b365-cta { border-top: 4px solid var(--wp--preset--color--akzent); padding-block: 64px !important; }
.b365-cta h2 { font-size: 2rem; margin: 0; }
.b365-cta p { font-size: 1.125rem; margin: 10px 0 0; }
.b365-cta > .wp-block-group { gap: 24px; }

/* Abschnitte stoßen ohne Lücke aneinander */
.wp-block-post-content > .alignfull { margin-block-start: 0 !important; margin-block-end: 0 !important; }

.b365-slide-text > * { margin-top: 0; }
.wp-site-blocks > main, .wp-site-blocks > footer { margin-block-start: 0 !important; }

/* ---------- Seitenkopf (Unterseiten) ---------- */
.b365-seitenkopf { padding-block: 90px !important; }
.b365-seitenkopf h1 {
	font-size: clamp(2.375rem, 5vw, 4.125rem);
	line-height: 1.1;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	hyphens: auto;
}
.b365-seitenkopf .is-style-b365-overline { font-size: 0.875rem !important; margin-bottom: 14px; }
.b365-seitenkopf .wp-block-cover__inner-container > * { margin-block: 0; }
.b365-breadcrumb { margin: 0 0 22px; font-size: 0.875rem; color: #C8D6D9; }
.b365-breadcrumb ol { gap: 6px 10px; align-items: center; }
.b365-breadcrumb li { display: inline-flex; align-items: center; }
.b365-breadcrumb li + li::before {
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	opacity: 1;
	background: var(--wp--preset--color--petrol-hell);
	-webkit-mask: url(../icons/chevron-rechts.svg) center / contain no-repeat;
	mask: url(../icons/chevron-rechts.svg) center / contain no-repeat;
}
.b365-breadcrumb a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
.b365-breadcrumb [aria-current] { color: var(--wp--preset--color--petrol-hell); font-weight: 500; }
.b365-breadcrumb .b365-icon::before { width: 15px; height: 15px; vertical-align: 0; }

/* ---------- Titelgrößen ---------- */
.b365-titel-gross { font-size: clamp(2rem, 3.4vw, 2.5rem) !important; }
.b365-titel-mittel { font-size: clamp(1.625rem, 2.6vw, 2rem) !important; margin-bottom: 28px !important; }
.b365-versal, .b365-versal h2 { text-transform: uppercase; }

/* ---------- Wertkarten ---------- */
.b365-wertkarten { gap: 16px !important; }
.b365-wertkarte {
	background: #fff;
	border-radius: var(--b365-radius);
	border-top: 3px solid var(--wp--preset--color--petrol);
	padding: 30px 26px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.b365-wertkarte:hover { box-shadow: 0 12px 28px rgba(3, 44, 53, 0.12); transform: translateY(-2px); }
.b365-wertkarte h3 { font-size: 1.1875rem; margin: 0 0 10px; }
.b365-wertkarte p { margin: 0; }

/* ---------- Bild + Textfläche nebeneinander ---------- */
.b365-split, .b365-person { gap: 0 !important; border-radius: var(--b365-radius); overflow: hidden; align-items: stretch !important; }
.b365-split-bild { position: relative; min-height: 380px; }
.b365-split .b365-split-bild { min-height: 600px; }
.b365-bild-fuellend { position: absolute !important; inset: 0; margin: 0 !important; }
.b365-bild-fuellend img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.b365-fokus-oben img { object-position: 50% 15%; }
.b365-split-text { padding: 56px 48px !important; display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.b365-split-text > * { margin: 0 !important; }
.b365-split-text h2 { font-size: 1.625rem; }
.b365-grosszahl { font-size: 2.875rem; font-weight: 700; line-height: 1; color: var(--wp--preset--color--petrol-hell); }
.b365-person { background: var(--wp--preset--color--flaeche); }
.b365-person-text { padding: 44px 48px !important; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.b365-person-text > * { margin: 0 !important; }
.b365-person-text h3 { font-size: 1.75rem; }
.b365-rolle { font-weight: 700; color: var(--wp--preset--color--petrol-link); }
.b365-person-text .wp-block-buttons { margin-top: 8px !important; }
@media (max-width: 781px) {
	.b365-split .b365-split-bild { min-height: 320px; }
	.b365-split-text, .b365-person-text { padding: 36px 24px !important; }
}

/* ---------- Kennzahlen ---------- */
.b365-kennzahlen { gap: 16px !important; }
.b365-kennzahl-karte { background: #fff; border-radius: var(--b365-radius); padding: 28px 20px; text-align: center; }
.b365-kennzahl-karte p { margin: 0; }
.b365-kennzahl-wert { font-size: 3.5rem; font-weight: 700; line-height: 1.15; color: var(--wp--preset--color--petrol); }
.b365-kennzahl-label { font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.875rem; color: var(--wp--preset--color--petrol-link); }

/* =========================================================
   Unterseiten
   ========================================================= */

/* ---------- Seitenkopf ---------- */
.b365-seitenkopf { margin: 0 !important; background: #002D38; }
.b365-seitenkopf .wp-block-cover__inner-container { padding-block: 90px; color: #fff; }
.b365-seitenkopf .wp-block-cover__inner-container > * { margin-block: 0; }
.b365-brotkrumen { margin: 0 0 22px !important; font-size: 0.875rem; color: #C8D6D9; }
.b365-brotkrumen ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.b365-brotkrumen li { display: inline-flex; align-items: center; gap: 10px; }
.b365-brotkrumen li + li::before {
	content: "";
	width: 14px;
	height: 14px;
	background: var(--wp--preset--color--petrol-hell);
	-webkit-mask: url(../icons/chevron-rechts.svg) center / contain no-repeat;
	mask: url(../icons/chevron-rechts.svg) center / contain no-repeat;
}
.b365-brotkrumen a { color: #fff !important; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 24px; }
.b365-brotkrumen a:hover { text-decoration: underline; }
.b365-brotkrumen .b365-icon::before { width: 15px; height: 15px; }
.b365-brotkrumen [aria-current] { color: var(--wp--preset--color--petrol-hell); font-weight: 500; }
.b365-seitenkopf-dachzeile p {
	margin: 0 0 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol-hell);
}
.b365-seitenkopf-dachzeile p::before { content: ""; width: 28px; height: 3px; background: var(--wp--preset--color--akzent); border-radius: 2px; flex: none; }
.b365-seitenkopf-titel {
	margin: 0 !important;
	font-size: clamp(2.25rem, 5vw, 4.125rem) !important;
	line-height: 1.1;
	text-transform: uppercase;
	color: #fff !important;
	hyphens: auto;
	text-wrap: balance;
}
.b365-seitenkopf.is-style-b365-ki-bild::after { top: 18px; bottom: auto; right: 20px; }
@media (max-width: 600px) {
	.b365-seitenkopf { min-height: 320px !important; }
	.b365-seitenkopf .wp-block-cover__inner-container { padding-block: 56px 72px; }
}

/* Seiteninhalt direkt unter dem Kopf ohne Abstand */
.b365-seiteninhalt { margin-top: 0 !important; }
.b365-seiteninhalt > :first-child.alignfull { margin-top: 0 !important; }

/* ---------- Zweispalter Intro (Überschrift links, Text rechts) ---------- */
.b365-zweispalter .wp-block-columns { gap: 30px 80px; }
.b365-zweispalter h2 { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.b365-zweispalter--unten .wp-block-columns { align-items: flex-end !important; }

/* ---------- Wertekarten ---------- */
.b365-wertkarten { gap: 16px !important; }
.b365-wertkarte {
	background: #fff;
	border-radius: var(--b365-radius);
	border-top: 3px solid var(--wp--preset--color--petrol);
	padding: 30px 26px !important;
	transition: box-shadow .2s ease, transform .2s ease;
}
.b365-wertkarte:hover { box-shadow: 0 12px 28px rgba(3, 44, 53, 0.12); transform: translateY(-2px); }
.b365-wertkarte h3 { font-size: 1.1875rem; margin: 0 0 10px; }
.b365-wertkarte p { margin: 10px 0 0; }
.b365-sektion > h2 { margin-bottom: 36px; }

/* ---------- Bild + dunkle Textfläche (Split) ---------- */
.b365-split { gap: 0 !important; border-radius: var(--b365-radius); overflow: hidden; margin-bottom: 24px !important; }
.b365-split > .wp-block-column { margin: 0 !important; }
.b365-split__bild { position: relative; min-height: 320px; }
.b365-split__bild > .wp-block-image { position: absolute; inset: 0; margin: 0; }
.b365-split__bild > .wp-block-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.b365-split__text {
	background: var(--wp--preset--color--petrol);
	color: #D5E2E5;
	padding: 48px 44px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
}
.b365-split__text > * { margin: 0 !important; }
.b365-split__text h2 { color: #fff; }
.b365-split__text a:not(.wp-block-button__link) { color: #fff; font-weight: 700; }
.b365-split__text ul { padding-left: 20px; }
.b365-split--hell .b365-split__text { background: var(--wp--preset--color--flaeche); color: var(--wp--preset--color--fliesstext); }
.b365-split--hell .b365-split__text h2 { color: var(--wp--preset--color--petrol); }
.b365-split--hoch .b365-split__bild { min-height: 560px; }
.b365-nummer { font-size: 2.75rem !important; font-weight: 700; line-height: 1 !important; color: var(--wp--preset--color--petrol-hell); }
.b365-nummer::after { content: ""; display: block; width: 40px; height: 3px; margin-top: 12px; background: var(--wp--preset--color--akzent); border-radius: 2px; }
.b365-split--hell .b365-nummer { color: var(--wp--preset--color--petrol-link); }
@media (max-width: 781px) {
	.b365-split__bild { min-height: 260px; }
	.b365-split--hoch .b365-split__bild { min-height: 380px; }
	.b365-split__text { padding: 32px 24px !important; }
	/* Bild immer oben, auch wenn es im Editor rechts steht */
	.b365-split { flex-direction: column; }
	.b365-split > .b365-split__bild { order: -1; }
}

/* ---------- Ansprechpartner ---------- */
.b365-person { gap: 0 !important; background: var(--wp--preset--color--flaeche); border-radius: var(--b365-radius); overflow: hidden; }
.b365-person > .wp-block-column { margin: 0 !important; }
.b365-person__text { padding: 40px 44px !important; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.b365-person__text > * { margin: 0 !important; }
.b365-person__text h3 { font-size: 1.5rem; }

/* ---------- Kennzahlen ---------- */
.b365-kennzahlen { gap: 16px !important; text-align: center; }
.b365-kennzahl-kachel { background: #fff; border-radius: var(--b365-radius); padding: 28px 20px !important; }
.b365-kennzahl-kachel p { margin: 0; }
.b365-kennzahl-kachel p:first-child { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; color: var(--wp--preset--color--petrol); }
.b365-kennzahl-kachel p:last-child { font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.875rem; color: var(--wp--preset--color--fliesstext); }
.b365-kopf-zentriert--versal h2 { text-transform: uppercase; }

/* ---------- Sprungmarken (Chips) ---------- */
.b365-chips { gap: 10px !important; margin-top: 32px !important; }
.b365-chips .wp-block-button__link {
	background: #fff;
	color: var(--wp--preset--color--ueberschrift);
	border: 1px solid var(--wp--preset--color--linie);
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.9375rem;
	padding: 10px 16px;
	min-height: 44px;
}
.b365-chips .wp-block-button__link:hover { border-color: var(--wp--preset--color--petrol-link); background: var(--wp--preset--color--flaeche); color: var(--wp--preset--color--petrol); }
[id] { scroll-margin-top: 140px; }

/* ---------- FAQ ---------- */
.b365-faq { gap: 40px 60px; }
.b365-faq .wp-block-details {
	background: var(--wp--preset--color--flaeche);
	border-radius: var(--b365-radius);
	border: 0;
	padding: 0 22px;
	margin: 0 0 10px !important;
}
.b365-faq .wp-block-details > summary { padding: 18px 40px 18px 0; }
.b365-faq .wp-block-details > summary::before, .b365-faq .wp-block-details > summary::after { right: 0; }
.b365-faq .wp-block-details > p { margin: 0; padding-bottom: 18px; }

/* ---------- Kontakt-Karten ---------- */
.b365-kontaktkarten { margin-top: -56px !important; position: relative; z-index: 2; gap: 16px !important; }
.b365-kontaktkarte {
	background: #fff;
	border-radius: var(--b365-radius);
	box-shadow: 0 14px 32px rgba(3, 44, 53, 0.12);
	padding: 34px 28px !important;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.b365-kontaktkarte > * { margin: 0 !important; }
.b365-kontaktkarte h2 {
	font-size: 0.875rem !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol-link);
}
.b365-kontaktkarte h2.b365-icon::before { display: block; width: 30px; height: 30px; margin-bottom: 12px; }
.b365-kontaktkarte h2.is-style-b365-akzent::after { margin-top: 8px; }
.b365-kontaktkarte .b365-gross { font-size: 1.375rem; font-weight: 700; color: var(--wp--preset--color--ueberschrift); }
.b365-kontaktkarte .b365-gross a { color: var(--wp--preset--color--ueberschrift); }
.b365-kontaktkarte--dunkel { background: var(--wp--preset--color--petrol); color: #D5E2E5; }
.b365-kontaktkarte--dunkel h2 { color: var(--wp--preset--color--petrol-hell) !important; }
.b365-kontaktkarte--dunkel .b365-gross { color: #fff; font-size: 1.25rem; }

/* ---------- Hinweis-Leiste (Messe) ---------- */
.b365-hinweisleiste {
	background: var(--wp--preset--color--flaeche);
	border-radius: var(--b365-radius);
	border-left: 4px solid var(--wp--preset--color--akzent);
	padding: 28px 32px !important;
	gap: 18px !important;
}
.b365-hinweisleiste > .wp-block-group { flex: 1 1 520px; }
.b365-hinweisleiste h2 { font-size: 1.5rem; margin: 0 0 6px; }
.b365-hinweisleiste p { margin: 0; }

/* ---------- Karte (2-Klick) ---------- */
.b365-karte {
	height: 260px;
	background: #E7ECEE;
	border-radius: var(--b365-radius);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.b365-karte p { margin: 0; max-width: 300px; color: #3F4A50; font-size: 0.875rem; }
.b365-karte .b365-karte-laden {
	font: 700 0.875rem/1 var(--wp--preset--font-family--roboto);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: var(--wp--preset--color--petrol);
	color: #fff;
	border: 0;
	border-radius: var(--b365-radius);
	padding: 12px 18px;
	min-height: 44px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.b365-karte .b365-karte-laden::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url(../icons/pin.svg) center / contain no-repeat; mask: url(../icons/pin.svg) center / contain no-repeat; }
.b365-karte .b365-karte-laden:hover { background: var(--wp--preset--color--petrol-hover); }
.b365-karte a { font-weight: 700; font-size: 0.875rem; }
.b365-karte.is-geladen { padding: 0; height: 320px; }
.b365-karte iframe { width: 100%; height: 100%; border: 0; }

/* ---------- Formulare (Contact Form 7) ---------- */
.b365-formular-box { background: var(--wp--preset--color--flaeche); border-radius: var(--b365-radius); padding: 34px !important; }
.b365-formular { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px 22px; }
.b365-feld { display: flex; flex-direction: column; gap: 6px; }
.b365-feld--breit { grid-column: 1 / -1; }
.b365-feld > label { font-weight: 500; color: var(--wp--preset--color--ueberschrift); }
.b365-formular .wpcf7-form-control-wrap { display: block; }
.b365-formular :is(input[type="text"], input[type="email"], input[type="tel"], input[type="file"], textarea, select) {
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	padding: 12px 14px;
	border: 1px solid #8A969B;
	border-radius: var(--b365-radius);
	min-height: 44px;
	background: #fff;
	color: var(--wp--preset--color--ueberschrift);
}
.b365-formular input[type="file"] { border-style: dashed; }
.b365-formular :is(input, textarea, select):focus-visible { outline: 2px solid var(--wp--preset--color--petrol-link); outline-offset: 2px; }
.b365-feld--check .wpcf7-list-item { margin: 0; }
.b365-feld--check label { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; color: var(--wp--preset--color--fliesstext); }
.b365-feld--check input[type="checkbox"] { width: 20px; height: 20px; margin-top: 3px; flex: none; }
.b365-formular .wpcf7-submit {
	font: 700 0.875rem/1 var(--wp--preset--font-family--roboto);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: var(--wp--preset--color--petrol);
	color: #fff;
	border: 0;
	border-radius: var(--b365-radius);
	padding: 14px 24px;
	min-height: 44px;
	cursor: pointer;
}
.b365-formular .wpcf7-submit:hover { background: var(--wp--preset--color--petrol-hover); }
.b365-formular .wpcf7-spinner { margin: 0 12px; }
.wpcf7-not-valid-tip { color: #B3050F; font-size: 0.875rem; margin-top: 4px; }
.wpcf7 form .wpcf7-response-output { margin: 18px 0 0; border-radius: var(--b365-radius); padding: 12px 16px; }

/* ---------- Referenzen: Raster ---------- */
.b365-raster { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.b365-raster > * { margin: 0 !important; }
.b365-raster--klein { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.b365-raster--klein > .wp-block-image { border-radius: var(--b365-radius); overflow: hidden; aspect-ratio: 1 / 1; }
.b365-raster--klein > .wp-block-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; border-radius: 0; }
.b365-raster--klein > .wp-block-image:hover img { transform: scale(1.05); }
.b365-zwischentitel { font-size: 0.875rem !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--petrol-link) !important; margin-top: 0 !important; margin-bottom: 20px !important; }

/* ---------- Karriere: Stellen ---------- */
.b365-stellenkarte {
	background: #fff;
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--b365-radius);
	padding: 28px 26px !important;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.b365-stellenkarte:hover { box-shadow: 0 12px 28px rgba(3, 44, 53, 0.12); transform: translateY(-2px); }
.b365-stellenkarte > * { margin: 0 !important; }
.b365-stellenkarte h3 { font-size: 1.25rem; }
.b365-stellenkarte .wp-block-buttons { margin-top: auto !important; padding-top: 6px; }
.b365-bietet { background: var(--wp--preset--color--flaeche); border-radius: var(--b365-radius); padding: 32px 34px !important; }
.b365-bietet h2 { font-size: 1.5rem; }

/* ---------- Rechtstexte ---------- */
.b365-recht { max-width: 1000px; margin-inline: auto; }
.b365-recht h2 { font-size: 1.375rem; color: var(--wp--preset--color--ueberschrift); }
.b365-recht > .wp-block-group + .wp-block-group { border-top: 1px solid var(--wp--preset--color--linie); padding-top: 24px; margin-top: 24px; }
.b365-angaben { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-bottom: 40px !important; }
.b365-angaben > * { margin: 0 !important; }
.b365-angabe { background: var(--wp--preset--color--flaeche); border-radius: var(--b365-radius); padding: 22px 24px !important; }
.b365-angabe > * { margin: 0; }
.b365-angabe h2 { font-size: 1.125rem; }
.b365-kreis { display: grid !important; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: center; }
.b365-kreis::before {
	content: "";
	width: 34px;
	height: 34px;
	border-radius: 50%;
	flex: none;
	background: var(--wp--preset--color--petrol) var(--b365-kreis) center / 18px no-repeat;
}
.b365-kreis.is-style-b365-akzent::after { grid-column: 2; margin: 10px 0 0; }
.b365-recht h2.b365-kreis { grid-template-columns: 38px 1fr; column-gap: 14px; }
.b365-recht h2.b365-kreis::before { width: 38px; height: 38px; }
.b365-kreis-bild { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E"); }
.b365-kreis-building { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10.5 21v-3h3v3'/%3E%3C/svg%3E"); }
.b365-kreis-chevron-links { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5-7 7 7 7'/%3E%3C/svg%3E"); }
.b365-kreis-chevron-rechts { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E"); }
.b365-kreis-chevron { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E"); }
.b365-kreis-clock { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.b365-kreis-code { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 18l6-6-6-6'/%3E%3Cpath d='M8 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.b365-kreis-copyright { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15 9.5a3.5 3.5 0 1 0 0 5'/%3E%3C/svg%3E"); }
.b365-kreis-dokument { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6'/%3E%3Cpath d='M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
.b365-kreis-download { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"); }
.b365-kreis-firma { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E"); }
.b365-kreis-globus { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E"); }
.b365-kreis-haus { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E"); }
.b365-kreis-home { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10v10h13V10'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E"); }
.b365-kreis-kalender { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); }
.b365-kreis-ki { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3C/svg%3E"); }
.b365-kreis-koffer { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='1.5'/%3E%3Cpath d='M8.5 7V5a1.5 1.5 0 0 1 1.5-1.5h4A1.5 1.5 0 0 1 15.5 5v2M3 12.5h18'/%3E%3C/svg%3E"); }
.b365-kreis-kompass { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E"); }
.b365-kreis-link { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E"); }
.b365-kreis-liste { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5h11M9 12h11M9 17.5h11'/%3E%3Ccircle cx='4.5' cy='6.5' r='1' /%3E%3Ccircle cx='4.5' cy='12' r='1'/%3E%3Ccircle cx='4.5' cy='17.5' r='1'/%3E%3C/svg%3E"); }
.b365-kreis-mail { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.b365-kreis-menue { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E"); }
.b365-kreis-pause { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E"); }
.b365-kreis-person { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E"); }
.b365-kreis-pfeil-rechts { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.b365-kreis-pfeil-unten { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M6 13l6 6 6-6'/%3E%3C/svg%3E"); }
.b365-kreis-phone { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.b365-kreis-pin { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.b365-kreis-play { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 5v14l12-7z'/%3E%3C/svg%3E"); }
.b365-kreis-produkte { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5h11M9 12h11M9 17.5h11'/%3E%3Ccircle cx='4.5' cy='6.5' r='1'/%3E%3Ccircle cx='4.5' cy='12' r='1'/%3E%3Ccircle cx='4.5' cy='17.5' r='1'/%3E%3C/svg%3E"); }
.b365-kreis-prozent { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M9 15l6-6'/%3E%3Ccircle cx='9.5' cy='9.5' r='1'/%3E%3Ccircle cx='14.5' cy='14.5' r='1'/%3E%3C/svg%3E"); }
.b365-kreis-referenzen { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M8.5 8h7M8.5 12h7M8.5 16h4'/%3E%3C/svg%3E"); }
.b365-kreis-schild { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3C/svg%3E"); }
.b365-kreis-schliessen { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E"); }
.b365-kreis-search { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E"); }
.b365-kreis-senden { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E"); }
.b365-kreis-speicher { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='1.5'/%3E%3Cpath d='M10 2.5h4M9.5 9h5M9.5 13h5M9.5 17h5'/%3E%3C/svg%3E"); }
.b365-kreis-sprechblase { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); }
.b365-kreis-stift { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E"); }
.b365-kreis-suitcase { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='1.5'/%3E%3Cpath d='M8.5 7V5a1.5 1.5 0 0 1 1.5-1.5h4A1.5 1.5 0 0 1 15.5 5v2M3 12.5h18'/%3E%3C/svg%3E"); }
.b365-kreis-unternehmen { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10.5 21v-3h3v3'/%3E%3C/svg%3E"); }
.b365-kreis-user { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"); }
.b365-kreis-waage { --b365-kreis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M5 7h14'/%3E%3Cpath d='M5 7l-3 7a3.5 3.5 0 0 0 6 0z'/%3E%3Cpath d='M19 7l-3 7a3.5 3.5 0 0 0 6 0z'/%3E%3C/svg%3E"); }
.b365-angabe p { margin-top: 12px; }

/* Inhaltsverzeichnis (Datenschutz, AGB) */
.b365-mit-inhalt { gap: 40px 56px !important; align-items: flex-start !important; }
.b365-inhaltsverzeichnis { background: var(--wp--preset--color--flaeche); border-radius: var(--b365-radius); padding: 22px 24px !important; position: sticky; top: 140px; }
.b365-inhaltsverzeichnis h2 { margin: 0 0 12px; font-size: 0.875rem !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--petrol-link) !important; }
.b365-inhaltsverzeichnis ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 0.9375rem; }
@media (max-width: 781px) { .b365-inhaltsverzeichnis { position: static; } }
.b365-rechtstext h2 { font-size: 1.375rem; color: var(--wp--preset--color--ueberschrift); margin-top: 36px; }
.b365-rechtstext h2:first-child { margin-top: 0; }
.b365-teil { font-size: 0.875rem !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--petrol-link); margin-top: 40px !important; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--linie); }
.b365-agb-intro { gap: 20px 32px !important; margin-bottom: 32px !important; }
.b365-agb-intro > .wp-block-group { flex: 1 1 520px; }
.b365-agb-intro h2 { font-size: 1.375rem; }
.b365-sektion--ohne-oben-halb { padding-top: clamp(28px, 4vw, 48px) !important; }
.b365-sektion--eng-unten { padding-bottom: clamp(24px, 3vw, 40px) !important; }
.b365-versal { text-transform: uppercase; }
.b365-stellen { gap: 16px !important; }
.b365-kontakt-oben { padding-bottom: 0 !important; }
.b365-angabe--kmd { grid-column: span 2; }
@media (max-width: 781px) { .b365-angabe--kmd { grid-column: auto; } }
.b365-kmd-logo { margin: 12px 0 !important; }
.b365-kmd-logo img { width: 220px; height: auto; border-radius: 0; }
.b365-kopf-zentriert--versal { margin-bottom: 30px !important; }
.b365-stellenkarte .b365-dachzeile { font-size: 0.75rem !important; }

/* Seitenkopf-Inhalt auf Inhaltsbreite */
.b365-seitenkopf .wp-block-cover__inner-container { width: 100%; max-width: 1200px; margin-inline: auto; }
.b365-ohne-punkte { list-style: none; padding-left: 0 !important; }
.b365-kachel-link .wp-block-cover__inner-container > * { margin-inline: 0 !important; max-width: none !important; text-align: left; }
.b365-seitenkopf-titel { font-size: clamp(1.75rem, 7vw, 4.125rem) !important; overflow-wrap: normal; word-break: normal; }
.b365-formular label { margin-bottom: 0 !important; }
.b365-formular :is(input, select, textarea) { margin-top: 0 !important; }

/* Kennzahlen mit Icon */
.b365-kennzahl-kachel::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 12px;
	background: var(--wp--preset--color--petrol-link);
	-webkit-mask: var(--b365-icon) center / contain no-repeat;
	mask: var(--b365-icon) center / contain no-repeat;
}
.b365-kennzahl-kachel:not([class*="b365-icon-"])::before { display: none; }
.b365-icon-team { --b365-icon: url(../icons/team.svg); }
.b365-icon-netzwerk { --b365-icon: url(../icons/netzwerk.svg); }
.b365-icon-projekte { --b365-icon: url(../icons/projekte.svg); }
/* Einstiegskarten: grauer Hintergrund der Intro-Fläche läuft bis zur Kartenmitte */
.b365-einstieg { background: linear-gradient(180deg, var(--wp--preset--color--flaeche) 50%, #fff 50%); }

/* =========================================================
   Relaunch Nov. 2026 – Speicher-Fokus, DE/EN
   ========================================================= */

/* Bildmontage-Kennzeichnung (EU AI Act Art. 50) – wie KI-Label, eigener Text */
.wp-block-cover.is-style-b365-montage { position: relative; }
.wp-block-cover.is-style-b365-montage::after {
	content: "Bildmontage (KI-unterstützt)";
	position: absolute; top: 16px; right: 16px; z-index: 3;
	display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px;
	font-size: 0.75rem; font-weight: 500; line-height: 1.3; color: #fff;
	background: rgba(2, 31, 38, 0.82); border: 1px solid rgba(255, 255, 255, 0.35); border-radius: var(--b365-radius);
	pointer-events: none;
}
.wp-block-cover.is-style-b365-montage:lang(en)::after { content: "Photo montage (AI-assisted)"; }
.b365-seitenkopf.is-style-b365-montage::after { top: 18px; right: 20px; }
.b365-slider .wp-block-cover.is-style-b365-montage::after,
.b365-slider .wp-block-cover.is-style-b365-ki-bild::after { top: 18px; right: 20px; }

/* Bild-Block mit Kennzeichnung als Bildunterschrift oben rechts */
.wp-block-image.is-style-b365-montage { position: relative; }
.wp-block-image.is-style-b365-montage figcaption {
	position: absolute; top: 12px; right: 12px; left: auto; bottom: auto; z-index: 2; margin: 0;
	display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px;
	font-size: 0.75rem; font-weight: 500; line-height: 1.3; color: #fff; text-align: left;
	background: rgba(2, 31, 38, 0.82); border: 1px solid rgba(255, 255, 255, 0.35); border-radius: var(--b365-radius);
}
.wp-block-image.is-style-b365-montage figcaption::before {
	content: ""; width: 14px; height: 14px; flex: none; background: currentColor;
	-webkit-mask: url(../icons/ki.svg) center / contain no-repeat; mask: url(../icons/ki.svg) center / contain no-repeat;
}
.b365-split__bild > .wp-block-image.is-style-b365-montage figcaption { top: 16px; right: 16px; }

/* Werte-Kacheln mit Icon neben der Überschrift */
.b365-wertkarte h3.b365-icon { display: flex; align-items: center; gap: 12px; }
.b365-wertkarte h3.b365-icon::before { width: 28px; height: 28px; color: var(--wp--preset--color--petrol-link); background-color: var(--wp--preset--color--petrol-link); }

/* Bildausschnitt unten (z. B. Kranbild im Querformat-Feld) */
.b365-fokus-unten img { object-position: 50% 74% !important; }
.b365-fokus-oben img { object-position: 50% 15% !important; }

/* Referenzen: Projektkacheln alle gleich hoch, letzte Kachel als Platzhalter */
.b365-raster--projekte { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-auto-rows: 1fr; }
.b365-raster--projekte > .b365-kachel-link--breit { aspect-ratio: auto; min-height: 240px; height: 100%; }
.b365-kachel-platzhalter {
	display: flex; flex-direction: column; justify-content: center; gap: 10px;
	min-height: 240px; padding: 28px !important; box-sizing: border-box;
	background: var(--wp--preset--color--flaeche); border: 2px dashed var(--wp--preset--color--linie); border-radius: var(--b365-radius);
}
.b365-kachel-platzhalter > * { margin: 0 !important; }
.b365-kachel-platzhalter .b365-kachel-titel { font-size: 1.25rem; color: var(--wp--preset--color--petrol); }

/* Referenzen: Galerie 3 × 3 */
.b365-raster--galerie { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.b365-raster--galerie > .wp-block-image { margin: 0; border-radius: var(--b365-radius); overflow: hidden; aspect-ratio: 1 / 1; }
.b365-raster--galerie > .wp-block-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform .5s ease; }
.b365-raster--galerie > .wp-block-image:hover img { transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) { .b365-raster--galerie > .wp-block-image img { transition: none; } }
@media (max-width: 900px) { .b365-raster--galerie { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1023px) { .b365-raster--projekte { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .b365-raster--projekte { grid-template-columns: 1fr; } .b365-raster--galerie { gap: 8px; } }

/* Footer: Hinweis B2B */
.b365-b2b-hinweis { margin-block: 6px 0 !important; font-size: 0.8125rem; color: #B9C9CD; }

/* Mobil: Partnerlogos zweispaltig, Telefonnummern nicht umbrechen */
@media (max-width: 600px) {
	.b365-partnerleiste { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.b365-partnerleiste > .wp-block-image { min-height: 76px; padding: 12px !important; }
	.b365-partnerleiste > .wp-block-image:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.b365-partnerleiste img { max-height: 40px !important; }
}
a[href^="tel:"] { white-space: nowrap; }

/* Tablet (782–1023 px): mehrspaltige Bereiche entzerren */
@media (min-width: 782px) and (max-width: 1023px) {
	.b365-einstieg-karte { padding: 44px 18px; }
	.b365-einstieg-karte h3 { font-size: 1.0625rem !important; letter-spacing: 0.02em; hyphens: auto; overflow-wrap: anywhere; }
	.b365-einstieg-karte .wp-block-button__link { font-size: 0.75rem; padding: 12px 14px; }
	.b365-bildkarte > :not(.wp-block-image) { margin: 0 18px !important; }
	.b365-bildkarte > h3 { font-size: 1.1875rem; }
	.b365-schritte, .b365-wertkarten, .b365-stellen { flex-wrap: wrap !important; }
	.b365-schritte > .wp-block-column, .b365-wertkarten > .wp-block-column { flex: 0 0 calc(50% - 14px) !important; box-sizing: border-box; }
	.b365-stellen > .wp-block-column { flex-basis: 100% !important; }
	.b365-partnerleiste { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 10px !important; }
	.b365-partnerleiste > .wp-block-image { height: 96px; padding: 12px; }
	.b365-kontaktkarten { flex-wrap: wrap !important; }
	.b365-kontaktkarten > .wp-block-column { flex: 0 0 calc(50% - 8px) !important; box-sizing: border-box; }
	.b365-kontaktkarten > .wp-block-column:last-child { flex-basis: 100% !important; }
}
/* Schmale Desktops / Tablet quer (1024–1199 px) */
@media (min-width: 1024px) and (max-width: 1199px) {
	.b365-einstieg-karte { padding: 56px 24px; }
	.b365-wertkarten { flex-wrap: wrap !important; }
	.b365-wertkarten > .wp-block-column { flex: 0 0 calc(50% - 8px) !important; box-sizing: border-box; }
}
@media (max-width: 1023px) {
	/* Leistungs-Artikel: unter 1024 px Bild oben, Text darunter */
	.b365-leistungen .b365-split { flex-direction: column; flex-wrap: nowrap !important; }
	.b365-leistungen .b365-split > .wp-block-column { flex-basis: auto !important; width: 100%; box-sizing: border-box; }
	.b365-leistungen .b365-split > .b365-split__bild { order: -1; min-height: 340px; }
}


/* =========================================================
   Nachbesserungen 10.11.2026
   ========================================================= */

/* Abstände: Einstiegs-Kacheln → „Speicherlösungen…“ und Referenzen-Kacheln → „Unsere Partner“ */
.b365-einstieg + .b365-bedarf { padding-top: clamp(32px, 4vw, 48px) !important; }
.b365-referenzen-teaser + .b365-partner { padding-top: 0 !important; }

/* Leistungen: Bildmontage füllt die Bildspalte wie die übrigen Bilder (Label bleibt oben rechts) */
.b365-split__bild > .wp-block-image.is-style-b365-montage { position: absolute; inset: 0; }

/* Impressum: Kachel „Konzept, Design & Programmierung“ über die volle Breite, ohne Kreis-Icon */
.b365-angaben > .b365-angabe--kmd { grid-column: 1 / -1; }
.b365-angabe--kmd h2.b365-kreis { display: block !important; }
.b365-angabe--kmd h2.b365-kreis::before { content: none; display: none; }
.b365-angabe--kmd h2.b365-kreis.is-style-b365-akzent::after { margin: 10px 0 0; }

/* Lightbox für „Impressionen von der Baustelle“ */
.b365-lb-ausloeser {
	display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: none;
	cursor: zoom-in; border-radius: inherit; overflow: hidden;
}
.b365-lb-ausloeser:focus-visible { outline: 3px solid var(--wp--preset--color--akzent); outline-offset: -3px; }
.b365-raster--galerie > .wp-block-image:hover .b365-lb-ausloeser img { transform: scale(1.05); }
html.b365-lb-offen { overflow: hidden; }
.b365-lb {
	position: fixed; inset: 0; z-index: 100000;
	display: flex; align-items: center; justify-content: center;
	padding: 72px 96px 40px;
	background: rgba(14, 18, 20, 0.94);
	opacity: 0; transition: opacity .2s ease;
}
.b365-lb[hidden] { display: none; }
.b365-lb.ist-offen { opacity: 1; }
.b365-lb__figur { margin: 0; display: flex; flex-direction: column; gap: 14px; max-width: min(1200px, 100%); }
.b365-lb__bild {
	display: block; max-width: 100%; max-height: calc(100vh - 210px); max-height: calc(100dvh - 210px);
	width: auto; height: auto; margin: 0 auto; border-radius: var(--b365-radius); object-fit: contain;
}
.b365-lb__unterschrift { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; color: #fff; }
.b365-lb__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.b365-lb__titel { font-size: 1rem; line-height: 1.4; font-weight: 700; }
.b365-lb__unter { font-size: 0.875rem; color: #AFC0C4; }
.b365-lb__zaehler { flex: none; font-size: 0.9375rem; color: #AFC0C4; white-space: nowrap; }
.b365-lb__zaehler b { font-size: 1.375rem; color: #fff; }
.b365-lb__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.b365-lb__knopf {
	position: absolute; display: grid; place-items: center;
	width: 52px; height: 52px; padding: 0; cursor: pointer;
	color: #fff; background: rgba(3, 44, 53, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.35); border-radius: var(--b365-radius);
	transition: background-color .15s ease, border-color .15s ease;
}
.b365-lb__knopf:hover { background: var(--wp--preset--color--petrol, #032C35); border-color: #fff; }
.b365-lb__knopf:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.b365-lb__knopf[hidden] { display: none; }
.b365-lb__zu { top: 16px; right: 16px; }
.b365-lb__zurueck { left: 24px; top: 50%; transform: translateY(-50%); }
.b365-lb__weiter { right: 24px; top: 50%; transform: translateY(-50%); }
@media (max-width: 781px) {
	.b365-lb { padding: 72px 12px 24px; }
	.b365-lb__zurueck, .b365-lb__weiter { top: auto; bottom: 18px; transform: none; width: 46px; height: 46px; }
	.b365-lb__zurueck { left: 12px; }
	.b365-lb__weiter { right: 12px; }
	.b365-lb__figur { padding-bottom: 64px; }
	.b365-lb__bild { max-height: calc(100vh - 260px); max-height: calc(100dvh - 260px); }
	.b365-lb__unterschrift { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { .b365-lb { transition: none; } }

/* Karriere: „In drei Schritten zu uns“ und „Schnell & einfach bewerben“ mittig wie die übrigen Abschnittsköpfe */
.b365-sektion:has(> .b365-schritte) > h2 { text-align: center; margin-bottom: 40px; }
.b365-sektion:has(> .b365-schritte) > h2::before {
	content: "";
	display: block;
	width: 3px;
	height: 44px;
	margin: 0 auto 22px;
	background: var(--wp--preset--color--akzent);
	border-radius: 6px;
}
.b365-sektion:has(> .b365-schritte) > .b365-schritte > .wp-block-column { text-align: center; }
.b365-sektion:has(> .b365-schritte) .b365-schritt-nr { margin-inline: auto !important; }
.b365-sektion:has(> .b365-schritte) .b365-schritte h3.is-style-b365-akzent::after { margin-inline: auto; }
#bewerbung > h2, #bewerbung > p { text-align: center; }
#bewerbung > h2.is-style-b365-akzent::after { margin-inline: auto; }

/* Mobil-Feinschliff (Prüfung 10.11.2026) */
.b365-kachel-link p.b365-kachel-titel { line-height: 1.3; }
/* Dachzeile mit rotem Strich: bei Umbruch Strich auf Höhe der ersten Zeile */
.is-style-b365-overline { align-items: flex-start; }
.is-style-b365-overline::before { flex: none; margin-top: calc(0.75em - 1.5px); margin-top: calc(0.5lh - 1.5px); }
.b365-seitenkopf-dachzeile p { align-items: flex-start; }
.b365-seitenkopf-dachzeile p::before { margin-top: calc(0.75em - 1.5px); margin-top: calc(0.5lh - 1.5px); }
.b365-feld--check input[type="checkbox"] { width: 24px; height: 24px; margin-top: 0; }
@media (max-width: 781px) {
	.b365-intro { padding-block: 56px 72px !important; }
	.b365-einstieg-karte { padding: 40px 24px; }
	.b365-person__text { padding: 28px 24px !important; }
	.b365-kennzahlen { flex-wrap: wrap !important; gap: 12px !important; }
	.wp-block-columns.b365-kennzahlen > .wp-block-column.wp-block-column { flex: 0 0 calc(50% - 6px) !important; flex-basis: calc(50% - 6px) !important; box-sizing: border-box; }
	.wp-block-columns.b365-kennzahlen > .wp-block-column.wp-block-column:last-child:nth-child(odd) { flex: 0 0 100% !important; flex-basis: 100% !important; }
	.b365-kennzahl-karte { padding: 22px 12px; }
	.b365-kennzahl-wert { font-size: 2.75rem; }
	.b365-kennzahl-label { font-size: 0.8125rem; letter-spacing: 0.02em; hyphens: auto; }
}
@media (max-width: 600px) {
	.b365-partnerleiste > .wp-block-image { height: auto; min-height: 84px; box-sizing: border-box; }
	/* ungerade Anzahl: das breite Phoenix-Contact-Logo (erstes) über beide Spalten statt des letzten */
	.b365-partnerleiste > .wp-block-image:last-child:nth-child(odd) { grid-column: auto; }
	.b365-partnerleiste > .wp-block-image:first-child:nth-last-child(odd) { grid-column: 1 / -1; }
	.b365-partnerleiste .b365-logo-s img { max-width: 80% !important; }
}