/*
 * The legacy Babysitter theme uses intrinsic table width for the homepage CTA.
 * Long German headings can therefore extend beyond the phone container and get
 * clipped. Its scroll-animation script also leaves the lower icon boxes hidden
 * on phones when the animation callback does not run.
 */
@media (max-width: 767px) {
	.home .call-to-action .cta-inner {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.home .call-to-action .cta-txt,
	.home .call-to-action .cta-btn,
	.home .call-to-action h1 {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-wrap: break-word;
	}

	.wpcf7 input.form-control:not([type="checkbox"]):not([type="radio"]),
	.wpcf7 textarea,
	.wpcf7 select.form-control,
	.page-id-3220 input.form-control,
	.page-id-3220 select.form-control {
		box-sizing: border-box;
		max-width: 100%;
		font-size: 16px;
	}
}

/* The theme still uses its compact tablet layout at exactly 768 px. */
@media (max-width: 768px) {
	.home .page-content .animated {
		visibility: visible !important;
		animation: none !important;
	}
}