/* EHNES Seiten-Header (Page Hero) – blaues Full-Width-Band. CI: Roboto. */
.eph {
	position: relative;
	width: 100%;
	background: #0B55A0;
	overflow: hidden;
	font-family: "Roboto", system-ui, sans-serif;
	box-sizing: border-box;
}
.eph *, .eph *::before, .eph *::after { box-sizing: border-box; }
.eph__bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; }
.eph__overlay { position: absolute; inset: 0; background: #0B55A0; z-index: 1; }

.eph__inner {
	position: relative; z-index: 2;
	display: grid; grid-template-columns: 1fr;
	gap: 44px; align-items: stretch;
	max-width: 1240px; margin-inline: auto;
	padding: 70px 0;   /* horizontal 0 → Text fluchtet mit dem Content (1240) */
}
/* Split: Text links, Bild rechts */
.eph--split .eph__inner { grid-template-columns: 1.05fr 0.95fr; }

.eph__col { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.eph__body { width: 100%; }

/* Eyebrow */
.eph__eyebrow {
	display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px;
	font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
	color: rgba(255, 255, 255, .82);
}
.eph__eyebrow svg { width: 16px; height: 16px; flex: none; }

/* Headline (H1) – CI: Roboto 700, Großbuchstaben */
.eph__title {
	margin: 0; color: #fff;
	font-size: clamp(2rem, 1.4rem + 2.2vw, 2.625rem); line-height: 1.18; font-weight: 700;
	text-transform: uppercase;
}

/* Intro – CI: Roboto 18px, Light (300) */
.eph__intro {
	margin: 16px 0 0; max-width: 60ch;
	font-size: 18px; font-weight: 300; line-height: 1.6; color: rgba(255, 255, 255, .92);
}

/* Breadcrumb – unten unter dem Text */
.eph__bc {
	margin-top: auto; padding-top: 32px;
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
	font-size: 13.5px; font-weight: 500; color: rgba(255, 255, 255, .85);
}
.eph__bc a { color: rgba(255, 255, 255, .85); text-decoration: none; display: inline-flex; align-items: center; }
.eph__bc a:hover { color: #fff; }
.eph__bc-home svg { width: 17px; height: 17px; display: block; }
.eph__bc-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.eph__bc-sep { opacity: .7; }

/* Bild rechts */
.eph__media { min-width: 0; }
.eph__media img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; display: block; }

@media (max-width: 1024px) {
	.eph__inner { padding: 44px 20px; gap: 28px; }
	.eph--split .eph__inner { grid-template-columns: 1fr; }
	.eph__media img { min-height: 220px; }
	.eph__bc { padding-top: 24px; }
}