@page {
	size: a4;
	margin: 15mm 11mm 20mm 11mm;
}

@media print {

	/* Im Ausdruck bleibt ausschließlich die Papier-Box übrig. Die Auswahl ist
	   strukturrobust: alles außerhalb von <main id="content"> (Theme-Header,
	   -Footer, Skyline, Skyscraper-Ad, Skip-Link, Admin-Bar) wird ausgeblendet,
	   innerhalb von <main> bleibt nur .print-view > .recipe (= .print-paper). */
	body {
		padding: 0 !important;
		background: #fff !important;
	}

	body > :not(#content),
	#content > :not(.print-view),
	.print-view > :not(.recipe) {
		display: none !important;
	}

	#content,
	.print-view,
	.print-view > .recipe {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		max-width: none !important;
	}

	.print-main {
		background: none !important;
	}

	/* Interaktiver Portions-Stepper ist im Ausdruck sinnlos (wie eat24). */
	.counting-buttons {
		display: none !important;
	}

	/* QR-Code IMMER drucken. Am Bildschirm ist er per `max-sm:hidden` auf schmalen
	   Viewports ausgeblendet (aufgeräumte Mobile-Vorschau) – beim Druck vom Mobilgerät
	   greift dieser Viewport jedoch ebenfalls, sodass der QR-Code sonst nicht im
	   Ausdruck erscheint. Im Druckkontext wird er deshalb geräteunabhängig erzwungen. */
	.print-qr {
		display: block !important;
	}

	.recipe-content-1 {
		flex-basis: 35%;
		width: 100%;
		max-width: 35%;
		padding-left: 1.25rem;
	}

	.recipe-content-2 {
		flex-basis: 65%;
		width: 100%;
		max-width: 65%;
		padding-right: 1.25rem;
	}

	/* Werbung wird im Ausdruck zusätzlich klassenbasiert weggeräumt (zweite
	   Verteidigungslinie zur strukturellen Ausblendung oben). */
	ins,
	.eataa,
	.eata,
	.eatb,
	.eatc,
	.subheading-line,
	.jpx-ms-wrapper,
	.bottom-menu,
	.skys,
	[jpx-object-id],
	[class^="ogy_ad"],
	[class^="impactify-"],
	[class^="advads-"],
	[id^="google_ads_iframe"],
	[data-google-query-id],
	div[style] {
		display: none !important;
	}
}