/**
 * Leikwood Bildzoom 1.0.1
 *
 * Nur Aussehen. Alle Regeln haengen an .pswp--lwbz, damit ein allfaelliger
 * anderer PhotoSwipe auf der Website unberuehrt bleibt.
 *
 * Farbwahl gemessen begruendet (11.09.2026):
 * - Die Masszeichnungen sind PNG mit Transparenz, 98 % der Flaeche ganz
 *   durchsichtig. Ohne Unterlage scheint der Rahmen durch die Zeichnung.
 *   Deshalb liegt eine weisse Flaeche genau hinter dem Bild - wie ein Plan
 *   auf Papier. Die Fotos sind vollstaendig deckend, dort ist die Flaeche
 *   nicht zu sehen.
 * - Der Rahmen ist Anthrazit #383E42 (CI) und nicht hell: die Bediensymbole
 *   von PhotoSwipe sind weiss. Auf hellem Grund waeren sie unsichtbar.
 */

/* Zeigt, dass das Bild anklickbar ist. */
.lwbz-zoombar {
	cursor: zoom-in;
}

.lwbz-zoombar:focus-visible {
	outline: 1px solid #AD9271;
	outline-offset: 2px;
}

/* Rahmen in Anthrazit, vollflaechig deckend. */
.pswp--lwbz .pswp__bg {
	background: #383E42;
	opacity: 1 !important;
}

/* Die Unterlage fuer die durchsichtigen Masszeichnungen. */
.pswp--lwbz .pswp__img,
.pswp--lwbz .pswp__img--placeholder {
	background-color: #FFFFFF;
}

/* Der leere Platzhalter vor dem Laden soll nicht als weisser Kasten blitzen. */
.pswp--lwbz .pswp__img--placeholder--blank {
	background-color: #383E42;
}

/* Schrift nach Projektvorgabe: Manrope fuer alles ausser Titeln. */
.pswp--lwbz .pswp__counter,
.pswp--lwbz .pswp__caption__center {
	font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.4;
	color: #FFFFFF;
	opacity: 0.85;
}

.pswp--lwbz .pswp__counter {
	padding: 0 14px;
}

/* Ruhiger Rahmen: keine harten Kanten, kein Radius, passend zur Formensprache. */
.pswp--lwbz .pswp__top-bar {
	background: transparent;
}

.pswp--lwbz .pswp__button,
.pswp--lwbz .pswp__button--arrow--left,
.pswp--lwbz .pswp__button--arrow--right {
	border-radius: 0;
}

/* Am Handy sind die Pfeilflaechen sonst schwer zu treffen. */
@media (max-width: 640px) {
	.pswp--lwbz .pswp__counter {
		font-size: 14px;
		padding: 0 10px;
	}
}