:where(.has-nxt-shape-divider) {
	position: relative;
}

/* Breite mit !important: Theme- und Layout-Regeln für direkte Kinder (z. B. width: 90 %, content-size) dürfen den Divider nicht einrücken */
.nxt-shape-divider {
	color: var(--nxt-shape-divider-color, var(--wp--preset--color--base, #fff));
	left: 0;
	line-height: 0;
	max-width: 100% !important;
	pointer-events: none;
	position: absolute;
	width: 100% !important;
	z-index: 1;
}

/* 1px Überlappung gegen Haarlinien zwischen den Abschnitten */
.nxt-shape-divider--top {
	top: -1px;
}

.nxt-shape-divider--bottom {
	bottom: -1px;
}

.nxt-shape-divider svg {
	display: block;
	width: 100%;
	height: 100%;
}

.nxt-shape-divider--flip svg {
	transform: scaleX(-1);
}

.nxt-shape-divider--invert svg {
	transform: scaleY(-1);
}

.nxt-shape-divider--flip.nxt-shape-divider--invert svg {
	transform: scale(-1);
}

@media only screen and (width <= 781px) {
	.nxt-shape-divider {
		max-height: 150px;
	}
}

@media only screen and (width <= 480px) {
	.nxt-shape-divider {
		max-height: 100px;
	}
}
