/* EHNES Branchen – Karten-Raster mit Hover-Overlay. CI: Roboto, Blau/Weiß. */
.ehb {
	--ehb-bg: #0B55A0;
	--ehb-bg-hover: #08427B;
	--ehb-fg: #FFFFFF;
	--ehb-radius: 0px;                 /* eckig (CI) — Rundung entfernt */
	font-family: "Roboto", system-ui, sans-serif;
	/* 100% breit; Einfassung/Content-Breite übernimmt der Elementor-Container */
	width: 100%;
	box-sizing: border-box;
}
.ehb *, .ehb *::before, .ehb *::after { box-sizing: border-box; }

.ehb__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	align-items: stretch;
}

.ehb__card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: var(--ehb-bg);
	border-radius: var(--ehb-radius);
	padding: 34px 22px;
	text-align: center;
	transition: transform .2s cubic-bezier(.4,0,.2,1);
}

.ehb__face {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	flex: 1 1 auto;
}
.ehb__icon { line-height: 0; color: var(--ehb-fg); }
.ehb__icon svg { width: 56px; height: 56px; display: block; }
.ehb__icon img { width: 56px; height: 56px; display: block; }
.ehb__icon i { font-size: 56px; color: var(--ehb-fg); }
.ehb__title { margin: 0; color: var(--ehb-fg); font: 600 19px/1.25 inherit; }
.ehb__desc { margin: 0; color: rgba(255,255,255,.85); font: 300 13.5px/1.5 inherit; }

/* Hover-Overlay (Lorem-/Detailtext) */
.ehb__hover {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 26px;
	background: var(--ehb-bg-hover);
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s cubic-bezier(.4,0,.2,1);
	z-index: 2;
}
.ehb__card:hover .ehb__hover { opacity: 1; }
.ehb__hover p { margin: 0; color: var(--ehb-fg); font: 300 14px/1.6 inherit; }

@media (max-width: 880px) {
	.ehb__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.ehb__grid { grid-template-columns: 1fr; }
}