.hcw-info-banner {
	--ib-accent: var(--blue-mid, #1b56a3);
	--ib-bg: #e8f0fa;
	--ib-ink: var(--ink, #0b2a4f);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin: 1.5em 0;
	padding: 14px 20px;
	background: var(--ib-bg);
	border-left: 6px solid var(--ib-accent);
	color: var(--ib-ink);
	line-height: 1.5;
}

.hcw-info-banner--warnung {
	--ib-accent: #d98a00;
	--ib-bg: #fff4dc;
}

.hcw-info-banner__text {
	flex: 1 1 260px;
}

.hcw-info-banner__text > :first-child {
	margin-top: 0;
}

.hcw-info-banner__text > :last-child {
	margin-bottom: 0;
}

.hcw-info-banner__text a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
}

.hcw-info-banner__btn {
	flex: 0 0 auto;
	padding: 8px 16px;
	background: var(--ib-accent);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.hcw-info-banner__btn:hover,
.hcw-info-banner__btn:focus-visible {
	filter: brightness(1.1);
}