/*
 * nxtp-theme 2.0.0, eine Stilvorlage, mobile-first, Breakpoints 720 und 1080.
 * Markensystem: Papier als Grund, Graphit als Text, Neongelb nur als Quadrat, Marker, Kennzahlfeld und ein Knopf.
 * Keine Rundungen, keine Schatten, keine Verläufe. Linien statt Kästen.
 */

:root {
	--graphit: #232A27;
	--graphit-hell: #2C3431;
	--papier: #F7F4EE;
	--sandstein: #EFEBE1;
	--gelb: #E2FF3F;
	--beton: #8A8880;
	--neben: #5F6560;
	--linie: #C9C4B6;
	--schrift: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--hand: Caveat, "Segoe Script", "Bradley Hand", cursive;
	--rand: 20px;
	--breite: 1440px;
}

/* ---------- Grundlagen ---------- */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--papier);
	color: var(--graphit);
	font-family: var(--schrift);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	font-feature-settings: "tnum", "ss01";
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
a { color: var(--graphit); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4 { font-weight: 400; margin: 0; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
strong, b { font-weight: 500; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
input, textarea, select { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--graphit); outline-offset: 3px; }
.nxtp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nxtp-sprung { position: absolute; left: -999px; top: 8px; background: var(--gelb); padding: 8px 12px; z-index: 100; }
.nxtp-sprung:focus { left: 8px; }
.nowrap { white-space: nowrap; }

/* ---------- Typografische Bausteine ---------- */

.nxtp-label {
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--beton);
	font-weight: 500;
	line-height: 1.4;
}
.nxtp-label a { color: inherit; }
.nxtp-label--klein { font-size: 10px; }
.nxtp-label--dunkel { color: var(--graphit); }
.nxtp-klein { font-size: 13px; color: var(--beton); line-height: 1.5; }
.nxtp-gedaempft { color: var(--neben); }
.nxtp-h1 { font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; text-wrap: pretty; }
.nxtp-h2 { font-size: 30px; line-height: 1.12; letter-spacing: -0.02em; text-wrap: pretty; }
.nxtp-verweis { border-bottom: 1px solid var(--graphit); padding-bottom: 3px; font-weight: 500; }
.nxtp-verweis:hover { text-decoration: none; }
.nxtp-nebenverweis { font-size: 14px; color: var(--neben); }
.nxtp-hand { font-family: var(--hand); font-weight: 600; font-size: 22px; transform: rotate(-2deg); display: inline-block; }
.nxtp-hand--marker { background: linear-gradient(var(--gelb), var(--gelb)); background-size: 100% 0.7em; background-position: 0 78%; background-repeat: no-repeat; padding: 0 6px 2px 6px; }
.nxtp-quadrat { display: inline-block; width: 0.28em; height: 0.28em; background: var(--gelb); vertical-align: baseline; margin-left: 0.3em; }

/* Der eine gelbe Knopf */
.nxtp-knopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	background: var(--gelb);
	color: var(--graphit);
	padding: 18px 28px;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.005em;
	line-height: 1.2;
	border: 0;
	text-decoration: none;
}
.nxtp-knopf:hover { text-decoration: none; background: #D9F72F; }
.nxtp-knopf--klein { padding: 12px 20px; font-size: 14px; }
.nxtp-knopf--breit { width: 100%; justify-content: space-between; }
.ic-pfeil { width: 18px; height: 18px; stroke: var(--graphit); fill: none; stroke-width: 1.6; stroke-linecap: square; flex: none; }
.nxtp-textknopf { font-size: 15px; font-weight: 500; border-bottom: 1px solid var(--graphit); padding: 0 0 3px 0; }
.nxtp-textknopf--warnung { color: #8A2E1E; border-color: #8A2E1E; }

/* Icons: 24er Raster, Strich 1,5, eckige Enden, ein gelbes Quadrat */
.ic { width: 24px; height: 24px; stroke: var(--graphit); fill: none; stroke-width: 1.5; stroke-linecap: square; stroke-linejoin: miter; flex: none; }
.ic--klein { width: 18px; height: 18px; }
.ic--titel { width: 32px; height: 32px; margin-right: 14px; vertical-align: -4px; display: inline-block; }

/* ---------- Kopf ---------- */

.nxtp-kopf { border-bottom: 1px solid var(--linie); background: var(--papier); position: relative; z-index: 20; }
.nxtp-kopf__inner {
	max-width: var(--breite);
	margin: 0 auto;
	padding: 16px var(--rand);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.nxtp-wortmarke { font-size: 26px; font-weight: 500; letter-spacing: 0.06em; line-height: 1; }
.nxtp-wortmarke:hover { text-decoration: none; }
.nxtp-menue-schalter { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
.nxtp-menue-knopf { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; cursor: pointer; padding: 6px 0; }
.nxtp-menue-knopf__balken { width: 22px; height: 1px; background: var(--graphit); position: relative; display: block; }
.nxtp-menue-knopf__balken::before, .nxtp-menue-knopf__balken::after { content: ""; position: absolute; left: 0; width: 22px; height: 1px; background: var(--graphit); }
.nxtp-menue-knopf__balken::before { top: -7px; }
.nxtp-menue-knopf__balken::after { top: 7px; }
.nxtp-nav { display: none; width: 100%; flex-direction: column; gap: 4px; padding: 12px 0 8px 0; border-top: 1px solid var(--linie); }
.nxtp-menue-schalter:checked ~ .nxtp-nav { display: flex; }
.nxtp-menue { display: flex; flex-direction: column; gap: 0; font-size: 16px; }
.nxtp-menue li a { display: block; padding: 10px 0; border-bottom: 1px solid var(--linie); }
.nxtp-menue li.current-menu-item > a, .nxtp-menue li.current_page_parent > a { font-weight: 500; }
.nxtp-konto { display: flex; flex-direction: column; gap: 14px; padding-top: 16px; font-size: 14px; align-items: flex-start; }
.nxtp-konto__anmelden { color: var(--neben); display: inline-flex; align-items: center; gap: 8px; }
.ic--konto { width: 20px; height: 20px; }
.nxtp-konto__menue { position: relative; }
.nxtp-konto__menue > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 4px 0; }
.nxtp-konto__menue > summary::-webkit-details-marker { display: none; }
.nxtp-konto__name { color: var(--neben); }
.nxtp-konto__menue[open] .nxtp-konto__name { color: var(--graphit); }
.nxtp-konto__klapp { display: flex; flex-direction: column; gap: 10px; padding: 12px 0 4px 28px; }
.nxtp-konto__zeile { font-size: 13px; color: var(--beton); margin: 0; word-break: break-all; }

/* ---------- Fuß ---------- */

.nxtp-fuss { margin-top: 64px; }
.nxtp-fuss__inner {
	max-width: var(--breite);
	margin: 0 auto;
	padding: 24px var(--rand) 40px var(--rand);
	border-top: 1px solid var(--linie);
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 13px;
	color: var(--beton);
}
.nxtp-menue--fuss { flex-direction: row; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; }
.nxtp-menue--fuss li a { padding: 0; border: 0; color: var(--beton); }
.nxtp-fuss__hinweis a { color: var(--beton); border-bottom: 1px solid var(--linie); }
.nxtp-fuss__ki { font-size: 12px; line-height: 1.6; color: var(--beton); max-width: var(--breite); margin: -16px auto 0 auto; padding: 0 var(--rand) 32px var(--rand); }
.nxtp-fuss__ki a { color: var(--beton); border-bottom: 1px solid var(--linie); }
.nxtp-fuss__version { white-space: nowrap; }
.nxtp-menue--rueckfall { }

/* ---------- Seitenrahmen ---------- */

.nxtp-main { display: block; }
.nxtp-seite { max-width: var(--breite); margin: 0 auto; padding: 40px var(--rand) 0 var(--rand); }
.nxtp-seitenkopf { display: flex; flex-direction: column; gap: 16px; padding-bottom: 32px; border-bottom: 1px solid var(--graphit); margin-bottom: 32px; }
.nxtp-seitenkopf__unter { font-size: 17px; line-height: 1.55; color: var(--neben); max-width: 720px; text-wrap: pretty; }
.nxtp-seitenkopf__unter p { margin: 0 0 12px 0; }
.nxtp-seitenkopf__unter p:last-child { margin: 0; }
.nxtp-seitenkopf__aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; padding-top: 8px; }
.nxtp-rubriken { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; padding-top: 4px; }
.nxtp-rubriken a { border-bottom: 1px solid var(--linie); padding-bottom: 2px; }
.nxtp-rubriken__zahl { color: var(--beton); font-size: 12px; margin-left: 4px; }
.nxtp-leer { color: var(--neben); font-size: 16px; padding: 24px 0; }
.nxtp-hinweis { font-size: 15px; padding: 14px 16px; background: var(--sandstein); border-left: 2px solid var(--graphit); margin: 0 0 20px 0; }
.nxtp-hinweis--fehler { border-left-color: #8A2E1E; }
.nxtp-hinweis--fehler p { margin: 0 0 6px 0; }
.nxtp-hinweis--fehler p:last-child { margin-bottom: 0; }
.nxtp-honigtopf { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.nxtp-feld__hinweis { display: block; font-size: 13px; color: var(--beton); margin-top: 6px; }
.nxtp-zeile { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; }

/* Artikellisten */
.nxtp-liste { display: grid; grid-template-columns: 1fr; gap: 0; }
.nxtp-eintrag { display: flex; flex-direction: column; gap: 10px; padding: 24px 0; border-bottom: 1px solid var(--linie); }
.nxtp-eintrag__titel { font-size: 22px; line-height: 1.3; letter-spacing: -0.01em; text-wrap: pretty; }
.nxtp-eintrag__auszug { font-size: 15px; line-height: 1.55; color: var(--neben); max-width: 680px; }

/* Seitennummerierung */
.pagination, .nxtp-pagination { padding: 32px 0 0 0; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: baseline; font-size: 14px; }
.pagination .page-numbers { color: var(--neben); }
.pagination .page-numbers.current { color: var(--graphit); border-bottom: 1px solid var(--graphit); }
.pagination .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Verzeichnisse (Vorlagen, Suche, Mein Bereich) */
.nxtp-verzeichnis { border-top: 1px solid var(--graphit); }
.nxtp-verzeichnis__eintrag {
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 8px 16px;
	align-items: start;
	padding: 20px 0;
	border-bottom: 1px solid var(--linie);
}
/* display: grid überschreibt sonst das hidden-Attribut aus dem Filter */
.nxtp-verzeichnis__eintrag[hidden] { display: none; }
.nxtp-verzeichnis__text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nxtp-verzeichnis__titel { font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; }
.nxtp-verzeichnis__auszug { font-size: 14px; color: var(--neben); line-height: 1.5; }
.nxtp-verzeichnis__format { grid-column: 2; font-size: 12px; color: var(--beton); }
.nxtp-verzeichnis__vermerk { grid-column: 2; font-size: 13px; color: var(--neben); }
.nxtp-verzeichnis__bereich { grid-column: 2; font-size: 12px; color: var(--beton); letter-spacing: 0.02em; }
.nxtp-verzeichnis__aktion { grid-column: 2; font-size: 14px; color: var(--graphit); display: inline-flex; align-items: center; gap: 8px; align-self: start; justify-self: start; border-bottom: 1px solid var(--graphit); padding-bottom: 2px; }
.nxtp-verzeichnis__aktion:hover { text-decoration: none; background: var(--gelb); }
.nxtp-verzeichnis__aktion--gesperrt { color: var(--neben); border-bottom-color: var(--linie); }
.nxtp-verzeichnis__aktion--gesperrt:hover { background: transparent; border-bottom-color: var(--graphit); }

/* Filterleiste im Werkzeugkasten */
.nxtp-filter { display: flex; flex-direction: column; gap: 16px; padding: 0 0 24px 0; }
.nxtp-filter__gruppe { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.nxtp-filter__gruppe .nxtp-label { margin-right: 8px; }
.nxtp-filter__knopf { font: inherit; font-size: 14px; color: var(--neben); background: transparent; border: 1px solid var(--linie); border-radius: 0; padding: 6px 12px; cursor: pointer; }
.nxtp-filter__knopf:hover { border-color: var(--graphit); color: var(--graphit); }
.nxtp-filter__knopf.is-aktiv { background: var(--graphit); border-color: var(--graphit); color: var(--papier); }
.nxtp-filter__stand { font-size: 13px; color: var(--beton); margin: 0; }

/* Vorschaubild auf der Vorlagenseite */
.nxtp-vorschau { margin: 0 0 32px 0; }
.nxtp-vorschau__bild { display: block; width: 100%; height: auto; border: 1px solid var(--linie); }
.nxtp-vorschau figcaption { margin-top: 8px; }
a.nxtp-verzeichnis__vermerk { color: var(--graphit); align-self: start; justify-self: start; }
.nxtp-verzeichnis--kompakt .nxtp-verzeichnis__eintrag { padding: 14px 0; grid-template-columns: 18px 1fr; }
.nxtp-verzeichnis--kompakt .nxtp-verzeichnis__titel { font-size: 16px; }

/* Zeilenlisten */
.nxtp-zeilen { border-top: 1px solid var(--graphit); }
.nxtp-zeilen li { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 0; border-bottom: 1px solid var(--linie); font-size: 16px; }
.nxtp-vermerk { font-size: 13px; color: var(--beton); }

/* Datenliste */
.nxtp-daten { display: flex; flex-direction: column; margin: 0 0 20px 0; border-top: 1px solid var(--graphit); }
.nxtp-daten > div { display: grid; grid-template-columns: 90px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--linie); font-size: 14px; }
.nxtp-daten dt { color: var(--beton); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; padding-top: 2px; }
.nxtp-daten dd { margin: 0; }

/* FAQ / Hilfe-Verzeichnis */
.nxtp-faq { margin-bottom: 40px; }
.nxtp-faq__liste { margin: 12px 0 0 0; border-top: 1px solid var(--graphit); }
.nxtp-faq__eintrag { padding: 18px 0; border-bottom: 1px solid var(--linie); display: flex; flex-direction: column; gap: 8px; }
.nxtp-faq__eintrag dt { font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; }
.nxtp-faq__eintrag dd { margin: 0; font-size: 15px; line-height: 1.55; color: var(--neben); max-width: 760px; }
.nxtp-artikel-liste > .nxtp-label { margin-bottom: 4px; }

/* ---------- Startseite ---------- */

.nxtp-buehne { max-width: var(--breite); margin: 0 auto; padding: 48px var(--rand) 40px var(--rand); display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
.nxtp-buehne__text { display: flex; flex-direction: column; gap: 22px; }
.nxtp-buehne__titel { font-size: 40px; line-height: 1.04; letter-spacing: -0.02em; text-wrap: pretty; }
.nxtp-buehne__unterzeile { font-size: 17px; line-height: 1.55; color: var(--neben); max-width: 540px; text-wrap: pretty; }
.nxtp-buehne__aktion { display: flex; flex-direction: column; gap: 14px; padding-top: 4px; align-items: flex-start; }

.nxtp-kasten-vorschau { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.nxtp-kasten { border: 1px solid var(--graphit); background: var(--papier); display: flex; flex-direction: column; }
.nxtp-kasten__kopf { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--graphit); }
.nxtp-kasten__titel { font-size: 13px; font-weight: 500; }
.nxtp-kasten__zahlen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--linie); }
.nxtp-kasten__zahlen > div { padding: 14px 12px; display: flex; flex-direction: column; gap: 4px; border-right: 1px solid var(--linie); min-width: 0; }
.nxtp-kasten__zahlen > div:last-child { border-right: 0; }
.nxtp-kasten__zahlen strong { font-size: 26px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.1; }
.nxtp-kasten__liste { padding: 6px 20px 10px 20px; }
.nxtp-kasten__liste li { display: grid; grid-template-columns: 26px 1fr auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--linie); font-size: 14px; }
.nxtp-kasten__liste li:last-child { border-bottom: 0; }
.nxtp-kasten__format { font-size: 12px; color: var(--beton); text-align: right; white-space: nowrap; }
.nxtp-kasten-vorschau__unter { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }

.nxtp-zahlen { max-width: var(--breite); margin: 0 auto; padding: 0 var(--rand); }
.nxtp-zahlen > div { padding: 24px 0; border-top: 1px solid var(--linie); display: flex; flex-direction: column; gap: 8px; }
.nxtp-zahlen > div:first-child { border-top: 1px solid var(--graphit); }
.nxtp-zahlen strong { font-size: 36px; font-weight: 500; letter-spacing: -0.02em; line-height: 1; }
.nxtp-zahlen p { font-size: 15px; color: var(--neben); line-height: 1.5; }

.nxtp-selbsttest { max-width: var(--breite); margin: 48px auto 0 auto; }
.nxtp-selbsttest { background: var(--sandstein); padding: 40px var(--rand); display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
.nxtp-selbsttest__text { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.nxtp-knopf--gross { padding: 22px 34px; font-size: 19px; }
.nxtp-selbsttest__unter { font-size: 16px; line-height: 1.6; color: var(--neben); max-width: 520px; }
.nxtp-fragen { display: flex; flex-direction: column; counter-reset: none; }
.nxtp-fragen li { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--linie); font-size: 16px; line-height: 1.5; }
.nxtp-fragen li:first-child { border-top: 1px solid var(--graphit); }
.nxtp-fragen li:last-child { border-bottom: 1px solid var(--linie); }

.nxtp-themen { max-width: var(--breite); margin: 0 auto; padding: 64px var(--rand) 0 var(--rand); display: flex; flex-direction: column; gap: 24px; }
.nxtp-raster { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--graphit); border-left: 1px solid var(--linie); }
.nxtp-raster__feld { padding: 24px 20px; border-right: 1px solid var(--linie); border-bottom: 1px solid var(--linie); display: flex; flex-direction: column; gap: 14px; }
.nxtp-raster__feld:hover { text-decoration: none; background: var(--sandstein); }
.nxtp-raster__titel { font-size: 22px; line-height: 1.2; letter-spacing: -0.01em; }
.nxtp-raster__zahl { font-size: 13px; color: var(--beton); }

.nxtp-neu { max-width: var(--breite); margin: 0 auto; padding: 56px var(--rand) 0 var(--rand); display: flex; flex-direction: column; gap: 24px; }
.nxtp-neu__raster { display: grid; grid-template-columns: 1fr; gap: 24px; }
.nxtp-neu__eintrag { display: flex; flex-direction: column; gap: 12px; padding-top: 18px; border-top: 1px solid var(--graphit); }
.nxtp-neu__titel { font-size: 22px; line-height: 1.3; letter-spacing: -0.01em; text-wrap: pretty; }

.nxtp-herausgeber { max-width: var(--breite); margin: 64px auto 0 auto; padding: 40px var(--rand) 0 var(--rand); display: grid; grid-template-columns: 1fr; gap: 40px; }
.nxtp-herausgeber::before { content: ""; grid-column: 1 / -1; border-top: 1px solid var(--linie); margin-top: -40px; }
.nxtp-herausgeber__person { display: grid; grid-template-columns: 90px 1fr; gap: 20px; align-items: start; }
.nxtp-herausgeber__person > div { display: flex; flex-direction: column; gap: 8px; }
.nxtp-herausgeber__foto { width: 90px; height: 112px; object-fit: cover; object-position: 50% 22%; }
.nxtp-herausgeber__foto--leer { background: var(--graphit-hell); display: flex; align-items: flex-end; padding: 8px; }
.nxtp-herausgeber__foto--leer span { font-size: 10px; color: #8F948F; letter-spacing: 0.1em; text-transform: uppercase; }
.nxtp-herausgeber__text { font-size: 17px; line-height: 1.45; text-wrap: pretty; }
.nxtp-herausgeber__verweis { font-size: 14px; color: var(--neben); }
.nxtp-zitat { margin: 0; display: flex; flex-direction: column; gap: 12px; padding-left: 20px; border-left: 1px solid var(--graphit); }
.nxtp-zitat__text { font-size: 20px; line-height: 1.4; letter-spacing: -0.01em; }

.nxtp-schluss { max-width: var(--breite); margin: 64px auto 0 auto; padding: 48px var(--rand) 40px var(--rand); display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
.nxtp-schluss::before { content: ""; grid-column: 1 / -1; border-top: 1px solid var(--graphit); margin-top: -48px; }
.nxtp-schluss__text { display: flex; flex-direction: column; gap: 16px; }
.nxtp-schluss__unter { font-size: 16px; color: var(--neben); line-height: 1.55; }
.nxtp-schluss__form { display: flex; flex-direction: column; gap: 14px; }

/* ---------- Formulare ---------- */

.nxtp-feld { display: flex; flex-direction: column; gap: 8px; }
.nxtp-feld__name { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--beton); font-weight: 500; }
.nxtp-feld input, .nxtp-form input[type="text"], .nxtp-form input[type="email"], .nxtp-form input[type="password"], .nxtp-form input[type="search"], .nxtp-form textarea, .nxtp-form select {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--graphit);
	padding: 10px 0;
	font-size: 16px;
	color: var(--graphit);
	border-radius: 0;
	-webkit-appearance: none;
}
.nxtp-feld input::placeholder, .nxtp-form input::placeholder { color: var(--beton); }
.nxtp-form { display: flex; flex-direction: column; gap: 20px; }
.nxtp-form--zeile { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 16px 0; }
.nxtp-haekchen { display: block; position: relative; padding-left: 26px; font-size: 15px; line-height: 1.5; cursor: pointer; }
.nxtp-haekchen input { position: absolute; left: 0; top: 4px; width: 16px; height: 16px; margin: 0; accent-color: var(--graphit); }
.nxtp-haekchen a { color: inherit; }
.nxtp-formseite__spalten { display: grid; grid-template-columns: 1fr; gap: 40px; }
.nxtp-formseite__form { max-width: 520px; }
.nxtp-formseite__wechsel { margin-top: 28px; font-size: 15px; color: var(--neben); }
.nxtp-formseite__neben { display: flex; flex-direction: column; gap: 12px; }
/* Suche mit Vorschlaegen ------------------------------------------------- */
.nxtp-suchform { position: relative; max-width: 520px; }
.nxtp-suchform__feld {
	display: flex; align-items: center; gap: 12px;
	background: #fff; border: 1px solid var(--graphit);
	padding: 0 14px 0 16px;
}
.nxtp-suchform__feld:focus-within { outline: 2px solid var(--graphit); outline-offset: 2px; }
.nxtp-suchform__lupe { width: 20px; height: 20px; stroke: var(--beton); fill: none; stroke-width: 1.6; flex: none; }
.nxtp-suchform input[type="search"] {
	flex: 1; min-width: 0; border: 0; background: transparent;
	font: inherit; font-size: 16px; color: var(--graphit);
	padding: 14px 0; appearance: none;
}
.nxtp-suchform input[type="search"]::placeholder { color: var(--beton); }
.nxtp-suchform input[type="search"]:focus { outline: none; }
.nxtp-suchform input[type="search"]::-webkit-search-cancel-button { appearance: none; }
.nxtp-suchform__knopf {
	flex: none; font-size: 15px; font-weight: 500; color: var(--graphit);
	background: var(--gelb); border: 0; padding: 10px 18px; cursor: pointer;
	margin: 5px -8px 5px 0;
}
.nxtp-suchform__knopf:hover { background: var(--graphit); color: var(--gelb); }

.nxtp-suchform--gross { max-width: 720px; }
.nxtp-suchform--gross input[type="search"] { font-size: 18px; padding: 19px 0; }
.nxtp-suchform--gross .nxtp-suchform__lupe { width: 24px; height: 24px; }

.nxtp-vorschlaege {
	position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% - 1px);
	list-style: none; margin: 0; padding: 0;
	background: #fff; border: 1px solid var(--graphit);
	max-height: 60vh; overflow-y: auto;
	box-shadow: 0 12px 28px rgba(35, 42, 39, 0.12);
}
.nxtp-vorschlaege li + li { border-top: 1px solid var(--linie); }
.nxtp-vorschlaege a { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px; }
.nxtp-vorschlaege a:hover { text-decoration: none; }
.nxtp-vorschlaege li.ist-gewaehlt, .nxtp-vorschlaege li:hover { background: var(--sandstein); }
.nxtp-vorschlaege__titel { font-size: 16px; line-height: 1.3; }
.nxtp-vorschlaege__art { font-size: 12px; letter-spacing: 0.04em; color: var(--beton); }
.nxtp-vorschlaege mark, .nxtp-verzeichnis__auszug mark { background: var(--gelb); color: inherit; }

/* Suchbuehne auf der Startseite */
.nxtp-suchbuehne {
	max-width: var(--breite); margin: 0 auto;
	padding: 56px var(--rand) 8px var(--rand);
	display: flex; flex-direction: column; gap: 16px;
}
.nxtp-suchbuehne__unter { font-size: 15px; color: var(--neben); line-height: 1.5; max-width: 640px; }
.nxtp-suchbuehne .nxtp-suchform { margin-bottom: 12px; }
.nxtp-seitenkopf .nxtp-suchform { margin-top: 8px; }

.nxtp-einstiege { display: flex; flex-direction: column; gap: 12px; padding-top: 20px; border-top: 1px solid var(--linie); }
.nxtp-einstiege__reihe { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.nxtp-marke {
	display: inline-flex; align-items: center; gap: 8px;
	border: 1px solid var(--linie); padding: 8px 14px;
	font-size: 14px; line-height: 1.2; background: #fff;
}
.nxtp-marke:hover { text-decoration: none; background: var(--sandstein); border-color: var(--graphit); }
.nxtp-marke .ic--klein { width: 16px; height: 16px; }

.nxtp-einstiege__kacheln { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--linie); border: 1px solid var(--linie); }
.nxtp-kachel { display: flex; flex-direction: column; gap: 10px; padding: 18px 16px; background: var(--papier); height: 100%; }
.nxtp-kachel:hover { text-decoration: none; background: var(--sandstein); }
.nxtp-kachel__titel { font-size: 16px; line-height: 1.3; }
.nxtp-kachel__vermerk { font-size: 12px; color: var(--beton); letter-spacing: 0.02em; }

.nxtp-kopfsuche { display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; font-size: 15px; border-bottom: 1px solid var(--linie); }
.nxtp-kopfsuche:hover { text-decoration: none; }
.ic--suche { width: 18px; height: 18px; stroke-width: 1.6; }

.nxtp-leer--zusatz { color: var(--neben); font-size: 15px; }
.nxtp-leer--zusatz a { border-bottom: 1px solid var(--graphit); }
.nxtp-loeschen { margin-top: 24px; font-size: 15px; }
.nxtp-loeschen summary { cursor: pointer; color: var(--neben); }
.nxtp-loeschen form { padding-top: 16px; max-width: 520px; }

/* wp_login_form (Rückfall ohne Plugin) */
#nxtp-login { display: flex; flex-direction: column; gap: 20px; }
#nxtp-login p { display: flex; flex-direction: column; gap: 8px; }
#nxtp-login label { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--beton); font-weight: 500; }
#nxtp-login .login-remember { flex-direction: row; align-items: center; gap: 10px; }
#nxtp-login .login-remember label { text-transform: none; letter-spacing: 0; font-size: 15px; color: var(--graphit); font-weight: 400; display: flex; gap: 10px; align-items: center; }
#nxtp-login input[type="text"], #nxtp-login input[type="password"] { width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--graphit); padding: 10px 0; font-size: 16px; border-radius: 0; }
#nxtp-login input[type="checkbox"] { accent-color: var(--graphit); width: 16px; height: 16px; margin: 0; }
#nxtp-login .login-submit input[type="submit"] { display: inline-flex; background: var(--gelb); color: var(--graphit); padding: 18px 28px; font-size: 17px; font-weight: 500; border: 0; cursor: pointer; width: 100%; border-radius: 0; }

/* Paid Memberships Pro: Formulare im Markensystem, kein Plugin-CSS */
.pmpro { font-family: var(--schrift); }
.pmpro_card, .pmpro_section, .pmpro_login_wrap, .pmpro_form { background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; }
.pmpro_card_content, .pmpro_section_content { padding: 0; }
.pmpro_card_title, .pmpro_section_title, .pmpro_form_fieldset legend, .pmpro_login_wrap h2 { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--beton); font-weight: 500; margin: 24px 0 12px 0; }
.pmpro_form_fieldset { border: 0; padding: 0; margin: 0 0 8px 0; }
.pmpro_form_fields, .pmpro_form_field { display: flex; flex-direction: column; gap: 8px; margin: 0 0 20px 0; }
.pmpro_form_field label, .pmpro_login_wrap label, .login-username label, .login-password label { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--beton); font-weight: 500; }
.pmpro_form_field input[type="text"], .pmpro_form_field input[type="email"], .pmpro_form_field input[type="password"], .pmpro_form_input-text, .pmpro_form_input-email, .pmpro_form_input-password,
.pmpro_login_wrap input[type="text"], .pmpro_login_wrap input[type="password"], .pmpro_login_wrap input[type="email"] {
	width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--graphit); padding: 10px 0; font-size: 16px; border-radius: 0; box-shadow: none; max-width: none;
}
.pmpro_form_field-checkbox { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; }
.pmpro_form_field-checkbox label, .login-remember label { text-transform: none; letter-spacing: 0; font-size: 15px; color: var(--graphit); font-weight: 400; line-height: 1.5; }
.pmpro_form_field-checkbox input { margin-top: 4px; }
.pmpro_form_field-bemail { order: -1; }
.pmpro_form_field-username { order: -2; }
.pmpro_form_field-password-toggle, .pmpro_btn-password-toggle, .pmpro_form_field-password .pmpro_form_label { display: inline-block; }
.pmpro_form_field-password .pmpro_form_label { display: flex; justify-content: space-between; gap: 12px; }
.pmpro_form_submit { margin-top: 8px; }
.pmpro_form_field-checkbox input, .login-remember input { accent-color: var(--graphit); width: 16px; height: 16px; margin: 0; }
.pmpro_form_hint, .pmpro_form_field-hint, .pmpro_hint, .pmpro_login_wrap .pmpro_form_hint { font-size: 13px; color: var(--beton); }
.pmpro_btn, .pmpro_form_submit input[type="submit"], .pmpro_btn-submit-checkout, .pmpro_login_wrap input[type="submit"], .pmpro_form_submit .pmpro_btn, .pmpro_btn-submit {
	display: inline-flex; align-items: center; justify-content: center; background: var(--gelb); color: var(--graphit); padding: 18px 28px; font-size: 17px; font-weight: 500; border: 0; border-radius: 0; cursor: pointer; width: 100%; box-shadow: none; text-shadow: none; text-decoration: none;
}
.pmpro_btn:hover { background: #D9F72F; }
.pmpro_actions_nav, .pmpro_actions_nav a { font-size: 14px; color: var(--neben); }
.pmpro_actions_nav { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; }
.pmpro_message, .pmpro_error, .pmpro_success, .pmpro_alert { font-size: 15px; padding: 14px 16px; background: var(--sandstein); border-left: 2px solid var(--graphit); margin: 0 0 20px 0; color: var(--graphit); border-radius: 0; }
.pmpro_error { border-left-color: #8A2E1E; }
.pmpro_checkout-fields .pmpro_checkout-field { margin-bottom: 20px; }
.pmpro_form_field-required-asterisk, .pmpro_asterisk { color: var(--beton); }
.pmpro_level-name, .pmpro_checkout_level_name { font-weight: 500; }
.pmpro_table, table.pmpro_table { width: 100%; border-collapse: collapse; font-size: 15px; }
.pmpro_table th, .pmpro_table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--linie); }
.pmpro_table thead th { background: var(--sandstein); font-weight: 500; }
#pmpro_pricing_fields, .pmpro_checkout_pricing { display: none; }
.pmpro_form_field-password-toggle, .pmpro_btn-password-toggle { font-size: 13px; color: var(--neben); background: none; border: 0; padding: 0; width: auto; }
.pmpro_captcha, .pmpro_spacer { margin: 0; }
.pmpro_card_actions { margin-top: 20px; display: flex; gap: 16px; flex-wrap: wrap; }
.pmpro_card_actions .pmpro_btn { width: auto; }

