/************ BESTATTERTAG SEITENBAUSTEINE ************/
main .mod_article.Startbühne {
	display: grid;
	grid-template-columns: 36fr 28fr 36fr;
	min-height: 100vh;
	min-height: 100svh;
	padding: 0;
	overflow: hidden;
	isolation: isolate;
}
main .mod_article.Startbühne {

	@media (max-width: 1023px) {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
}
.Hintergrundvideo {
	position: absolute;
	inset: 0;
	z-index: -1;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	& figure { position: absolute; inset: 0; margin: 0; }
	& video { width: 100%; height: 100%; object-fit: cover; }
}
.StartSpalteMitte {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: clamp(40px, 14.72vh, 159px) 20px 39px;
	background: rgb(16 42 67 / 0.9);
	text-align: center;
	& > * + * { margin-top: 0; }
	& .Logo { width: min(496px, 100%); margin-inline: auto; }
	& .Logo img { width: 100%; height: auto; }
	& .MenüStartseite { margin-top: clamp(40px, 17.04vh, 184px); }
	& .MenüRechtliches { margin-top: auto; padding-top: 40px; }

	@media (max-width: 1023px) {
		grid-column: 1;
		padding-top: 60px;
		padding-bottom: 50px;
		& .MenüRechtliches { padding-top: 50px; }
	}
}
.StartSpalteRechts {
	grid-column: 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: clamp(40px, 33.8vh, 365px) clamp(24px, 4.8vw, 92px) 40px;
	background: rgb(16 42 67 / 0.6);
	font-size: clamp(24px, 2.0833vw, 40px);
	line-height: 1.125;
	font-weight: 600;
	& > * + * { margin-top: 1.125em; }
	& .EinladungTitel { font-size: 1.5em; font-weight: 600; line-height: 0.75; color: var(--color_1); }
	& .EinladungTitel + .EinladungUntertitel { margin-top: 0.15em; }
	& .Einladung { margin-top: 1.125em; }
	& .Einladung [class~="event"] > p + p { margin-top: 1.125em; }

	@media (max-width: 1023px) {
		grid-column: 1;
		padding: 50px 24px 60px;
		background: rgb(16 42 67 / 0.8);
	}
}
main .mod_article.Seitentitel { padding-top: calc(152 * var(--px)); padding-bottom: 0; }
.FlächeOrange {
	background: var(--color_1);
	border-radius: var(--flaechen_radius) 0 var(--flaechen_radius) 0;
	color: var(--color_5);
	& :is(h1, h2) { color: var(--color_3); }
	& a { color: inherit; }
}
main .mod_article.Einleitung {
	padding-top: calc(208 * var(--px));
	padding-bottom: calc(3 * var(--px));
	@media (max-width: 1023px) { padding-bottom: 50px; }
	& > * { padding-left: clamp(20px, 13.75vw, 264px); }
	& > .content-text { margin-top: calc(131 * var(--px)); }
}
.Aussage, .Aussage :is(h1, h2) { font-size: var(--schrift_titel); font-weight: 800; color: #fff; }
main .mod_article.FlächeMitBild {
	display: grid;
	grid-template-columns: minmax(0, 400fr) minmax(0, 256fr) minmax(0, 949fr) minmax(0, 315fr);
	grid-template-rows: auto auto;
	padding: 0 0 calc(40 * var(--px));
	& > * { width: auto; max-width: none; margin: 0; padding: 0; }
	& > .FlächeOrange {
		grid-column: 3 / 5;
		grid-row: 1;
		min-height: calc(574 * var(--px));
		padding: calc(118 * var(--px)) calc(80 * var(--px)) 0 calc(114 * var(--px));
	}
	& > .Schmuckbild {
		grid-column: 2 / 4;
		grid-row: 1 / 3;
		z-index: 1;
		margin-top: calc(245 * var(--px));
		& img { width: 100%; height: auto; }
	}
	@media (max-width: 767px) {
		grid-template-columns: 20px 1fr 20px;
		& > .FlächeOrange { grid-column: 2 / 4; padding: 40px 24px 70px 30px; min-height: 0; }
		& > .Schmuckbild { grid-column: 1 / 4; grid-row: 2; margin-top: -50px; }
	}
}
.Leitsatz, .Leitsatz:is(h2), .Leitsatz :is(h2) {
	font-size: var(--schrift_titel);
	font-weight: 800;
	line-height: 1.25;
	color: #fff;
}
main .mod_article.Videoband {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: max(320px, calc(657 * var(--px))) auto;
	padding: calc(73 * var(--px)) 0 calc(120 * var(--px));
	& > * { grid-column: 1; }
	& > .Hintergrundvideo {
		position: relative;
		inset: auto;
		z-index: 0;
		grid-row: 1;
		& figure { position: absolute; inset: 0; }
		& video { height: 100%; }
	}
	& > .AussageGroß { grid-row: 1; z-index: 1; align-self: start; margin-top: calc(101 * var(--px)); }
	& > .Terminliste { grid-row: 2; margin-top: calc(93 * var(--px)); }
}
.AussageGroß, .AussageGroß :is(h1, h2) {
	font-size: var(--schrift_gross);
	font-weight: 600;
	line-height: 1.425;
	color: #fff;
	text-shadow: 0 2px 24px rgb(16 42 67 / 0.35);
}
main .mod_article.ZweiFlächen {
	display: grid;
	grid-template-columns: minmax(0, 951fr) minmax(0, 969fr);
	padding: calc(163 * var(--px)) 0 calc(150 * var(--px));
	& > * { width: auto; max-width: none; margin: 0; padding: 0; }
	& > .SpalteLinks { padding: calc(79 * var(--px)) calc(115 * var(--px)) 0 calc(162 * var(--px)); }
	& > .SpalteLinks > .Schmuckbild {
		position: relative;
		z-index: 2;
		width: calc(1205 * var(--px));
		max-width: none;
		margin: calc(60 * var(--px)) 0 0 calc(-122 * var(--px));
	}
	& > .FlächeOrange {
		padding: calc(45 * var(--px)) calc(80 * var(--px)) calc(160 * var(--px)) calc(97 * var(--px));
		color: #fff;
		& > * + * { margin-top: calc(66 * var(--px)); }
		& .Ablauf .rte > p + p { margin-top: 1.458em; }
	}
	@media (min-width: 1024px) {
		& .PlatzFürBild { margin-top: calc(210 * var(--px)) !important; }
	}
	@media (max-width: 1023px) {
		grid-template-columns: minmax(0, 1fr);
		& > .SpalteLinks { padding: 0 var(--rand) 40px; }
		& > .SpalteLinks > .Schmuckbild { width: 100%; margin: 30px 0 -60px; }
		& > .FlächeOrange { padding: 90px 24px 60px 30px; }
	}
}
.SpalteLinks ol { padding-left: 1.3em; }
.SpalteLinks li + li { margin-top: 1.458em; }
main .mod_article.FlächeBreit {
	width: calc(1785 * var(--px));
	max-width: calc(100% - 40px);
	margin: calc(151 * var(--px)) 0 calc(80 * var(--px)) calc(63 * var(--px));
	padding: calc(110 * var(--px)) calc(62 * var(--px)) calc(80 * var(--px)) calc(147 * var(--px));
	& > * { width: auto; max-width: none; margin-inline: 0; padding-inline: 0; }
	& :is(h1, h2) { color: var(--color_5); font-weight: 700; font-size: var(--schrift_titel); }
	& > .Anmeldetermin { margin-top: calc(6 * var(--px)); font-weight: 700; }
	& > .content-form { margin-top: calc(14 * var(--px)); }
	& > .Rückfragen { margin-top: calc(110 * var(--px)); font-weight: 700; }
	@media (max-width: 767px) {
		margin-inline: 20px 0;
		max-width: calc(100% - 20px);
		padding: 50px 20px 40px 24px;
	}
}
main .mod_article.Referentenseite {
	display: grid;
	grid-template-columns: minmax(0, 960fr) minmax(0, 960fr);
	padding: calc(163 * var(--px)) 0 calc(160 * var(--px));
	& > * { width: auto; max-width: none; margin: 0; padding: 0; }
	& > .content-headline { grid-column: 1; grid-row: 1; padding: calc(45 * var(--px)) 0 0 calc(235 * var(--px)); }
	& > .Referentenauswahl { display: contents; }
	@media (max-width: 1023px) {
		grid-template-columns: minmax(0, 1fr);
		& > .content-headline { padding: 30px var(--rand) 0; }
	}
}
.Referent {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: calc(79 * var(--px)) 0 calc(82 * var(--px)) calc(88 * var(--px));
	background: var(--color_1);
	color: var(--color_5);
	& > * + * { margin-top: 0; }
	& .ReferentBild { align-self: center; margin-left: calc(-88 * var(--px)); width: calc(300 * var(--px)); min-width: 160px; }
	& .ReferentBild img { width: 100%; height: auto; }
	& .ReferentText {
		margin-top: calc(65 * var(--px));
		max-width: 663px;
		padding-right: calc(80 * var(--px));
		font-size: clamp(16px, 11.5px + 0.55vw, 22px);
		font-weight: 400;
		& h3 { font-size: clamp(26px, 2.0833vw, 40px); font-weight: 400; line-height: 1.3; color: var(--color_5); }
		& [class~="Firma"] { margin-top: 0.3em; }
		& .rte > * + * { margin-top: 1.458em; }
		& h3 + [class~="Firma"] { margin-top: 0.2em; }
		& ul { list-style: none; padding: 0; }
		& li + li { margin-top: 0; }
		& a { text-decoration: underline; text-decoration-color: currentColor; }
	}
	& .ReferentLogo {
		display: grid;
		place-items: center;
		margin-top: calc(70 * var(--px));
		margin-left: calc(-9 * var(--px));
		min-height: calc(467 * var(--px));
		padding: max(24px, calc(60 * var(--px))) max(34px, calc(60 * var(--px)));
		background: #fff;
		border-radius: var(--flaechen_radius) 0 var(--flaechen_radius) 0;
		& :is(figure, a, picture) { display: flex; justify-content: center; width: 100%; min-width: 0; }
		& img { width: auto; height: auto; max-width: min(100%, 562px); max-height: calc(281 * var(--px) + 60px); object-fit: contain; }
	}
}
main .mod_article.LaufbandArtikel { padding-block: calc(60 * var(--px)) calc(120 * var(--px)); }
.Laufband {
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	& ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
		width: max-content;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	& li { flex: 0 0 auto; }
	& figure { display: grid; place-items: center; height: 140px; padding: 20px 34px; background: #fff; border-radius: 70px 0 70px 0; }
	& img { width: auto; max-height: 100px; max-width: 240px; object-fit: contain; }
	& a { display: block; transition: transform 0.3s ease; }
	& a:hover, & a:focus-visible { transform: scale(1.04); }
	&[class~="laeuft"] ul {
		flex-wrap: nowrap;
		max-width: none;
		animation: laufband var(--laufband-dauer, 40s) linear infinite;
	}
	&[class~="laeuft"]:hover ul, &[class~="laeuft"]:focus-within ul { animation-play-state: paused; }
	@media (prefers-reduced-motion: reduce) { -webkit-mask: none; mask: none; }
}
main .mod_article.Rechtstext {
	padding-top: calc(70 * var(--px));
	& .rte { max-width: 1000px; }
	& h2 { font-size: var(--schrift_zwischen); font-weight: 700; color: var(--color_1); margin-top: 1.5em; }
	& .content-text { margin-top: calc(50 * var(--px)); }
}