/**
 * Vorlage „Fusspflege Zuhause“ — angelehnt an Mobirise / fusspflege-zuhause.ch:
 * Full-width Parallax-Header, warmes Bild-Overlay, abwechselnde Sektions-Hintergründe.
 *
 * Ergänzt public/assets/styles.css (Klassisch).
 */

body.theme-fusspflege {
	overflow-x: hidden;
	background: #ffffff;
	color: #1a1a1a;
}

body.theme-fusspflege .preview-badge {
	font-family: system-ui, -apple-system, sans-serif;
}

.page--fusspflege {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px 3.5rem;
}

/* --- Full-viewport Parallax-Streifen (wie Mobirise content5 / jarallax) --- */
.page--fusspflege .hero--fz-parallax {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.page--fusspflege .hero-parallax-wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.page--fusspflege .hero-parallax:not(.hero-parallax--placeholder) {
	min-height: clamp(260px, 52vw, 580px);
	background-attachment: scroll;
}

.page--fusspflege .hero-parallax--placeholder {
	min-height: clamp(160px, 28vw, 280px);
	background-image: linear-gradient(165deg, rgb(255 244 224), rgb(255 220 176));
	background-size: cover;
	background-position: center;
}

/* Headlines & Text unter dem Parallax-Streifen */
.page--fusspflege .hero__inner.fz-page-gutter {
	max-width: 1140px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.85rem 15px 0;
	box-sizing: border-box;
	background: transparent;
}

.page--fusspflege .hero h1 {
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.15;
	margin-top: 0;
}

.page--fusspflege .hero-sub {
	font-weight: 400;
	font-size: clamp(1.35rem, 2.6vw, 2.15rem);
	line-height: 1.25;
	margin-bottom: 1rem;
}

.page--fusspflege .lead {
	color: #222;
	font-size: 1rem;
	line-height: 1.65;
	margin-bottom: 0;
}

.page--fusspflege .lead.rich p:last-child {
	margin-bottom: 0;
}

/**
 * Volle Breite + Innenabstand wie Seiten-Spalte (1140px): wie Bootstrap .container.
 */
.page--fusspflege .fz-band {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: max(15px, calc((100vw - 1140px) / 2 + 15px));
	padding-right: max(15px, calc((100vw - 1140px) / 2 + 15px));
	box-sizing: border-box;
}

.page--fusspflege .section--banner-note.fz-band {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1.35rem;
	padding-bottom: 1.35rem;
	background: transparent;
	border: none;
	text-align: start;
	font-weight: 400;
	font-size: 0.98rem;
	line-height: 1;
}

.page--fusspflege .section--credentials.fz-band,
.page--fusspflege .section--contact.fz-band {
/*	padding-top: 2.35rem;
	padding-bottom: 2.65rem;*/
	background: transparent;
	border-top: none;
	border-bottom: none;
}

.page--fusspflege .section--credentials > .section__title-rich.rich,
.page--fusspflege .section--contact > .section__title-rich.rich {
	font-size: clamp(1.65rem, 3vw, 2.65rem);
	font-weight: 400;
	border-bottom: none;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1rem;
}

.page--fusspflege .section--credentials > .section__title-rich.rich > p,
.page--fusspflege .section--contact > .section__title-rich.rich > p {
	font-weight: 400;
}

.page--fusspflege .section--credentials > .section__title-rich.rich > :where(h1, h2, h3, h4),
.page--fusspflege .section--contact > .section__title-rich.rich > :where(h1, h2, h3, h4) {
	font-weight: 700;
}

.page--fusspflege .section--credentials .credentials-body,
.page--fusspflege .section--contact .contact-body {
	background: transparent;
	border: none;
	padding: 0.85rem 0;
	box-shadow: none;
	margin-top: 0.35rem;
}

.page--fusspflege .section--credentials ul.list {
	list-style-position: outside;
	background: transparent;
	border: none;
	padding: 0.5rem 0 0 1.35rem;
	box-shadow: none;
	margin-top: 0.35rem;
}

.page--fusspflege .section--credentials ul.list li {
	margin-bottom: 0.35rem;
}

.page--fusspflege .section--credentials ul.list li:last-child {
	margin-bottom: 0;
}

.page--fusspflege .section--offer.fz-band {
	padding-top: 2.5rem;
	padding-bottom: 2.25rem;
	background: transparent;
	border-top: none;
	border-bottom: none;
}

.page--fusspflege .section--offer > .section__title-rich.rich {
	text-align: center;
	border-bottom: none;
	font-size: clamp(1.65rem, 3vw, 2.65rem);
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 1.75rem;
}

.page--fusspflege .section--offer > .section__title-rich.rich > p {
	font-weight: 400;
}

.page--fusspflege .section--offer > .section__title-rich.rich > :where(h1, h2, h3, h4) {
	font-weight: 700;
}

.page--fusspflege .section--offer .grid {
	justify-items: center;
	align-items: stretch;
	gap: 1.75rem;
}

.page--fusspflege .section--offer .card {
	background: #ffffff;
	width: 100%;
	max-width: 520px;
	min-width: min(100%, 280px);
	border-radius: 0;
	border: 1px solid #dddddd;
	box-shadow: 0 5px 18px rgb(0 0 0 / 0.07);
	padding: 1.35rem 1.45rem 1.45rem;
}

.page--fusspflege .section--offer .card h3 {
	font-size: clamp(1.2rem, 2vw, 1.45rem);
	font-weight: 700;
	text-align: center;
}

.page--fusspflege .section--offer .price {
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	font-size: 1rem;
	margin-bottom: 1rem;
}

.page--fusspflege .section--offer .price span {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 0.15rem;
}

.page--fusspflege .section--offer .price strong {
	display: block;
	width: 100%;
	text-align: center;
	font-size: clamp(2.6rem, 7vw, 4rem);
	line-height: 1.08;
	font-weight: 700;
	margin-top: 0.15rem;
}

.page--fusspflege .section--offer .desc {
	font-size: 0.98rem;
	line-height: 1.55;
}

.page--fusspflege .section--offer .desc.rich ul {
	padding-left: 1.15rem;
	margin: 0.35rem 0 0;
}

.page--fusspflege .section--offer .desc.rich li {
	margin-bottom: 0.5rem;
}

.page--fusspflege .section--offer .subnote {
	position: relative;
	margin-top: 2.25rem;
	padding: 1.65rem 1rem 2rem;
	background: transparent;
	border: none;
	text-align: center;
	font-size: 1.05rem;
	line-height: 1.55;
}

.page--fusspflege .section--offer .subnote::before,
.page--fusspflege .section--offer .subnote::after {
	content: '';
	display: block;
	width: min(49%, 380px);
	height: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #bfbfbf;
}

.page--fusspflege .section--offer .subnote::before {
	margin-bottom: 1.35rem;
}

.page--fusspflege .section--offer .subnote::after {
	margin-top: 1.35rem;
}

body.theme-fusspflege .site-footer {
	margin-top: 0;
	padding: 2rem max(15px, calc((100vw - 1140px) / 2 + 15px)) 2.25rem;
	background: #333333;
	border-top: none;
	color: rgb(255 255 255 / 0.88);
	font-size: 0.92rem;
}

body.theme-fusspflege .site-footer__inner {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

body.theme-fusspflege .site-footer a {
	color: #ffffff;
	font-weight: 400;
	text-decoration: underline;
}

body.theme-fusspflege .site-footer__copy {
	color: rgb(255 255 255 / 0.95);
}

body.theme-fusspflege .site-footer__sep {
	color: rgb(255 255 255 / 0.35);
}

.page--fusspflege .content-block--products-title.section__title-rich.rich {
	text-align: center;
	border-bottom: none;
	font-size: clamp(1.65rem, 3vw, 2.65rem);
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 1.75rem;
}

.page--fusspflege .content-block--products-grid.grid {
	justify-items: center;
	align-items: stretch;
	gap: 1.75rem;
}

.page--fusspflege .content-block--products-grid .content-block--product.card {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.page--fusspflege .content-block--product.card {
	background: #ffffff;
	width: 100%;
	max-width: 520px;
	min-width: min(100%, 280px);
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	border: 1px solid #dddddd;
	box-shadow: 0 5px 18px rgb(0 0 0 / 0.07);
	padding: 1.35rem 1.45rem 1.45rem;
}

.page--fusspflege .content-block--product.card h3 {
	font-size: clamp(1.2rem, 2vw, 1.45rem);
	font-weight: 700;
	text-align: center;
}

.page--fusspflege .content-block--product.card .price {
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	font-size: 1rem;
	margin-bottom: 1rem;
}

.page--fusspflege .content-block--product.card .price span {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 0.15rem;
}

.page--fusspflege .content-block--product.card .price strong {
	display: block;
	width: 100%;
	text-align: center;
	font-size: clamp(2.6rem, 7vw, 4rem);
	line-height: 1.08;
	font-weight: 700;
	margin-top: 0.15rem;
}

.page--fusspflege .content-block--product.card .desc {
	font-size: 0.98rem;
	line-height: 1.55;
}

.page--fusspflege .content-block--extras.subnote {
	position: relative;
	margin-top: 0;
	padding: 1.65rem 1rem 2rem;
	background: transparent;
	border: none;
	text-align: center;
	font-size: 1.05rem;
	line-height: 1.55;
}

.page--fusspflege .content-block--extras.subnote::before,
.page--fusspflege .content-block--extras.subnote::after {
	content: '';
	display: block;
	width: min(49%, 380px);
	height: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #bfbfbf;
}

.page--fusspflege .content-block--extras.subnote::before {
	margin-bottom: 1.35rem;
}

.page--fusspflege .content-block--extras.subnote::after {
	margin-top: 1.35rem;
}

.page--fusspflege .content-block--contact-title.section__title-rich.rich {
	font-size: clamp(1.65rem, 3vw, 2.65rem);
	font-weight: 400;
	border-bottom: none;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1rem;
}

.page--fusspflege .content-block--contact-location.contact-location.rich {
	background: transparent;
	border: none;
	padding: 0;
	box-shadow: none;
	margin-top: 0;
}

@media (min-width: 768px) {
	.page--fusspflege .section--offer.section--offer-one .grid--offer-1 .card,
	.page--fusspflege .content-block--products-grid.section--offer-one.grid--offer-1 .content-block--product.card {
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}
}