/*
 * Schlanke Folgenseite (schlank.php): was von Divis Grundstil gebraucht wird, plus die
 * Foto-Lightbox. Laedt nur im schlanken Modus (body.b2p-schlank).
 */

/* Foto-Lightbox (ersetzt WP Featherlight) */
.b2p-lightbox {
	border: 0;
	padding: 0;
	background: transparent;
	max-width: 100vw;
	max-height: 100svh;
	overflow: visible;
}

.b2p-lightbox::backdrop {
	background: rgba(20, 20, 18, 0.88);
}

.b2p-lightbox img {
	display: block;
	max-width: 92vw;
	max-height: 86svh;
	width: auto;
	height: auto;
	border-radius: 6px;
}

.b2p-lightbox button {
	position: fixed;
	background: rgba(249, 246, 234, 0.12);
	color: #f9f6ea;
	border: 0;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
}

.b2p-lightbox button:hover,
.b2p-lightbox button:focus-visible {
	background: #fee26b;
	color: #2a2a28;
}

.b2p-lightbox__zu { top: 14px; right: 14px; }
.b2p-lightbox__pfeil { top: 50%; transform: translateY(-50%); }
.b2p-lightbox__pfeil--zurueck { left: 14px; }
.b2p-lightbox__pfeil--weiter { right: 14px; }
.b2p-lightbox.ist-einzeln .b2p-lightbox__pfeil { display: none; }