/* ============================================================
   OFFICE-INLINE — Ansprechpartner fest in der Seite
   Beschluss Feedback-Call 2026-08-21: Auf /kontakt/ erscheint die
   scroll-eingeblendete Pille (.bks-office) praktisch nie, weil die
   Seite zu kurz zum Scrollen ist. Dieselben zwei Ansprechpartner
   stehen deshalb zusaetzlich fest in der Seite — Shortcode
   [bks_office_people], Datenquelle bks_office_people() in functions.php.
   Die Pille bleibt bewusst bestehen (Wunsch JD).
   Schriftgroessen ausschliesslich ueber die Typo-Skala (--fs-*).
   ============================================================ */

.bks-rd .office-inline { margin-top: 8px; }

.bks-rd .office-inline__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px 32px;
	margin-top: 14px;
}

.bks-rd .office-inline__person {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.bks-rd .office-inline__photo {
	width: 88px;
	height: 88px;
	flex: none;
	border-radius: 50%;
	object-fit: cover;
	background: var(--surface, #f6f8f9);
}

.bks-rd .office-inline__body { min-width: 0; }

.bks-rd .office-inline__name {
	font-size: var(--fs-4);
	font-weight: 600;
	color: var(--bks-blue, #006699);
	margin: 0;
	line-height: 1.25;
}

.bks-rd .office-inline__role {
	font-size: var(--fs-5);
	color: var(--grey-700, #3b4650);
	margin: 2px 0 0;
}

.bks-rd .office-inline__for {
	font-size: var(--fs-5);
	color: var(--grey-600, #51606b);
	margin: 6px 0 0;
	text-wrap: pretty;
}

.bks-rd .office-inline__actions {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 10px 0 0;
	font-size: var(--fs-5);
}

.bks-rd .office-inline__actions a {
	color: var(--bks-blue, #006699);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.bks-rd .office-inline__actions a:hover,
.bks-rd .office-inline__actions a:focus-visible { text-decoration: underline; }

/* ── Standortkarte (statisches Bild aus der Mediathek, KEIN Drittanbieter-Embed:
      kein Google-/OSM-iframe, also kein Request des Besuchers an Dritte und kein
      neuer Punkt in der Cookie-/Datenschutz-Checkliste). ── */
.bks-rd .office-map { margin-top: 28px; }

.bks-rd .office-map img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-md, 4px);
	border: 1px solid var(--hairline, #e3e7ea);
}

.bks-rd .office-map figcaption {
	font-size: var(--fs-5);
	color: var(--grey-600, #51606b);
	margin-top: 8px;
}

.bks-rd .office-map figcaption a { color: var(--bks-blue, #006699); }

@media (max-width: 600px) {
	.bks-rd .office-inline__person { gap: 12px; }
	.bks-rd .office-inline__photo { width: 64px; height: 64px; }
}