/* MARCH PUMPEN – Video-Platzhalter (Klick-Lösung) */

.video-consent {
	position: relative;
	display: grid;
	place-items: center;
	margin: 2rem 0;
	border-radius: .5rem;
	background:
		radial-gradient(circle at 50% 0%, rgba(71, 208, 255, .16), transparent 60%),
		linear-gradient(145deg, #0e2540 0%, #050f1a 100%);
	box-shadow: inset 0 0 0 1px var(--color-line);
	color: var(--color-text);
	overflow: hidden;
}

.video-consent__panel {
	max-width: 34rem;
	padding: clamp(1.25rem, 4vw, 2.5rem);
	text-align: center;
}

.video-consent__icon {
	width: 3rem;
	height: 3rem;
	margin: 0 auto 1rem;
	padding: .8rem;
	border-radius: 50%;
	background: rgba(71, 208, 255, .14);
	color: var(--color-cyan);
}

.video-consent__title {
	margin: 0 0 .5rem;
	color: #fff;
	font-family: var(--font-display);
	font-size: clamp(1.3rem, 2.6vw, 1.7rem);
	font-weight: 700;
	line-height: 1.15;
}

.video-consent__text {
	margin: 0 0 1.25rem;
	color: var(--color-text-muted);
	font-size: .95rem;
	line-height: 1.5;
}

.video-consent a,
.report-body .video-consent a { color: var(--color-cyan); }
.video-consent a:hover,
.report-body .video-consent a:hover { color: #fff; }

.video-consent .btn { min-height: 2.9rem; }

.video-consent__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (width < 36rem) {
	.video-consent__text { font-size: .9rem; }
}