/* ---------- Artikel ---------- */

.nxtp-artikel-seite, .nxtp-vorlage-seite { max-width: var(--breite); margin: 0 auto; padding: 40px var(--rand) 0 var(--rand); }
.nxtp-artikelkopf { max-width: 760px; display: flex; flex-direction: column; gap: 16px; padding-bottom: 28px; }
.nxtp-artikelkopf__zeile { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.nxtp-artikeltitel { font-size: 34px; line-height: 1.08; letter-spacing: -0.02em; text-wrap: pretty; }
.nxtp-artikelkopf__meta { font-size: 14px; color: var(--neben); }
.nxtp-beitragsbild { margin: 0 0 32px 0; max-width: 1040px; }
.nxtp-beitragsbild img { width: 100%; height: auto; }
.nxtp-beitragsbild figcaption { padding-top: 8px; }

.nxtp-prosa { max-width: 760px; font-size: 17px; line-height: 1.7; }
.nxtp-prosa p { margin: 0 0 1.25em 0; text-wrap: pretty; }
.nxtp-prosa h2 { font-size: 26px; line-height: 1.2; letter-spacing: -0.015em; margin: 1.8em 0 0.6em 0; }
.nxtp-prosa h3 { font-size: 21px; line-height: 1.3; letter-spacing: -0.01em; margin: 1.6em 0 0.5em 0; }
.nxtp-prosa h4 { font-size: 17px; font-weight: 500; margin: 1.4em 0 0.4em 0; }
.nxtp-prosa ul, .nxtp-prosa ol { margin: 0 0 1.25em 0; padding-left: 1.4em; }
.nxtp-prosa ul { list-style: square; }
.nxtp-prosa ol { list-style: decimal; }
.nxtp-prosa li { margin-bottom: 0.4em; }
.nxtp-prosa a { border-bottom: 1px solid var(--linie); overflow-wrap: anywhere; }
.nxtp-prosa a:hover { text-decoration: none; border-bottom-color: var(--graphit); }
.nxtp-prosa img { margin: 1.5em 0; }
.nxtp-prosa figure { margin: 1.5em 0; }
.nxtp-prosa figcaption { font-size: 13px; color: var(--beton); padding-top: 8px; }
.nxtp-prosa blockquote { margin: 1.5em 0; padding-left: 20px; border-left: 1px solid var(--graphit); font-size: 19px; line-height: 1.5; }
.nxtp-prosa hr { border: 0; border-top: 1px solid var(--linie); margin: 2em 0; }
.nxtp-prosa mark { background: var(--gelb); color: var(--graphit); padding: 0 2px; }
.nxtp-prosa code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.9em; background: var(--sandstein); padding: 1px 4px; }
.nxtp-prosa .wp-block-image img, .nxtp-prosa .wp-caption img { margin: 0; }
.nxtp-prosa .wp-caption { max-width: 100%; }
.nxtp-prosa .alignwide, .nxtp-prosa .alignfull { max-width: 1040px; }

