.jlb-seo-hero.jlb-ab-city-hero {
	background-image: linear-gradient(90deg, rgba(24, 25, 28, .92) 0%, rgba(24, 25, 28, .76) 48%, rgba(24, 25, 28, .37) 100%), var(--jlb-ab-image);
	background-position: center, center 48%;
	background-size: cover;
}
.jlb-ab-city-hero .jlb-shell > p:last-of-type { color: #fff; }
.jlb-ab-city-cta { margin-top: 28px; }
.jlb-ab-graz > header {
	padding: clamp(42px, 7vw, 88px) clamp(24px, 5vw, 60px);
	margin: -24px -24px 36px;
	background-image: linear-gradient(90deg, rgba(24, 25, 28, .92) 0%, rgba(24, 25, 28, .74) 55%, rgba(24, 25, 28, .43) 100%), var(--jlb-ab-image);
	background-position: center, center 48%;
	background-size: cover;
	color: #fff;
}
.jlb-ab-graz > header h1,
.jlb-ab-graz > header p { max-width: 760px; color: #fff; }
.jlb-ab-graz > header p { font-size: clamp(18px, 2vw, 22px); line-height: 1.5; }
.jlb-ab-city-cta:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 700px) {
	.jlb-seo-hero.jlb-ab-city-hero {
		background-image: linear-gradient(90deg, rgba(24, 25, 28, .91), rgba(24, 25, 28, .68)), var(--jlb-ab-image);
	}
	.jlb-ab-graz > header {
		margin: -24px -20px 30px;
		background-image: linear-gradient(90deg, rgba(24, 25, 28, .91), rgba(24, 25, 28, .66)), var(--jlb-ab-image);
	}
	.jlb-ab-city-cta { width: 100%; text-align: center; }
}