/*
	Eigene Ergänzungen für die Pflegeberatung Nehle Keweloh
	(liegt NACH main.css, überschreibt/ergänzt das Massively-Template)
	Ruhige, warme Palette: tiefes Teal + Terrakotta/Gold/Salbei
*/

/* Portraitfoto im "Über mich"-Block ruhig einrahmen */
.post.featured .image.main img {
	border-radius: 10px;
	max-height: 560px;
	width: auto;
	margin: 0 auto;
	display: block;
}

/* Hervorhebung: ehemalige MD-Gutachterin */
.highlight-md {
	margin: 2rem 0;
	padding: 1.5rem 1.75rem;
	background: #eef3f1;
	border-left: 5px solid #cc9a6b;
	border-radius: 6px;
}
.highlight-md p {
	margin: 0;
}
.highlight-md strong {
	color: #2f5650;
}

/* Preise bei den Leistungen */
.preis {
	display: block;
	font-size: 1.75rem;
	font-weight: 800;
	color: #3f7268;
	margin: 0.5rem 0 0.15rem 0;
}
.einfuehrung {
	display: block;
	font-size: 0.75rem;
	font-style: italic;
	color: #717981;
	margin-bottom: 1.25rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

/* Leistungen als Karten (zwei Spalten, ohne Bild) */
.leistungen .leistung {
	border: 1px solid #e2e2e2;
	border-top: 4px solid #3f7268;
	border-radius: 8px;
	padding: 2rem;
	background: #ffffff;
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.04);
}

/* Ablauf in 3 Schritten */
ul.ablauf {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
@media screen and (max-width: 736px) {
	ul.ablauf {
		grid-template-columns: 1fr;
	}
}
ul.ablauf > li {
	text-align: center;
}
ul.ablauf .schritt-nr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	margin-bottom: 1.25rem;
	border-radius: 50%;
	background: #3f7268;
	color: #ffffff;
	font-size: 1.75rem;
	font-weight: 800;
}

/* Calendly-Platzhalter (MOCK) */
.calendly-mock {
	max-width: 42rem;
	margin: 0 auto;
	padding: 3rem 2rem;
	text-align: center;
	border: 2px dashed #c2a878;
	border-radius: 10px;
	background: #faf7f2;
}
.calendly-mock p {
	margin-bottom: 1.5rem;
}
.button.disabled,
.button[aria-disabled="true"] {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

/* 2027-Aufhänger im Intro hervorheben */
#intro .hook {
	margin-top: 1.5rem;
	font-size: 1.05rem;
	color: #ffffff;
}
#intro .hook strong {
	color: #f0d6b0;
}