/* ---------- Bausteine im Artikelfluss (Abgleich mit 1.23.0, enablement.css) ----------
   Bestandsartikel liefern diese Klassen im Inhalt: .kernpunkte (strong + ul), .quellen (strong + ol),
   figure mit figcaption, .en-table-wrap mit table.en-table; laut Live-Befund vom 09.09.2026 tragen die Bestandsartikel
   im Fluss nur die Klassen kernpunkte und quellen, Downloads sind <p><strong><a>. Die übrigen Regeln (.artikel-zitat,
   .video-facade, .video-figure aus enablement.css 1.23.0) bleiben als Reserve.
   Gestaltung im Markensystem: Sandsteinfläche, Linie oben in Graphit, keine Bronzelinie links. */

/* Kernpunkte-Box: <div class="kernpunkte"><strong>Kernpunkte</strong><ul>…</ul></div> (Klassen en-kernpunkte und nxtp-kernpunkte bleiben als Reserve) */
.nxtp-prosa .kernpunkte, .nxtp-prosa .en-kernpunkte, .nxtp-prosa .nxtp-kernpunkte {
	background: var(--sandstein);
	border-top: 2px solid var(--graphit);
	padding: 20px 24px 12px 24px;
	margin: 0 0 2em 0;
	font-size: 16px;
	line-height: 1.6;
}
.nxtp-prosa .kernpunkte > :first-child, .nxtp-prosa .en-kernpunkte > :first-child, .nxtp-prosa .nxtp-kernpunkte > :first-child { margin-top: 0; }
.nxtp-prosa .kernpunkte > strong, .nxtp-prosa .en-kernpunkte > strong, .nxtp-prosa .nxtp-kernpunkte > strong,
.nxtp-prosa .kernpunkte h2, .nxtp-prosa .kernpunkte h3, .nxtp-prosa .kernpunkte h4, .nxtp-prosa .kernpunkte p.kernpunkte-titel,
.nxtp-prosa .en-kernpunkte h2, .nxtp-prosa .en-kernpunkte h3, .nxtp-prosa .en-kernpunkte h4, .nxtp-prosa .en-kernpunkte p.kernpunkte-titel,
.nxtp-prosa .nxtp-kernpunkte h2, .nxtp-prosa .nxtp-kernpunkte h3 {
	display: block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--beton); font-weight: 500; margin: 0 0 12px 0; line-height: 1.4;
}
.nxtp-prosa .kernpunkte ul, .nxtp-prosa .en-kernpunkte ul, .nxtp-prosa .nxtp-kernpunkte ul { list-style: none; padding: 0; margin: 0 0 12px 0; }
.nxtp-prosa .kernpunkte li, .nxtp-prosa .en-kernpunkte li, .nxtp-prosa .nxtp-kernpunkte li { padding: 8px 0; border-top: 1px solid var(--linie); margin: 0; }
.nxtp-prosa .kernpunkte li:last-child, .nxtp-prosa .en-kernpunkte li:last-child, .nxtp-prosa .nxtp-kernpunkte li:last-child { border-bottom: 0; }
.nxtp-prosa .kernpunkte p, .nxtp-prosa .en-kernpunkte p { margin-bottom: 12px; }
.nxtp-prosa .kernpunkte li strong, .nxtp-prosa .kernpunkte p strong { display: inline; font-size: inherit; letter-spacing: 0; text-transform: none; color: inherit; margin: 0; }

