/*
.site-title {
	color: #b95661;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.o-contentBuilder h1,
.o-contentBuilder h2,
.o-contentBuilder h3 {
	color: #c75162;
}

.m-teaserNormal__content h1,
.m-teaserNormal__content h2,
.m-teaserNormal__content h3 {
	color: inherit;
}
*/

/* --- Navigation-Fixes (siehe Playbook.md) --- */

/* Pointer-Cursor über dem Hamburger (ist ein <div>, kein Link) */
.m-navMain__trigger {
	cursor: pointer;
}

/* Hervorhebung des aktuellen Menüpunkts.
   Der Seiten-Marker sitzt am <a> (is-active), der Dropdown-Zustand am <li> –
   daher kollisionsfrei. */
.m-navMain__listItemLink--level-1.is-active,
.m-navMain__listItemLink--level-2.is-active {
	color: #b95661;
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
}

/* --- Image-Cover-Block: Verzerrung beheben ---
   Das <img> bekommt im dist-CSS width:100% + height:70vh, aber kein object-fit,
   wodurch es gestaucht wird. object-fit:cover stellt das Seitenverhältnis wieder her. */
.o-imageCover .a-image__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Frontpage editing wrappers */
.o-contentBuilder edit[field="body"],
.o-contentBuilder edit[field="text"] {
	display: block;
}

/* Keep body content visually below headline in text-and-text blocks */
.o-textAndText .o-textAndText__col > h1 + *,
.o-textAndText .o-textAndText__col > h2 + *,
.o-textAndText .o-textAndText__col > h3 + * {
	margin-top: 24px;
}

.o-textAndText .o-textAndText__col > h1 + edit[field="body"],
.o-textAndText .o-textAndText__col > h2 + edit[field="body"],
.o-textAndText .o-textAndText__col > h3 + edit[field="body"] {
	margin-top: 24px;
}

@media screen and (min-width: 320px) {
	.o-textAndText .o-textAndText__col > h1 + *,
	.o-textAndText .o-textAndText__col > h2 + *,
	.o-textAndText .o-textAndText__col > h3 + * {
		margin-top: calc(24px + 24 * (100vw - 320px) / 1080);
	}

	.o-textAndText .o-textAndText__col > h1 + edit[field="body"],
	.o-textAndText .o-textAndText__col > h2 + edit[field="body"],
	.o-textAndText .o-textAndText__col > h3 + edit[field="body"] {
		margin-top: calc(24px + 24 * (100vw - 320px) / 1080);
	}
}

@media screen and (min-width: 1400px) {
	.o-textAndText .o-textAndText__col > h1 + *,
	.o-textAndText .o-textAndText__col > h2 + *,
	.o-textAndText .o-textAndText__col > h3 + * {
		margin-top: 48px;
	}

	.o-textAndText .o-textAndText__col > h1 + edit[field="body"],
	.o-textAndText .o-textAndText__col > h2 + edit[field="body"],
	.o-textAndText .o-textAndText__col > h3 + edit[field="body"] {
		margin-top: 48px;
	}
}