/* FTSV09 – Handy / Mobile */

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body.ftsv-nav {
	overflow-x: clip;
}

@media (max-width: 640px) {
	body.ftsv-nav #content.main {
		padding: 0 0.75rem 1.75rem;
	}

	body.ftsv-nav #content .zparea.zpgrid {
		padding: 1rem 0.85rem 1.25rem;
		margin-top: 0.75rem;
		border-radius: 8px;
	}

	body.ftsv-nav #content h1 {
		font-size: 1.35rem;
	}

	body.ftsv-nav #content img.singleImage {
		width: 100%;
		max-width: 100%;
	}

	/* Kontaktformular – kein iOS-Zoom bei Fokus */
	body.ftsv-home input[type="text"],
	body.ftsv-home input[type="email"],
	body.ftsv-home textarea,
	body.ftsv-home select {
		font-size: 16px;
		max-width: 100%;
	}

	body.ftsv-home .zpRow .zpColumn {
		min-width: 0;
	}

	/* Nach-oben-Button */
	#totop {
		right: 0.65rem;
		bottom: 0.65rem;
	}

	#totop a {
		width: 44px;
		height: 44px;
		line-height: 44px;
	}

	/* Sparten-Seiten */
	.ftsv-sparte-header,
	.ftsv-sparte-body {
		padding: 1rem;
	}

	.ftsv-sparte-header h1 {
		font-size: 1.35rem;
	}

	.ftsv-sparte-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ftsv-sparte-actions .ftsv-btn {
		text-align: center;
	}

	/* Startseite */
	body.ftsv-home .ftsv-hero-logo {
		max-width: min(220px, 72vw);
	}

	body.ftsv-home .ftsv-hero-actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.ftsv-home .ftsv-hero-actions .ftsv-btn {
		text-align: center;
	}

	body.ftsv-home .ftsv-sparten-grid {
		grid-template-columns: 1fr;
	}

	body.ftsv-home .ftsv-intro,
	body.ftsv-home .ftsv-kehrenbach {
		padding: 1rem;
	}

	body.ftsv-home #a1848 #oa1 {
		padding: 1rem;
	}

	/* Archiv */
	.ftsv-archiv-section h3 {
		font-size: 1.05rem;
	}
}

@media (max-width: 400px) {
	#header #nav > ul > li.logo > a img {
		max-height: 36px;
	}

	#footer #xmenu a.xmenulink {
		display: block;
		margin: 0.35rem auto;
		max-width: 14rem;
	}
}