/* Quellenverzeichnis: <div class="quellen"><strong>Quellen</strong><ol>…</ol></div> */
.nxtp-prosa .quellen {
	border-top: 1px solid var(--graphit);
	padding: 20px 0 0 0;
	margin: 2.5em 0 0 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--neben);
}
.nxtp-prosa .quellen > strong { display: block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--beton); font-weight: 500; margin: 0 0 12px 0; }
.nxtp-prosa .quellen ol, .nxtp-prosa .quellen ul { margin: 0; padding-left: 1.4em; }
.nxtp-prosa .quellen li { margin: 0 0 0.5em 0; overflow-wrap: anywhere; }
.nxtp-prosa .quellen a { color: var(--graphit); border-bottom: 1px solid var(--linie); }

/* Zitat mit Quelle: <blockquote class="artikel-zitat">…<cite>…</cite></blockquote> */
.nxtp-prosa .artikel-zitat { margin: 1.8em 0; padding-left: 20px; border-left: 1px solid var(--graphit); font-size: 20px; line-height: 1.45; letter-spacing: -0.01em; font-weight: 400; color: var(--graphit); }
.nxtp-prosa .artikel-zitat p { margin: 0; }
.nxtp-prosa .artikel-zitat cite, .nxtp-prosa blockquote cite { display: block; margin-top: 10px; font-size: 13px; line-height: 1.5; color: var(--beton); font-style: normal; letter-spacing: 0; }

