/**
 * BHC Bild KI-Label
 *
 * Größe und Abstand lassen sich im Theme über die Custom Properties anpassen, z. B.:
 * .bhc-ki-label-wrap { --bhc-ki-label-height: 20px; --bhc-ki-label-offset: 6px; }
 */

.bhc-ki-label-wrap {
	--bhc-ki-label-height: 35px;
	--bhc-ki-label-offset: 0px;

	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	vertical-align: top;
}

.bhc-ki-label-wrap > img:not(.bhc-ki-label) {
	display: block;
	max-width: 100%;
}

/* Gutenberg-Bildblock / Beaver Builder: Bild soll die volle Breite behalten. */
.wp-block-image .bhc-ki-label-wrap,
.fl-photo-content .bhc-ki-label-wrap {
	display: block;
	width: fit-content;
}

.wp-block-image.aligncenter .bhc-ki-label-wrap,
.wp-block-image .aligncenter .bhc-ki-label-wrap {
	margin-inline: auto;
}

.bhc-ki-label-wrap > img.bhc-ki-label {
	position: absolute;
	right: var(--bhc-ki-label-offset);
	bottom: var(--bhc-ki-label-offset);
	width: auto !important;
	height: var(--bhc-ki-label-height) !important;
	max-width: calc(100% - 2 * var(--bhc-ki-label-offset));
	margin: 0 !important;
	padding: 0;
	border: 0;
	box-shadow: none;
	pointer-events: none;
	user-select: none;
	z-index: 2;
}