/**
 * Vertragshilfe – Startseite: kompaktere, ruhigere Typografie auf Mobil/Tablet.
 * Nur Startseite (body.home). Strafft zu grosse Schriftgroessen und Zeilenhoehen,
 * damit die mobile Ansicht nicht ueberdimensioniert wirkt. Der Suchbereich
 * (.vh-command-hero) hat sein eigenes Styling und ist ausgenommen.
 */
/* Fix: In der Sektion "Einen Vertrag zu erstellen, war noch nie so einfach!"
   wurde das Bild im Editor versehentlich auf ein ~7,24:1-Verhaeltnis gestaucht
   (Inline aspect-ratio + width:196px). Auf schmalen Screens wird es dadurch zu
   einem unbrauchbaren duennen Streifen. Wir stellen das natuerliche Verhaeltnis
   wieder her und machen es responsiv (gilt auf allen Breiten). */
/* Das eigentliche Foto ist das Spalten-Hintergrundbild (background-size:cover).
   Das zusaetzliche <img> in dieser Spalte ist ein Duplikat, das im Editor auf
   einen duennen 7,24:1-Streifen gestaucht wurde -> ausblenden. */
body.home .wp-block-column[style*="hausordnung-schweiz"] figure.wp-block-image {
	display: none !important;
}
/* Der Spalte eine sichtbare Hoehe geben, damit das Hintergrundfoto erscheint.
   Auf breiten Screens streckt der Flex-Container die Spalte ohnehin auf
   Texthoehe; min-height ist nur ein Boden. */
body.home .wp-block-column[style*="hausordnung-schweiz"] {
	min-height: 260px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
/* Beim Stapeln (schmale Breiten) definiert 16:9 die Hoehe -> sauberes Banner. */
@media (max-width: 781px) {
	body.home .wp-block-column[style*="hausordnung-schweiz"] {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}
}

@media (max-width: 782px) {
	/* Fliesstext + Listen kompakter */
	body.home .entry-content p:not(.vh-command-hero__intro):not(.vh-command__hint),
	body.home .entry-content li {
		font-size: 16.5px !important;
		line-height: 1.55 !important;
	}

	/* Seitentitel */
	body.home h1.entry-title,
	body.home h1.entry-title.h1-page {
		font-size: 22px !important;
		line-height: 1.2 !important;
	}

	/* Abschnitts-Ueberschriften (Suchbereich ausgenommen) */
	body.home .entry-content h2:not(.vh-command-hero__title) {
		font-size: 21px !important;
		line-height: 1.22 !important;
	}
	body.home .entry-content h3 {
		font-size: 18.5px !important;
		line-height: 1.28 !important;
	}
	body.home .entry-content h4 {
		font-size: 17px !important;
		line-height: 1.3 !important;
	}

	/* Ueberschriften-Abstaende leicht straffen */
	body.home .entry-content h2:not(.vh-command-hero__title),
	body.home .entry-content h3,
	body.home .entry-content h4 {
		margin-top: 1.1rem !important;
		margin-bottom: .5rem !important;
	}

	/* Grosse Buttons/CTAs nicht zu wuchtig */
	body.home .entry-content .wp-block-button__link,
	body.home .entry-content .btn {
		font-size: 15px !important;
	}
}

@media (max-width: 480px) {
	/* Auf sehr schmalen Screens die laengsten Titel noch etwas kleiner */
	body.home .entry-content h2:not(.vh-command-hero__title) {
		font-size: 20px !important;
	}
	body.home h1.entry-title {
		font-size: 21px !important;
	}
}