/* Design-Seiten: Inhalt unscharf, Hinweis bleibt lesbar */

.cr-design-soon {
	position: relative;
}

.cr-design-soon .cr-lh-hero,
.cr-design-soon .cr-lh-logos,
.cr-design-soon .cr-lh-intro,
.cr-design-soon .cr-lh-bento,
.cr-design-soon .cr-lh-angled {
	filter: blur(22px);
	-webkit-filter: blur(22px);
	pointer-events: none;
	user-select: none;
}

.cr-design-soon .cr-soon {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: calc(42vh - 34px);
	transform: translateX(-50%);
	width: max-content;
	max-width: calc(100% - 32px);
	margin: 0;
	padding: 0;
	text-align: center;
	pointer-events: none;
}

.cr-design-soon .cr-soon p {
	margin: 0;
	padding: 16px 26px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.94);
	font-family: "Just Sans", system-ui, sans-serif;
	font-weight: 600;
	font-size: 33px;
	line-height: 1.2;
	letter-spacing: -0.4px;
	color: #111;
}

@media (max-width: 767px) {
	.cr-design-soon .cr-soon {
		top: calc(36vh - 20px);
	}

	.cr-design-soon .cr-soon p {
		padding: 14px 18px;
		font-size: 26px;
	}
}