/* Grafiken mit Bildunterschrift: figure, .wp-block-image, .wp-caption, Bilder aus der Mediathek */
.nxtp-prosa figure, .nxtp-prosa .wp-block-image, .nxtp-prosa .wp-caption { margin: 2em 0; max-width: 100%; }
.nxtp-prosa figure img, .nxtp-prosa .wp-block-image img, .nxtp-prosa .wp-caption img { width: 100%; height: auto; margin: 0; border: 1px solid var(--linie); }
.nxtp-prosa figcaption, .nxtp-prosa .wp-caption-text { font-size: 13px; color: var(--beton); line-height: 1.5; padding-top: 8px; margin: 0; }
.nxtp-prosa figure a, .nxtp-prosa .wp-block-image a { border-bottom: 0; }

/* Downloadverweise im Artikel (Whitepaper-Artikel 1293): <p><strong><a href="…pdf">Whitepaper herunterladen (PDF, 8 Seiten, 36 KB)</a></strong></p>
   Reines Markup ohne Klasse: Unterstrich in Graphit, kein Knopf. */
.nxtp-prosa strong > a, .nxtp-prosa b > a { border-bottom: 1px solid var(--graphit); }
.nxtp-prosa strong > a:hover, .nxtp-prosa b > a:hover { border-bottom-width: 2px; }
.nxtp-prosa .en-link { border-bottom: 1px solid var(--graphit); font-weight: 500; }
.reveal, .reveal-delay-1, .reveal-delay-2, .reveal-delay-3 { opacity: 1; transform: none; }

/* Video: Klick-Fassade (YouTube nocookie erst nach Klick) und eigene Videodatei */
.nxtp-prosa .video-facade, .video-facade { position: relative; margin: 2em 0; aspect-ratio: 16 / 9; background: var(--graphit); cursor: pointer; overflow: hidden; }
.video-facade img { width: 100%; height: 100%; object-fit: cover; opacity: 0.55; margin: 0; border: 0; }
.video-facade .vf-play { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--papier); text-align: center; padding: 16px; }
.video-facade .vf-btn { width: 64px; height: 64px; background: var(--gelb); color: var(--graphit); display: flex; align-items: center; justify-content: center; font-size: 24px; }
.video-facade .vf-hint { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--linie); max-width: 420px; line-height: 1.5; }
.video-facade iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nxtp-prosa .video-figure, .video-figure { margin: 2em 0; }
.video-figure video { width: 100%; display: block; border: 1px solid var(--linie); }
.video-figure figcaption { font-size: 13px; color: var(--beton); padding-top: 8px; }

/* Tabellen im Artikel: der Scroll-Rahmen en-table-wrap kommt aus dem Inhalt oder aus dem Filter in functions.php */
.en-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 1.5em 0; }
.en-table-wrap > table, .en-table-wrap > .en-table { margin-bottom: 0; }
.nxtp-prosa table, .en-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; margin: 0 0 1.5em 0; }
.nxtp-prosa th, .en-table th { text-align: left; font-weight: 500; background: var(--sandstein); padding: 10px 12px; border-bottom: 1px solid var(--graphit); vertical-align: top; }
.nxtp-prosa td, .en-table td { padding: 10px 12px; border-bottom: 1px solid var(--linie); vertical-align: top; }
.en-table td:first-child, .en-table th:first-child { padding-left: 0; }
.en-table td:last-child, .en-table th:last-child { padding-right: 0; }
.en-table td:first-child { font-weight: 500; }
.en-table td em { font-style: normal; font-weight: 500; }
.en-table .nowrap, .en-table td.datum, .en-table td.ort { white-space: nowrap; }
.en-table a { border-bottom: 1px solid var(--linie); }
.nxtp-prosa .wp-block-table, .nxtp-prosa .en-table-scroll { overflow-x: auto; margin: 0 0 1.5em 0; }
@media (max-width: 719px) {
	.nxtp-prosa table, .en-table { font-size: 14px; }
	/* Tabellen ab drei Spalten behalten ihre Breite und scrollen im Rahmen; zwei Spalten passen in die Lesespalte */
	.nxtp-prosa table:has(tr > :nth-child(3)), .en-table:has(tr > :nth-child(3)) { min-width: 560px; }
	.nxtp-prosa th, .nxtp-prosa td, .en-table th, .en-table td { padding: 8px 10px; }
}

