/* ===========================================================================
   tablet.css — Benker WP-Theme
   HANDGESCHRIEBEN. Wird NACH components.css geladen.

   TABLET-FEINSCHLIFF (Audit mit Atilla, 23.07.2026). Der Bereich 768-1023px
   (iPad hochkant) faellt zwischen Handy- und Desktop-Zuschnitt: Einige
   Bilder tragen Seitenverhaeltnisse, die fuer schmale Handys oder die
   Desktop-Spalte gedacht sind — bei voller Tablet-Breite werden sie riesig.
   Hier bekommen sie fuer genau diesen Bereich flachere Zuschnitte
   (object-fit: cover schneidet verlustfrei zu, kein neues Bildmaterial
   noetig). Desktop und Handy bleiben unveraendert.
   =========================================================================== */

@media (min-width: 768px) and (max-width: 1023.98px) {

	/* Kontakt-Section: Das Firmengebaeude stand mit 539/475 fast quadratisch
	   im Band — bei 834px Viewport ein ~730px hoher Riese, und die Info-Karte
	   wirkte verloren. Flacher Zuschnitt + Karteninhalt (Oeffnungszeiten /
	   Buero) ueber die Breite verteilt. */
	.kontakt__img {
		aspect-ratio: 16 / 9;
	}

	.kontakt__info {
		justify-content: space-between;
	}

	/* Produktseiten-Hero (.esdhero): Das Produktbild traegt 598/524 — als
	   Desktop-SPALTE richtig, ueber die volle Tablet-Breite ~690px hoch.
	   Flacher Zuschnitt fuer den gestapelten Zustand. */
	.esdhero__media {
		aspect-ratio: 16 / 9;
	}

}