/* Regensburger Stadtzeitung - Demo-Layout */

.rsz-utility-bar {
	background: #fff;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	color: #555;
}
.rsz-utility-inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 6px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rsz-utility-links a {
	margin-left: 14px;
	color: #182d4f;
	text-decoration: none;
}
.rsz-utility-links a:hover { text-decoration: underline; }

.rsz-hero { position: relative; margin-bottom: 0; }
.rsz-hero img { width: 100%; height: auto; display: block; }
.rsz-hero-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 380px;
	background: rgba(24, 45, 79, 0.92);
	color: #fff;
	padding: 18px 20px;
}
.rsz-hero-caption h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.25; }
.rsz-hero-caption h2 a { color: #fff; text-decoration: none; }
.rsz-hero-caption p { margin: 0; font-size: 13px; color: #dfe4ee; }

.rsz-ticker {
	background: #182d4f;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 13px;
	padding: 8px 15px;
	gap: 12px;
	flex-wrap: wrap;
}
.rsz-ticker-badge {
	background: #b02a2a;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 12px;
	flex-shrink: 0;
}
.rsz-ticker-items span { margin-right: 18px; color: #eef1f7; }
.rsz-ticker-items span:not(:last-child)::after { content: "+++"; margin-left: 18px; color: #8fa2c4; }

.rsz-grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 20px 0;
}
.rsz-grid3 .rsz-card { background: #f7f7f7; }
.rsz-grid3 .rsz-card img { width: 100%; height: 140px; object-fit: cover; display: block; }
.rsz-grid3 .rsz-card-body { padding: 12px; }
.rsz-grid3 .rsz-card h3 { font-size: 15px; margin: 0 0 6px; }
.rsz-grid3 .rsz-card h3 a { color: #182d4f; text-decoration: none; }
.rsz-grid3 .rsz-card p { font-size: 13px; color: #555; margin: 0; }
.rsz-grid3 .rsz-ad-slot {
	background: #182d4f;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	font-size: 13px;
}

.rsz-most-read ol { counter-reset: rsz-counter; list-style: none; margin: 0; padding: 0; }
.rsz-most-read li {
	counter-increment: rsz-counter;
	position: relative;
	padding: 6px 0 6px 34px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}
.rsz-most-read li::before {
	content: counter(rsz-counter);
	position: absolute;
	left: 0;
	top: 6px;
	width: 22px;
	height: 22px;
	background: #b02a2a;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rsz-most-read li a { color: #182d4f; text-decoration: none; }

.rsz-ad-box { background: #182d4f; color: #fff; padding: 20px; text-align: center; font-size: 13px; }
.rsz-ad-box strong { display: block; margin-bottom: 6px; font-size: 14px; }

.rsz-footer-links { text-align: center; padding: 10px 0 0; }
.rsz-footer-links a { color: #dfe4ee; margin: 0 10px; font-size: 13px; text-decoration: none; }
.rsz-footer-social { text-align: center; padding: 8px 0 10px; }
.rsz-footer-social a { color: #dfe4ee; margin: 0 8px; font-size: 16px; text-decoration: none; }

@media (max-width: 700px) {
	.rsz-grid3 { grid-template-columns: 1fr; }
	.rsz-hero-caption { position: static; max-width: none; }
	.rsz-utility-inner { flex-direction: column; gap: 4px; text-align: center; }
}