/* Schranke (Vorschau plus Aufforderung) */
p.nxtp-vorschau { position: relative; }
.nxtp-schranke { border-top: 1px solid var(--graphit); padding: 28px 0; margin: 24px 0 32px 0; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.nxtp-schranke .nxtp-label { margin: 0; }
.nxtp-schranke__text { font-size: 17px; line-height: 1.5; margin: 0; max-width: 520px; }
.nxtp-schranke .nxtp-knopf { margin-top: 8px; }
.nxtp-schranke__anmelden { font-size: 14px; color: var(--neben); }

/* Werkzeuge zum Artikel */
.nxtp-werkzeuge { max-width: 760px; margin: 32px 0 0 0; padding-top: 24px; border-top: 1px solid var(--graphit); }
.nxtp-werkzeuge ul { margin-top: 12px; }
.nxtp-werkzeuge li { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 12px 0; border-bottom: 1px solid var(--linie); font-size: 17px; }
.nxtp-werkzeuge li a { font-weight: 500; }

/* Artikelfuß, Autorbox */
.nxtp-artikelfuss { max-width: 760px; margin-top: 48px; display: flex; flex-direction: column; gap: 24px; }
.nxtp-autorbox { display: grid; grid-template-columns: 72px 1fr; gap: 20px; padding: 24px 0; border-top: 1px solid var(--graphit); border-bottom: 1px solid var(--linie); align-items: start; }
.nxtp-autorbox > div { display: flex; flex-direction: column; gap: 6px; }
.nxtp-autorbox__foto { width: 72px; height: 90px; object-fit: cover; }
.nxtp-autorbox__foto--leer { background: var(--graphit-hell); }
.nxtp-autorbox__name { font-size: 16px; font-weight: 500; }
.nxtp-autorbox__name a { border-bottom: 1px solid var(--graphit); font-weight: 400; }
.nxtp-autorbox__text { font-size: 14px; color: var(--neben); line-height: 1.55; }

/* Vorlagenseite */
.nxtp-vorlage { display: grid; grid-template-columns: 1fr; gap: 32px; }
.nxtp-vorlage__seite { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.nxtp-vorlage__seite .nxtp-knopf { margin-top: 4px; }
.nxtp-werkzeuge--artikel { margin-top: 40px; }

/* Mein Bereich */
.nxtp-bereich__abschnitt { margin-bottom: 40px; display: flex; flex-direction: column; gap: 12px; }
.nxtp-profil .nxtp-daten { margin-top: 4px; }

/* 404 */
.nxtp-404 { display: flex; flex-direction: column; gap: 32px; }
.nxtp-404__liste { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 16px; }
.nxtp-404__liste a { border-bottom: 1px solid var(--graphit); }

/* Platzhalter (Selbsttest-Formular kommt per Plugin) */
.nxtp-platzhalter { border: 1px dashed var(--linie); padding: 32px 24px; text-align: center; color: var(--beton); font-size: 15px; margin: 0 0 1.5em 0; }

/* Cookie-Banner */
.nxtp-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--papier); border-top: 1px solid var(--graphit); }
.nxtp-consent__inner { max-width: var(--breite); margin: 0 auto; padding: 20px var(--rand); display: flex; flex-direction: column; gap: 12px; }
.nxtp-consent__text { font-size: 14px; line-height: 1.5; max-width: 720px; }
.nxtp-consent__text a { border-bottom: 1px solid var(--linie); }
.nxtp-consent__knoepfe { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.nxtp-consent .nxtp-knopf { padding: 12px 20px; font-size: 14px; }

/* ---------- ab 720 ---------- */

@media (min-width: 720px) {
	.nxtp-kopfsuche { border-bottom: 0; padding: 6px; margin-left: auto; }
	.nxtp-kopfsuche__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	.nxtp-kopfsuche:hover .ic--suche { stroke: var(--graphit); }
	.nxtp-suchbuehne { padding-top: 72px; }
	.nxtp-einstiege__kacheln { grid-template-columns: repeat(2, 1fr); }
	:root { --rand: 40px; }
	.nxtp-h1 { font-size: 44px; }
	.nxtp-h2 { font-size: 36px; }
	.nxtp-seite { padding-top: 56px; }
	.nxtp-artikelkopf, .nxtp-seitenkopf { gap: 20px; }
	.nxtp-artikeltitel { font-size: 44px; }
	.nxtp-prosa { font-size: 18px; }
	.nxtp-buehne__titel { font-size: 56px; }
	.nxtp-zahlen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding-top: 0; }
	.nxtp-zahlen > div { border-top: 0; padding: 32px 0; }
	.nxtp-zahlen > div:first-child { border-top: 0; }
	.nxtp-zahlen { border-top: 1px solid var(--graphit); border-bottom: 1px solid var(--linie); margin-left: auto; margin-right: auto; }
	.nxtp-zahlen strong { font-size: 40px; }
	.nxtp-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nxtp-raster__feld { padding: 28px 24px; }
	.nxtp-neu__raster { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
	.nxtp-selbsttest { padding: 56px 48px; }
	.nxtp-herausgeber__person { grid-template-columns: 110px 1fr; gap: 24px; }
	.nxtp-herausgeber__foto { width: 110px; height: 138px; }
	.nxtp-schluss { grid-template-columns: 1fr 380px; gap: 56px; }
	.nxtp-formseite__spalten { grid-template-columns: minmax(0, 520px) 1fr; gap: 64px; align-items: start; }
	.nxtp-verzeichnis__eintrag { grid-template-columns: 24px 1fr 110px 190px; align-items: start; gap: 16px 20px; }
	.nxtp-verzeichnis__format, .nxtp-verzeichnis__vermerk { grid-column: auto; padding-top: 4px; }
	.nxtp-verzeichnis__vermerk { text-align: right; }
	a.nxtp-verzeichnis__vermerk { justify-self: end; }
	.nxtp-verzeichnis--kompakt .nxtp-verzeichnis__eintrag { grid-template-columns: 18px 1fr 110px 150px; }
	.nxtp-vorlage { grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: start; }
	.nxtp-vorlage__seite { position: sticky; top: 24px; }
	.nxtp-daten > div { grid-template-columns: 80px 1fr; }
	.nxtp-consent__inner { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; }
	.nxtp-kasten__zahlen > div { padding: 16px 20px; }
	.nxtp-kasten__zahlen strong { font-size: 28px; }
	.nxtp-schranke { padding: 32px 0; }
}

/* ---------- ab 1080 ---------- */

@media (min-width: 1080px) {
	.nxtp-suchbuehne { padding-top: 88px; }
	.nxtp-einstiege__kacheln { grid-template-columns: repeat(4, 1fr); }
	:root { --rand: 96px; }
	.nxtp-kopf__inner { padding: 22px var(--rand); flex-wrap: nowrap; gap: 32px; }
	.nxtp-menue-knopf { display: none; }
	.nxtp-nav { display: flex; width: auto; flex: 1; flex-direction: row; align-items: center; justify-content: space-between; padding: 0; border: 0; gap: 32px; }
	.nxtp-menue { flex-direction: row; gap: 32px; font-size: 14px; justify-content: center; }
	.nxtp-menue li a { padding: 0; border: 0; }
	.nxtp-konto { flex-direction: row; gap: 28px; align-items: center; padding: 0; }
	.nxtp-konto__klapp { position: absolute; right: 0; top: calc(100% + 12px); background: var(--papier); border: 1px solid var(--graphit); padding: 16px 20px; min-width: 220px; z-index: 30; gap: 12px; }
	.nxtp-verzeichnis__aktion { grid-column: auto; justify-self: end; }
	.nxtp-filter { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 32px; }
	.nxtp-filter__stand { margin-left: auto; }
	.nxtp-fuss__inner { flex-direction: row; justify-content: space-between; align-items: baseline; }
	.nxtp-h1 { font-size: 52px; }
	.nxtp-h2 { font-size: 44px; }
	.nxtp-seitenkopf { padding-bottom: 40px; margin-bottom: 40px; }
	.nxtp-artikeltitel { font-size: 60px; }
	.nxtp-prosa { font-size: 20px; line-height: 1.7; }
	.nxtp-prosa h2 { font-size: 30px; }
	.nxtp-prosa h3 { font-size: 23px; }
	.nxtp-buehne { grid-template-columns: minmax(0, 640px) minmax(0, 1fr); gap: 80px; padding: 88px var(--rand) 64px var(--rand); }
	.nxtp-buehne__titel { font-size: 72px; line-height: 1.02; }
	.nxtp-buehne__unterzeile { font-size: 19px; }
	.nxtp-buehne__text { gap: 28px; }
	.nxtp-zahlen { margin-left: var(--rand); margin-right: var(--rand); padding: 0; max-width: calc(var(--breite) - 2 * var(--rand)); gap: 48px; }
	.nxtp-zahlen > div { padding: 32px 0; }
	.nxtp-selbsttest { margin: 80px var(--rand) 0 var(--rand); padding: 56px 64px; grid-template-columns: 1fr 460px; gap: 80px; max-width: calc(var(--breite) - 2 * var(--rand)); }
	.nxtp-themen { padding-top: 96px; gap: 28px; }
	.nxtp-raster { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nxtp-neu { padding-top: 80px; gap: 28px; }
	.nxtp-neu__raster { gap: 48px; }
	.nxtp-herausgeber { margin-top: 96px; grid-template-columns: 1fr 1fr; gap: 96px; }
	.nxtp-herausgeber--allein { grid-template-columns: 1fr; }
	.nxtp-herausgeber__text { font-size: 18px; }
	.nxtp-zitat { padding-left: 24px; }
	.nxtp-zitat__text { font-size: 22px; }
	.nxtp-schluss { margin-top: 96px; grid-template-columns: 1fr 420px; gap: 80px; padding: 64px var(--rand) 96px var(--rand); }
	.nxtp-fuss { margin-top: 0; }
	.nxtp-seite--text .nxtp-fuss, body:not(.home) .nxtp-fuss { margin-top: 96px; }
	.nxtp-formseite__spalten { grid-template-columns: minmax(0, 520px) 1fr; gap: 120px; }
	.nxtp-beitragsbild { margin-bottom: 40px; }
	.nxtp-artikelkopf { gap: 20px; padding-bottom: 36px; }
	.nxtp-schranke { padding: 40px 0; }
	.nxtp-faq__eintrag dt { font-size: 21px; }
	.nxtp-eintrag { padding: 28px 0; }
	.nxtp-eintrag__titel { font-size: 24px; }
	.nxtp-verzeichnis__titel { font-size: 21px; }
}

@media (min-width: 1440px) {
	.nxtp-zahlen, .nxtp-selbsttest { margin-left: auto; margin-right: auto; }
}

@media print {
	.nxtp-kopf, .nxtp-fuss, .nxtp-consent, .nxtp-schranke .nxtp-knopf { display: none; }
	body { background: #fff; }
}

/* Registrierung: Benutzername kommt aus der E-Mail (main.js), Rechnungsfelder bleiben bei der kostenlosen Stufe aus */
.nxtp-registrierung .pmpro_form_field-username, .nxtp-registrierung #pmpro_billing_address_fields, .nxtp-registrierung #pmpro_payment_information_fields, .nxtp-registrierung .pmpro_checkout-fields-billing, .nxtp-registrierung .pmpro_form_field-bfirstname, .nxtp-registrierung .pmpro_form_field-blastname { display: none; }
.nxtp-registrierung .pmpro_cols-2 { display: grid; grid-template-columns: 1fr; gap: 0; }
.pmpro_form_field-checkbox label a { border-bottom: 1px solid var(--linie); }
.pmpro_hidden { display: none !important; }
.pmpro_form_field-password .pmpro_form_label .pmpro_asterisk { margin-left: 4px; }
.nxtp-seitenkopf + .nxtp-verzeichnis, .nxtp-seitenkopf + .nxtp-faq .nxtp-faq__liste { border-top: 0; }

/* PMPro-Anmeldeformular (wp_login_form innerhalb des Plugins) */
.pmpro_login_wrap form { display: flex; flex-direction: column; gap: 20px; }
.pmpro_login_wrap form p { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.pmpro_login_wrap .login-username label, .pmpro_login_wrap .login-password label { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--beton); font-weight: 500; }
.pmpro_login_wrap .login-remember { flex-direction: row; align-items: center; }
.pmpro_login_wrap .login-remember label { display: flex; gap: 10px; align-items: center; font-size: 15px; }
.pmpro_login_wrap .login-submit .button, .pmpro_login_wrap .login-submit input[type="submit"] { width: 100%; background: var(--gelb); color: var(--graphit); padding: 18px 28px; font-size: 17px; font-weight: 500; border: 0; border-radius: 0; cursor: pointer; }
.pmpro_login_wrap .pmpro_form_field-password-toggle { margin-top: -8px; }
.pmpro_login_wrap .pmpro_form_field-password-toggle .pmpro_btn, .pmpro_form_field-password-toggle button, .pmpro_btn-password-toggle { background: none !important; width: auto !important; padding: 0 !important; font-size: 13px !important; color: var(--neben) !important; font-weight: 400 !important; display: inline-flex; gap: 6px; align-items: center; }
.pmpro_form_field-password-toggle .dashicons { font-size: 16px; width: 16px; height: 16px; }
.pmpro_btn-plain { background: none !important; width: auto !important; padding: 0 !important; font-size: 13px !important; color: var(--neben) !important; font-weight: 400 !important; display: inline-flex; gap: 6px; align-items: center; }
.pmpro_icon svg { width: 16px; height: 16px; stroke: var(--neben); }


/* ---------- Selbsttest: Formular ---------- */

.nxtp-fortschritt { position: sticky; top: 0; z-index: 10; background: var(--papier); padding: 14px 0 12px 0; border-bottom: 1px solid var(--linie); margin-bottom: 8px; }
.nxtp-fortschritt__leiste { height: 4px; background: var(--sandstein); }
.nxtp-fortschritt__leiste span { display: block; height: 100%; background: var(--gelb); transition: width 0.25s ease; }
.nxtp-fortschritt__text { font-size: 13px; color: var(--beton); margin: 8px 0 0 0; }

.nxtp-test { display: flex; flex-direction: column; gap: 0; }
.nxtp-test__block { border: 0; margin: 0; padding: 32px 0; }
.nxtp-test__block + .nxtp-test__block { border-top: 1px solid var(--linie); }
.nxtp-test__block[hidden] { display: none; }
.nxtp-test__block.is-offen { background: #FBF3F1; padding-left: 16px; padding-right: 16px; }
.nxtp-test__block--einordnung { background: var(--sandstein); padding: 32px 24px; }
.nxtp-test__block--einordnung .nxtp-knopf { margin-top: 24px; clear: both; }
.nxtp-test__block .nxtp-feld, .nxtp-test__block .nxtp-haekchen, .nxtp-test__block .nxtp-klein, .nxtp-test__block .nxtp-knopf { clear: both; }
.nxtp-test__legende { padding: 0; margin: 0 0 8px 0; float: left; width: 100%; }
.nxtp-test__block::after { content: ""; display: table; clear: both; }
.nxtp-test__nummer { display: block; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--beton); margin-bottom: 10px; }
.nxtp-test__frage { display: block; font-size: 20px; line-height: 1.35; letter-spacing: -0.01em; max-width: 30em; }
.nxtp-test__haken { display: none; }
.nxtp-test__block.is-fertig .nxtp-test__haken { display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #2E7D46; position: relative; float: right; }
.nxtp-test__block.is-fertig .nxtp-test__haken::after { content: ""; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.nxtp-test__block.is-fertig .nxtp-test__frage { color: var(--neben); }
.nxtp-test__hinweis { font-size: 14px; color: var(--neben); margin: 0 0 18px 0; max-width: 40em; clear: both; }
.nxtp-test__optionen { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; max-width: 46em; clear: both; }
.nxtp-test__option { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border: 1px solid var(--linie); background: var(--papier); font-size: 16px; line-height: 1.5; cursor: pointer; }
.nxtp-test__option:hover { border-color: var(--graphit); }
.nxtp-test__option input { margin: 2px 0 0 0; width: 18px; height: 18px; accent-color: var(--graphit); flex: none; }
.nxtp-test__option:has(input:checked) { border-color: var(--graphit); background: var(--sandstein); }
.nxtp-test__paar { display: flex; flex-direction: column; gap: 16px; clear: both; }
.nxtp-test select { font: inherit; font-size: 16px; padding: 14px; border: 1px solid var(--linie); background: var(--papier); color: var(--graphit); border-radius: 0; width: 100%; }
.nxtp-test__block--abschluss { background: var(--sandstein); padding: 40px 32px; }
.nxtp-test__block--abschluss .nxtp-test__legende { margin-bottom: 4px; }
.nxtp-test__block--abschluss .nxtp-test__hinweis { margin-bottom: 28px; }
.nxtp-test__block--abschluss .nxtp-test__paar { margin-bottom: 28px; }
.nxtp-test__block--abschluss .nxtp-haekchen { margin-bottom: 10px; }
.nxtp-test__block--abschluss .nxtp-klein { margin: 0 0 32px 26px; max-width: 62em; }
.nxtp-test__block--abschluss .nxtp-knopf { margin-top: 0; }

/* ---------- Selbsttest: Ergebnis ---------- */

.nxtp-index { display: flex; flex-direction: column; gap: 28px; padding: 32px 24px; background: var(--sandstein); margin-bottom: 48px; }
.nxtp-index__zahl strong { display: block; font-size: 76px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; }
.nxtp-index__zahl > span { font-size: 16px; color: var(--neben); }
.nxtp-index__zahl .nxtp-klein { margin-top: 12px; max-width: 26em; }
.nxtp-index__leiste { position: relative; height: 8px; background: var(--papier); border: 1px solid var(--linie); margin-bottom: 16px; }
.nxtp-index__leiste span { position: absolute; top: -6px; width: 4px; height: 18px; background: var(--graphit); transform: translateX(-2px); }
.nxtp-index__skala ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.nxtp-index__skala li { display: flex; gap: 12px; font-size: 14px; color: var(--beton); }
.nxtp-index__skala strong { font-weight: 500; min-width: 5.5em; }
.nxtp-index__skala .is-aktiv { color: var(--graphit); }
.nxtp-index__skala .is-aktiv strong { background: var(--gelb); padding: 0 4px; }

.nxtp-block { margin: 0 0 48px 0; }
.nxtp-block__text { font-size: 17px; line-height: 1.65; max-width: 42em; margin: 0 0 20px 0; }
.nxtp-block--schritte { background: var(--papier); border: 1px solid var(--graphit); padding: 28px 24px; }

.nxtp-profil { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.nxtp-profil__kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.nxtp-profil__name { font-size: 17px; }
.nxtp-profil__wert { font-size: 14px; color: var(--beton); white-space: nowrap; }
.nxtp-profil__balken { height: 12px; background: var(--sandstein); margin: 8px 0 6px 0; }
.nxtp-profil__balken span { display: block; height: 100%; background: var(--graphit); }
.nxtp-profil__zeile.is-schwach .nxtp-profil__balken span { background: var(--gelb); }
.nxtp-profil__satz { font-size: 14px; color: var(--neben); margin: 0; max-width: 42em; }

.nxtp-schritte { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; }
.nxtp-schritte li { display: flex; gap: 16px; align-items: flex-start; }
.nxtp-schritte__nummer { flex: none; width: 30px; height: 30px; background: var(--gelb); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; }
.nxtp-schritte__text { font-size: 17px; line-height: 1.6; margin: 0 0 8px 0; max-width: 40em; }
.nxtp-schritte__vorlage { font-size: 14px; border-bottom: 1px solid var(--linie); }

.nxtp-vergleich { list-style: none; margin: 0 0 24px 0; padding: 0; display: flex; flex-direction: column; gap: 28px; }
.nxtp-vergleich__frage { font-size: 16px; margin: 0 0 10px 0; max-width: 42em; }
.nxtp-vergleich__leiste { position: relative; height: 20px; background: var(--sandstein); margin-bottom: 6px; max-width: 520px; }
.nxtp-vergleich__leiste::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient(to right, transparent calc(25% - 1px), var(--papier) calc(25% - 1px), var(--papier) 25%, transparent 25%, transparent calc(50% - 1px), var(--papier) calc(50% - 1px), var(--papier) 50%, transparent 50%, transparent calc(75% - 1px), var(--papier) calc(75% - 1px), var(--papier) 75%, transparent 75%); }
.nxtp-vergleich__skala { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 12px 0; padding: 0; max-width: 520px; font-size: 12px; color: var(--beton); text-align: center; }
.nxtp-vergleich__werte { font-size: 15px; line-height: 1.6; margin: 0 0 4px 0; max-width: 42em; }
.nxtp-vergleich__eigen { display: flex; align-items: center; justify-content: flex-end; height: 100%; padding-right: 8px; box-sizing: border-box; background: var(--graphit); color: var(--papier); font-size: 11px; font-weight: 500; }
.nxtp-vergleich__ref { position: absolute; top: -5px; bottom: -5px; width: 3px; background: var(--gelb); border-left: 1px solid var(--graphit); border-right: 1px solid var(--graphit); z-index: 2; }
.nxtp-vergleich__lage { font-size: 15px; line-height: 1.6; margin: 0 0 6px 0; max-width: 42em; }
.nxtp-vergleich__quelle { font-size: 12px; color: var(--beton); margin: 0; max-width: 42em; }
.nxtp-vergleich__quelle a { color: var(--beton); border-bottom: 1px solid var(--linie); }

.nxtp-kastenliste { list-style: none; margin: 0 0 28px 0; padding: 0; border-top: 1px solid var(--linie); }
.nxtp-kastenliste li { display: grid; grid-template-columns: 22px 1fr; gap: 6px 14px; padding: 16px 0; border-bottom: 1px solid var(--linie); align-items: start; }
.nxtp-kastenliste a { font-size: 16px; }
.nxtp-kastenliste .nxtp-klein { margin: 4px 0 0 0; }
.nxtp-kastenliste__format { grid-column: 2; font-size: 12px; color: var(--beton); }

.nxtp-wege { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
.nxtp-wege li { border: 1px solid var(--linie); padding: 22px 20px; }
.nxtp-wege li.is-empfohlen { border-color: var(--graphit); }
.nxtp-wege__text { font-size: 15px; line-height: 1.6; margin: 8px 0 14px 0; }
.nxtp-abschluss { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--linie); }

@media (min-width: 720px) {
	.nxtp-test__paar { flex-direction: row; gap: 24px; }
	.nxtp-test__paar .nxtp-feld { flex: 1; }
	.nxtp-index { flex-direction: row; align-items: center; gap: 56px; padding: 40px; }
	.nxtp-index__zahl { flex: none; }
	.nxtp-index__skala { flex: 1; }
	.nxtp-kastenliste li { grid-template-columns: 22px 1fr 110px; }
	.nxtp-kastenliste__format { grid-column: auto; text-align: right; }
	.nxtp-wege { flex-direction: row; }
	.nxtp-wege li { flex: 1; }
	.nxtp-test__frage { font-size: 22px; }
}

/* ---------- Selbsttest: Empfehlungen aus den Antworten ---------- */
.nxtp-empfehlung { border: 2px solid var(--graphit); padding: 0; overflow: hidden; }
.nxtp-empfehlung__kopf { background: var(--gelb); padding: 32px 32px 28px 32px; }
.nxtp-empfehlung__kopf .nxtp-label { color: var(--graphit); margin: 0 0 8px 0; }
.nxtp-empfehlung__kopf .nxtp-h2 { margin: 0 0 12px 0; }
.nxtp-empfehlung__kopf .nxtp-block__text { margin: 0; max-width: 46em; }
.nxtp-empfehlung__titel { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--beton); font-weight: 500; margin: 0; padding: 28px 32px 0 32px; }
.nxtp-empfehlung__liste { list-style: none; margin: 0; padding: 12px 32px 0 32px; }
.nxtp-empfehlung__liste li { display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--linie); }
.nxtp-empfehlung__liste li:last-child { border-bottom: 0; }
.nxtp-empfehlung__liste > li > div { flex: 1; min-width: 0; }
.nxtp-empfehlung__name { font-size: 18px; line-height: 1.35; color: var(--graphit); text-decoration: none; border-bottom: 1px solid var(--linie); }
.nxtp-empfehlung__name:hover { border-bottom-color: var(--graphit); }
.nxtp-empfehlung__grund { margin: 8px 0 0 0; padding-left: 12px; border-left: 3px solid var(--gelb); font-size: 15px; line-height: 1.55; color: var(--graphit); }
.nxtp-empfehlung__liste .nxtp-klein { margin: 6px 0 0 0; }
.nxtp-empfehlung__liste--artikel { padding-bottom: 8px; }
.nxtp-empfehlung__hinweis { margin: 0; padding: 20px 32px 28px 32px; }
@media (max-width: 640px) {
	.nxtp-empfehlung__kopf { padding: 24px 20px; }
	.nxtp-empfehlung__titel, .nxtp-empfehlung__liste, .nxtp-empfehlung__hinweis { padding-left: 20px; padding-right: 20px; }
}

/* ---------- Selbsttest: PDF für die Geschäftsführung ---------- */
.nxtp-pdfblock { border: 1px solid var(--linie); background: var(--sandstein); padding: 32px; display: flex; gap: 32px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.nxtp-pdfblock > div { flex: 1; min-width: 260px; }
.nxtp-pdfblock .nxtp-h2 { margin: 0 0 10px 0; }
.nxtp-pdfblock .nxtp-block__text { margin: 0; max-width: 40em; }
.nxtp-pdfblock form { margin: 0; flex: none; }

/* ---------- Lange Adressen im Fließtext umbrechen ---------- */
.nxtp-prosa, .nxtp-prosa li, .nxtp-prosa p, .nxtp-prosa a,
.nxtp-quellen, .nxtp-quellen li, .nxtp-quellen a { overflow-wrap: break-word; }

.nxtp-formseite__einleitung { margin-bottom: 28px; }
.nxtp-formseite__einleitung p { font-size: 16px; line-height: 1.65; margin: 0 0 12px 0; max-width: 42em; }