/* ===========================================================
   Hoftaverne Speisekarte - Kartenseiten im Look der Website
   NORDLICHT GmbH, August 2026
   Farben: Weinrot #A7040F, Creme #f2efde, Text #3D3529
   =========================================================== */

.htv-seite .site-main {
	background: #f2efde;
	padding: 0 0 70px;
}

/* Der Seitentitel des Themes wird durch den Kopf der Karte ersetzt. */
.htv-seite .page-header {
	display: none;
}

.htv-seite .page-content {
	margin: 0;
}

.htv-karte {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 24px;
	font-family: "Merriweather Sans", "Helvetica Neue", Arial, sans-serif;
	color: #3D3529;
	line-height: 1.6;
}

/* ---------- Kopf ---------- */

.htv-kopf {
	text-align: center;
	padding: 64px 0 6px;
}

.htv-kopf h2 {
	font-family: "Merriweather", Georgia, serif;
	color: #A7040F;
	font-size: 42px;
	line-height: 1.15;
	margin: 0;
	font-weight: 700;
}

.htv-zier {
	display: block;
	width: 62px;
	height: 2px;
	background: #A7040F;
	margin: 18px auto 20px;
}

.htv-vorspann {
	max-width: 560px;
	margin: 0 auto;
	color: #6B6151;
	font-size: 15px;
}

.htv-vorspann strong {
	color: #A7040F;
}

/* ---------- Kategorien ---------- */

.htv-gruppe {
	margin: 46px 0 0;
}

.htv-kategorie {
	font-family: "Merriweather", Georgia, serif;
	color: #A7040F;
	font-size: 26px;
	text-align: center;
	margin: 0 0 6px;
	font-weight: 700;
}

.htv-gruppe::after {
	content: "";
}

.htv-kategorie + .htv-spalten,
.htv-kategorie + .htv-speise {
	border-top: 1px solid rgba(167, 4, 15, 0.35);
	padding-top: 16px;
	margin-top: 14px;
}

.htv-spalten {
	display: flex;
	justify-content: flex-end;
	gap: 26px;
	margin: 0 0 4px;
	font-size: 12px;
	font-style: italic;
	color: #6B6151;
}

.htv-spalten span {
	width: 54px;
	text-align: right;
}

/* ---------- Speise ---------- */

.htv-speise {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	padding: 0 0 16px;
	margin: 0 0 16px;
	border-bottom: 1px solid rgba(61, 53, 41, 0.10);
}

.htv-speise:last-child {
	border-bottom: 0;
}

.htv-name {
	flex: 1 1 auto;
	padding-right: 18px;
	font-weight: 700;
	font-size: 17px;
}

.htv-preis {
	flex: 0 0 auto;
	white-space: nowrap;
	font-size: 17px;
	color: #A7040F;
	font-variant-numeric: tabular-nums;
}

.htv-preis-klein {
	display: inline-block;
	width: 54px;
	text-align: right;
	margin-left: 26px;
}

.htv-beschreibung,
.htv-allergene {
	flex: 1 1 100%;
	font-size: 14px;
	color: #6B6151;
	margin-top: 3px;
}

.htv-allergene {
	font-size: 12px;
	font-style: italic;
}

/* ---------- Hinweise unter der Karte ---------- */

.htv-hinweis {
	border: 1px solid #A7040F;
	border-radius: 4px;
	background: #fff;
	padding: 18px 22px;
	margin: 44px 0 0;
	text-align: center;
	font-weight: 700;
	color: #A7040F;
}

.htv-kleingedrucktes {
	text-align: center;
	font-size: 13px;
	color: #6B6151;
	margin: 18px 0 0;
}

.htv-zeiten {
	margin: 46px 0 0;
	padding: 26px 24px;
	background: #fff;
	border-top: 3px solid #A7040F;
	border-radius: 4px;
	text-align: center;
}

.htv-zeiten h3 {
	font-family: "Merriweather", Georgia, serif;
	color: #A7040F;
	font-size: 20px;
	margin: 0 0 10px;
}

.htv-zeiten p {
	margin: 0 0 4px;
	font-size: 15px;
}

.htv-fuss {
	text-align: center;
	font-size: 13px;
	color: #6B6151;
	margin: 34px 0 0;
}

.htv-fuss a {
	color: #A7040F;
}

/* ---------- Wochenmenü ---------- */

.htv-tage {
	margin: 34px 0 0;
}

.htv-tag {
	background: #fff;
	border-left: 4px solid #A7040F;
	border-radius: 4px;
	padding: 20px 24px;
	margin: 0 0 16px;
}

.htv-tag-kopf {
	font-family: "Merriweather", Georgia, serif;
	color: #A7040F;
	font-size: 19px;
	margin: 0 0 8px;
	font-weight: 700;
}

.htv-gang {
	margin: 0 0 4px;
	font-size: 16px;
}

.htv-aushang {
	text-align: center;
	margin: 44px 0 0;
	padding: 30px 24px;
	background: #fff;
	border-radius: 4px;
}

.htv-aushang h3 {
	font-family: "Merriweather", Georgia, serif;
	color: #A7040F;
	font-size: 26px;
	margin: 0 0 8px;
}

.htv-aushang-datum {
	font-weight: 700;
	margin: 0 0 14px;
}

.htv-aushang-bild {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 6px auto 0;
	border-radius: 4px;
}

.htv-aushang-text {
	margin: 16px 0 0;
	color: #6B6151;
}

.htv-aktion {
	text-align: center;
	margin: 36px 0 0;
}

.htv-download {
	display: inline-block;
	background: #A7040F;
	color: #fff !important;
	padding: 15px 34px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.02em;
	box-shadow: 0 4px 14px rgba(167, 4, 15, 0.22);
	transition: background 0.15s ease;
}

.htv-download:hover,
.htv-download:focus {
	background: #8a030c;
	color: #fff !important;
}

/* ---------- Mobil ---------- */

@media (max-width: 640px) {
	.htv-karte { padding: 0 18px; }
	.htv-kopf { padding: 42px 0 4px; }
	.htv-kopf h2 { font-size: 32px; }
	.htv-kategorie { font-size: 22px; }
	.htv-name, .htv-preis { font-size: 16px; }
	.htv-preis-klein { margin-left: 16px; width: 46px; }
	.htv-tag { padding: 16px 18px; }
	.htv-download { display: block; padding: 15px 20px; }
}