.nsec { padding-top: var(--sec-y-k); }

.nsec:last-child { padding-bottom: var(--sec-y); }

.nhinweis { margin-top: 22px; }

.nleer {
	font-size: 15px;
	color: var(--mut);
}
.nleer .lnk { margin-left: 6px; }

.nsec .pagination {
	display: flex;
	justify-content: center;
	margin-top: 48px;
}
.nsec .nav-links {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.nsec .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 14px;
	border-radius: var(--wp--custom--radius--pill);
	box-shadow: inset 0 0 0 1.5px var(--wp--custom--ui--line-strong);
	background: var(--card);
	color: var(--ink);
	font-weight: 900;
	font-size: 14px;
}
.nsec .page-numbers:hover { background: var(--wp--custom--ui--hover-soft); }
.nsec .page-numbers.current {
	background: var(--blue);
	color: var(--wp--preset--color--white);
	box-shadow: none;
}
.nsec .page-numbers.dots {
	box-shadow: none;
	background: none;
	color: var(--soft);
}

.nsec .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.nwrap {
	padding-inline: max(var(--wp--custom--gutter), calc((100% - var(--wp--style--global--content-size, 1280px)) / 2));
}

.nbuehne { --n-buehne: var(--wp--preset--spacing--60); }
.nsec.nbuehne {
	padding-top: 0;
	background-image: linear-gradient(var(--blue), var(--blue));
	background-repeat: no-repeat;

	background-size: 100% var(--n-buehne, var(--wp--preset--spacing--60));
}

.nraster {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--20);
	text-align: left;
}
.nraster > .nkarte { grid-column: span 2; }
.nraster > .nk-halb { grid-column: span 3; }
.nraster > .nk-voll { grid-column: 1 / -1; }

.nkarte {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
:is(.nkarte, .nauf) .ntext {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

:is(.nkarte, .nauf) .nbild {
	order: -1;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: var(--wp--custom--radius--flaeche);
	background: var(--wp--custom--ui--flaeche-bild);
}
.nkarte .nbild { margin-bottom: 20px; }

:is(.nkarte, .nauf) .nbild img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 35%;
}

.nbild--leer {
	display: flex;
	align-items: center;
	justify-content: center;
}
.nbild--leer::before {
	content: "";
	width: 96px;
	height: 44px;
	background: url("../img/logo.svg") center / contain no-repeat;
	opacity: .17;
}

:is(.nkarte, .nauf) .ndatum {
	order: -1;
	margin-bottom: 10px;
	font-size: 11.5px;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--soft);
}

:is(.nkarte, .nauf) .ntitel {
	font-size: 20px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 0;
	text-wrap: balance;
	overflow-wrap: break-word;
}

:is(.nkarte, .nauf) .nauszug {
	margin-top: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--mut);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

:is(.nkarte, .nauf) .nbild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--wp--preset--color--primary);
	opacity: 0;
	transition: opacity var(--dauer-lang) var(--kurve);
}
:is(.nkarte, .nauf):has(.karte-ziel:focus-visible) .nbild::after { opacity: .18; }
@media (hover: hover) {
	:is(.nkarte, .nauf).karte-link:hover { box-shadow: none; }
	:is(.nkarte, .nauf).karte-link:hover .nbild::after { opacity: .18; }
}

.nauf {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	column-gap: var(--wp--preset--spacing--40);
	align-items: start;
}

.nauf .ntext {
	align-self: center;
	padding-top: calc(var(--n-buehne, 0px) + 24px);
}
.nauf .ndatum { margin-bottom: 14px; }
.nauf .ntitel {
	font-size: calc(var(--wp--custom--anzeige--faktor) * 36);
	line-height: 1.15;
	letter-spacing: -0.02em;
}
.nauf .nauszug {
	margin-top: 16px;
	font-size: var(--wp--preset--font-size--medium);
	-webkit-line-clamp: 4;
}
.nauf .nweiter {
	align-self: flex-start;
	margin-top: 24px;
}
.nauf .nbild--leer::before {
	width: 160px;
	height: 74px;
}
.nauf + .nraster { margin-top: var(--sec-y-k); }

.nfolgen { padding: var(--sec-y) 0; }
.nfolgen-in {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radius--flaeche);
	background: var(--wp--preset--color--primary-soft);
}
.nfolgen .eyebrow {
	display: block;
	margin-bottom: 12px;
}
.nfolgen h2 {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -0.018em;
}
.nkanaele {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}

.nkanal {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 24px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--white);
	color: var(--blue);
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	transition:
		color var(--dauer) var(--kurve),
		background-color var(--dauer) var(--kurve),
		transform var(--dauer) var(--kurve);
}
@media (hover: hover) {
	.nkanal:hover {
		background: var(--blue);
		color: var(--wp--preset--color--white);
	}
}
@media (prefers-reduced-motion: no-preference) {
	.nkanal:active { transform: translateY(1px); }
}

@media (min-width: 1121px) {
	.nraster > .nk-voll {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		column-gap: var(--wp--preset--spacing--40);
		align-items: center;
	}
	.nraster > .nk-voll .nbild { margin-bottom: 0; }
	.nraster > .nk-voll .ntitel { font-size: 24px; }

	.nraster > .nk-voll .ntext { max-width: 600px; }
}

@media (max-width: 1120px) {
	.nauf { grid-template-columns: minmax(0, 1fr); }
	.nauf .ntext {
		align-self: auto;
		max-width: 760px;
		padding-top: 28px;
	}
}
@media (min-width: 701px) and (max-width: 1120px) {
	.nraster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nraster > .nkarte { grid-column: auto; }
	.nraster > .nk-t-voll {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--wp--preset--spacing--20);
		align-items: center;
	}
	.nraster > .nk-t-voll .nbild { margin-bottom: 0; }
}

@media (max-width: 700px) {
	.nbuehne { --n-buehne: var(--wp--preset--spacing--40); }
	.nauf .ntext { padding-top: 22px; }
	.nraster {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--wp--preset--spacing--40);
	}
	.nraster > .nkarte { grid-column: auto; }
	.nkarte .nbild { margin-bottom: 16px; }
	.nfolgen-in { padding: var(--wp--preset--spacing--20) var(--wp--custom--gutter); }
	.nfolgen h2 { font-size: calc(var(--wp--custom--anzeige--faktor-klein) * 28); }
	.nkanaele { gap: 8px; }
	.nkanal { padding: 0 18px; }
}
