/* Landhaus Schadendorf – Speise-/Getränkekarte (Website) */
.ls-karte {
	--ls-text: #fffff0;
	--ls-muted: rgba(255, 255, 240, .78);
	--ls-line: rgba(255, 255, 240, .16);
	color: var(--ls-text);
	max-width: 1140px;
	margin: 0 auto;
	padding: 70px 24px 40px;
	box-sizing: border-box;
}
.entry-content > .ls-karte, .ls-karte { max-width: 1140px !important; margin-left: auto !important; margin-right: auto !important; }
.ls-karte * { box-sizing: border-box; }
.ls-karte__spalten { column-count: 2; column-gap: 72px; }
.ls-kat { break-inside: avoid; page-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 48px; }
.ls-karte .ls-kat__titel {
	color: var(--ls-text);
	font-size: clamp(1.6rem, 1.2rem + 1vw, 2rem);
	line-height: 1.2;
	margin: 0 0 14px;
}
.ls-karte p { margin-bottom: 0; }
.ls-kat__hinweis { font-size: 13px; line-height: 1.6; color: var(--ls-text); margin: -4px 0 18px; }
.ls-liste { list-style: none; margin: 0; padding: 0; }
.ls-item { margin: 0; padding: 9px 0; border-bottom: 1px solid var(--ls-line); }
.ls-item:last-child { border-bottom: 0; }
.ls-item__zeile, .ls-item__variante { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.ls-karte .ls-item__name {
	color: var(--ls-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
}
.ls-item__nr { font-weight: 600; }
.ls-item__preis {
	font-family: "Poppins", inherit;
	font-size: 17px;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	margin-left: auto;
}
.ls-item__desc { font-size: 13px; line-height: 1.45; color: var(--ls-muted); margin: 3px 0 0; }
.ls-item__variante { font-size: 13px; color: var(--ls-muted); margin-top: 4px; }
.ls-item__variante .ls-item__preis { font-size: 15px; color: var(--ls-text); }

.ls-legende { display: grid; grid-template-columns: 1fr 1fr; gap: 0 72px; margin-top: 8px; padding-top: 28px; border-top: 1px solid var(--ls-line); }
.ls-legende p { font-size: 13px; line-height: 1.7; columns: 2; column-gap: 24px; margin: 0; }
.ls-legende span { display: block; }
.ls-legende .ls-kat__titel { font-size: 1.4rem; }

@media (max-width: 860px) {
	.ls-karte { padding: 48px 20px 24px; }
	.ls-karte__spalten { column-count: 1; }
	.ls-kat { margin-bottom: 36px; }
	.ls-legende { grid-template-columns: 1fr; gap: 24px; }
}

/* Im Editor: dunkler Hintergrund, damit die helle Schrift lesbar ist */
.editor-styles-wrapper .ls-karte { background: #6f8b7e; border-radius: 6px; }