/* Entwurfsnahe Startseiten-Komposition. Bild wird im Cover-Block im Editor gesetzt. */
.home .praxis-ruhe-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
}

.praxis-ruhe-mobile-brand {
	display: none;
}

.praxis-ruhe-hero-logo,
.praxis-ruhe-mobile-brand {
	background: url("../images/logo-elements-of-bodywork-alpha.png") center / contain no-repeat;
}

.praxis-ruhe-header .wp-block-navigation {
	margin-left: auto;
	gap: clamp(1rem, 2.8vw, 3.7rem);
}

.praxis-ruhe-header .wp-block-navigation-item__content {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.9rem;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	text-decoration: none;
}

.praxis-ruhe-header .current-menu-item > .wp-block-navigation-item__content {
	border-bottom: 1px solid var(--wp--preset--color--clay);
	padding-bottom: 0.55rem;
}

.praxis-ruhe-hero {
	margin-top: 0 !important;
	background-position: 65% center;
	background-image: url("../images/praxis-hero.png");
	background-size: cover;
}

.praxis-ruhe-hero .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(250, 247, 241, 0.96) 0%, rgba(250, 247, 241, 0.87) 34%, rgba(250, 247, 241, 0.28) 62%, rgba(250, 247, 241, 0.04) 100%) !important;
	opacity: 1 !important;
}

.praxis-ruhe-hero-content {
	max-width: 38rem;
	padding-top: 7.5rem;
}

.praxis-ruhe-hero-logo {
	width: 225px;
	height: 235px;
	margin-bottom: clamp(2.5rem, 6vh, 4rem);
}

.praxis-ruhe-hero .has-small-font-size {
	letter-spacing: 0.15em;
	font-weight: 500;
}

.praxis-ruhe-hero h1 {
	margin-top: 1.7rem;
	margin-bottom: 2.2rem;
	font-size: clamp(3.1rem, 5vw, 5.85rem) !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase;
}

.praxis-ruhe-divider {
	width: min(100%, 31rem);
	margin: 2.2rem 0 !important;
}

.praxis-ruhe-divider hr {
	width: 100%;
	border-width: 0 0 1px;
	margin: 0;
}

.praxis-ruhe-hero .wp-block-button__link {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.84rem;
}

/* Inhaltsseiten: dieselbe ruhige, editorfreundliche Gestaltung. */
.wp-site-blocks > main {
	min-height: 58vh;
}

.wp-site-blocks > main > .wp-block-post-title,
.wp-site-blocks > main > h1 {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}

.wp-block-post-content > * + * {
	margin-block-start: 1.45rem;
}

.wp-block-post-content h2 {
	margin-top: clamp(3rem, 7vw, 6rem);
	font-size: clamp(2rem, 4vw, 3.5rem);
}

.wp-block-post-content h3 {
	font-size: clamp(1.5rem, 3vw, 2.1rem);
}

.wp-block-post-content .wp-block-image img {
	border-radius: 2px;
}

.wp-block-post-content .wp-block-quote {
	border-left: 1px solid var(--wp--preset--color--clay);
	padding: 1.5rem 0 1.5rem 2rem;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.4rem, 3vw, 2rem);
}

@media (max-width: 781px) {
	.home .praxis-ruhe-header { position: relative; background: var(--wp--preset--color--cream); }
	.praxis-ruhe-mobile-brand { display: block; width: 68px; height: 68px; }
	.praxis-ruhe-header .wp-block-navigation { gap: 0; }
	.praxis-ruhe-header .wp-block-navigation__responsive-container-open {
		display: flex;
		color: var(--wp--preset--color--forest);
		padding: 0.65rem;
		border: 1px solid var(--wp--preset--color--sage);
		border-radius: 50%;
	}
	.praxis-ruhe-header .wp-block-navigation__responsive-container.is-menu-open {
		background-color: var(--wp--preset--color--cream);
		color: var(--wp--preset--color--ink);
		padding: 2rem;
	}
	.praxis-ruhe-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: flex-start;
	}
	.praxis-ruhe-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		align-items: flex-start;
		gap: 1.45rem;
	}
	.praxis-ruhe-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		font-size: 1.55rem;
	}
	.praxis-ruhe-hero {
		background-position: 82% center;
	}
	.praxis-ruhe-hero .wp-block-cover__background { background: rgba(250, 247, 241, 0.58) !important; }
	.praxis-ruhe-hero-content { padding-top: 2rem; }
	.praxis-ruhe-hero-logo { display: none; }
}