/* =========================================================================
 * FPE Medien – Bildnachweis & Medien-Feinschliff
 * Additiv zu fpe-site. Nutzt dessen Design-Tokens (--fpe-*) mit Fallbacks.
 * ========================================================================= */

/* ---- Bildnachweis unter Galerie / Einzelbild ----
 * Gilt sowohl für den NEUEN Auto-Nachweis (.fpe-medien-credit, aus der Mediathek)
 * als auch für die ALTEN, aus dem Import übernommenen Nachweis-Absätze
 * (.fpe-bildnachweis). Dadurch sehen alte und neue Beiträge identisch aus –
 * ohne die alten Inhalte anzufassen (kein Risiko). */
.single-post .entry-content .fpe-medien-credit,
.single-pressemeldung .entry-content .fpe-medien-credit,
.single-erlebnis .entry-content .fpe-medien-credit,
.single-unterkunft .entry-content .fpe-medien-credit,
.single-post .entry-content p.fpe-bildnachweis,
.single-pressemeldung .entry-content p.fpe-bildnachweis,
.single-erlebnis .entry-content p.fpe-bildnachweis,
.single-unterkunft .entry-content p.fpe-bildnachweis {
	color: var(--fpe-grau, #5b5b5b);
	font-size: .82rem;
	font-style: italic;
	text-align: right;
	line-height: 1.4;
	margin: .5em 0 1.6em;
}

/* Direkt nach der Galerie etwas näher heranrücken */
.single-post .entry-content .fpe-medien-credit--galerie,
.single-pressemeldung .entry-content .fpe-medien-credit--galerie {
	margin-top: .6em;
}

/* Einzelbild-Nachweis sitzt dicht unter dem Bild */
.single-post .entry-content .fpe-medien-credit--bild,
.single-pressemeldung .entry-content .fpe-medien-credit--bild {
	margin-top: -.9em;
}

/* ---- Einzelbild quer über den Beitrag, Höhe auf ~500 px gedeckelt ----
 * fpe-site deckelt Inhaltsbilder auf 560 px; wir laden danach und setzen 500 px.
 * Galerie-Bilder bleiben ungedeckelt (fpe-site-Regel .wp-block-gallery img{max-height:none}
 * ist spezifischer und gewinnt weiterhin). */
.single-post .entry-content img,
.single-pressemeldung .entry-content img {
	max-height: 500px;
}

/* ---- Kopfbild: Nachweis klein OBEN rechts ----
 * .fpe-pmhead (aus fpe-site) ist position:relative und hat einen ::after-Verlauf.
 * Oben rechts, weil das Kopfbild „cover"-beschnitten ist und die weiße Karte den
 * unteren Rand überlappt. Kräftiger dunkler Hintergrund + Schatten = gut lesbar
 * (wichtig für die Zielgruppe). */
.fpe-medien-hero-credit {
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 3;
	max-width: 72%;
	color: #fff;
	font-size: .78rem;
	font-weight: 500;
	line-height: 1.35;
	padding: 4px 10px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .62);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	text-align: right;
}

@media (max-width: 640px) {
	.fpe-medien-hero-credit {
		font-size: .72rem;
		right: 8px;
		top: 8px;
		max-width: 85%;
	}
}