/* Textariat – Ergänzungen, die theme.json nicht abbildet */

/* Streichung und Einfügung in der Manuskriptkarte */
.textariat-streichung { text-decoration: line-through; color: #9A9789; }
.textariat-einfuegung { color: #8E2B27; }

/* Karten */
.is-style-textariat-karte {
	background: var(--wp--preset--color--buetten);
	border: 1px solid var(--wp--preset--color--kante);
	padding: 2.5rem 2.25rem;
}

.is-style-textariat-manuskript {
	background: var(--wp--preset--color--buetten);
	border: 1px solid var(--wp--preset--color--kante);
	box-shadow: 0 18px 44px rgba(31, 59, 50, 0.10);
	padding: 2.75rem 3rem;
}

/* Kleine Auszeichnungszeile über Überschriften */
.is-style-textariat-auszeichnung {
	font-size: 0.75rem;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--wp--preset--color--korrekturrot);
	margin-bottom: 0.5rem;
}

/* Marken, etwa „Änderungsverfolgung“ */
.textariat-marke {
	display: inline-block;
	font-size: 0.85rem;
	color: var(--wp--preset--color--leinen);
	border: 1px solid #C9C0AB;
	border-radius: 999px;
	padding: 0.45rem 0.9rem;
	margin: 0 0.5rem 0.5rem 0;
}

/* Fließtext bleibt schmal, auch in breiten Bereichen */
.textariat-lesebreite { max-width: 42em; }

/* Navigation ohne Unterstreichung */
.wp-block-navigation a { text-decoration: none; }
.wp-block-navigation a:hover { text-decoration: underline; }

/* Formularfelder im Kontaktbereich */
.textariat-feld input[type="text"],
.textariat-feld input[type="email"],
.textariat-feld textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: var(--wp--preset--font-family--source);
	font-size: 1rem;
	padding: 0.85rem 1rem;
	border: 1px solid #C9C0AB;
	background: #FFFFFF;
	color: var(--wp--preset--color--druckerschwaerze);
	border-radius: 0;
}

.wpcf7 input[type="submit"] {
	font-family: var(--wp--preset--font-family--source);
	font-weight: 600;
	color: var(--wp--preset--color--pergament);
	background: var(--wp--preset--color--leinen);
	border: none;
	padding: 0.95rem 1.6rem;
	border-radius: 2px;
	cursor: pointer;
}

@media (max-width: 781px) {
	.is-style-textariat-manuskript { padding: 1.75rem 1.5rem; }
	.is-style-textariat-karte { padding: 1.75rem 1.5rem; }
}


/* Bausteine für die Muster mit HTML-Blöcken */
:root {
	--tx-pergament: #F4F0E6;
	--tx-pergament-tief: #EFE9DA;
	--tx-buetten: #FBF9F3;
	--tx-kante: #DCD4C2;
	--tx-kante-warm: #C9C0AB;
	--tx-tinte: #1C1D19;
	--tx-tinte-leise: #3C3D35;
	--tx-grau: #6B6A5E;
	--tx-leinen: #1F3B32;
	--tx-rot: #8E2B27;
	--tx-rot-dunkel: #6E1F1C;
	--tx-messing: #E8B98A;

	--tx-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--tx-sans: "Source Sans 3", -apple-system, "Segoe UI", Helvetica, sans-serif;

	--tx-breite: 1440px;
	--tx-rand: clamp(1.25rem, 3.5vw, 3.5rem);
}


/* == TEIL 3: Bausteine der Startseite ===================================== */
/* Greifen nur in den mitgelieferten HTML-Blöcken. */

.tx { font-family: var(--tx-sans); color: var(--tx-tinte); }
.tx * { box-sizing: border-box; }

.tx-band {
	background: var(--tx-pergament);
	padding: clamp(2.5rem, 5vw, 5.5rem) var(--tx-rand);
}
.tx-band--tief { background: var(--tx-pergament-tief); }
.tx-band--dunkel { background: var(--tx-tinte); color: var(--tx-pergament); }
.tx-band--dunkel h2 { color: var(--tx-pergament); }

.tx-innen {
	max-width: var(--tx-breite);
	margin: 0 auto;
}

/* Raster: gleich breite Spalten, die auf schmalen Schirmen umbrechen */
.tx-reihe {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.tx-reihe > * { flex: 1 1 320px; min-width: 0; }
.tx-reihe--weit { gap: 3.5rem; }

/* Zweiteilung mit betonter erster Spalte */
.tx-zwei {
	display: flex;
	flex-wrap: wrap;
	gap: 3.5rem;
	align-items: flex-start;
}
.tx-zwei > :first-child { flex: 1 1 520px; min-width: 0; }
.tx-zwei > :last-child { flex: 1 1 440px; min-width: 0; }

/* Auszeichnungszeile über Überschriften */
.tx-auszeichnung {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--tx-rot);
	margin-bottom: 0.75rem;
}

.tx-titel {
	font-family: var(--tx-serif);
	font-weight: 600;
	font-size: clamp(2.6rem, 1.4rem + 4vw, 4.6rem);
	line-height: 1.05;
	margin: 0 0 1.25rem 0;
}
.tx-lead { font-size: 1.3rem; line-height: 1.6; color: var(--tx-tinte-leise); margin: 0 0 1.5rem 0; }
.tx-fein { font-size: 0.95rem; color: var(--tx-grau); margin: 0.75rem 0 0 0; }

/* Schaltflächen innerhalb der Bausteine */
.tx-knopf {
	display: inline-block;
	background: var(--tx-rot);
	color: #F9F6EE;
	font-weight: 600;
	text-decoration: none;
	padding: 1.05rem 2rem;
	border-radius: 2px;
}
.tx-knopf:hover { background: var(--tx-rot-dunkel); color: #F9F6EE; }
.tx-knopf--leinen { background: var(--tx-leinen); }
.tx-knopf--leinen:hover { background: var(--tx-tinte); }
.tx-link {
	display: inline-block;
	color: var(--tx-leinen);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--tx-leinen);
	padding-bottom: 3px;
}
.tx-link:hover { color: var(--tx-rot); border-color: var(--tx-rot); }

/* Karten */
.tx-karte {
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
	padding: 2.4rem 2.25rem;
}
.tx-karte--leinen {
	background: var(--tx-leinen);
	border-color: var(--tx-leinen);
	color: #DCE4DE;
}
.tx-karte--leinen h3 { color: #F7F4EC; }
.tx-karte--leinen a { color: var(--tx-messing); }
.tx-karte--maschine { background: #E7E2D4; border-color: #D3CCB8; color: #55564C; }
.tx-karte--redigat { border-color: var(--tx-leinen); }
.tx-karte h3 { font-family: var(--tx-serif); font-size: 1.9rem; margin: 0 0 0.75rem 0; }
.tx-karte p { margin: 0 0 1rem 0; }
.tx-karte .tx-nummer {
	font-family: var(--tx-serif);
	font-size: 2.5rem;
	color: var(--tx-kante-warm);
	display: block;
	margin-bottom: 0.5rem;
}
.tx-karte--leinen .tx-nummer { color: #6E8A7E; }

/* Manuskriptkarte mit Streichung und Einfügung */
.tx-manuskript {
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
	box-shadow: 0 18px 44px rgba(31, 59, 50, 0.10);
	padding: 2.5rem 2.75rem;
}
.tx-probe {
	font-family: var(--tx-serif);
	font-size: 1.5rem;
	line-height: 1.62;
	margin: 0 0 1.25rem 0;
}
.tx-weg { text-decoration: line-through; color: #9A9789; }
.tx-neu { color: var(--tx-rot); }
.tx-begruendung {
	border-top: 1px solid #E4DCCA;
	padding-top: 1.25rem;
	font-size: 1rem;
	color: var(--tx-tinte-leise);
	margin: 0;
}

/* Marken */
.tx-marke {
	display: inline-block;
	font-size: 0.85rem;
	color: var(--tx-leinen);
	border: 1px solid var(--tx-kante-warm);
	border-radius: 999px;
	padding: 0.45rem 0.9rem;
	margin: 0.75rem 0.5rem 0 0;
}
.tx-marke--eckig { border-radius: 0; background: var(--tx-buetten); }

/* Vertrauensband */
.tx-vertrauen {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	border-top: 1px solid var(--tx-kante);
	border-bottom: 1px solid var(--tx-kante);
	padding: 1.6rem 0;
	margin: 0 auto;
	max-width: var(--tx-breite);
}
.tx-vertrauen > div { flex: 1 1 200px; }
.tx-vertrauen b {
	display: block;
	font-family: var(--tx-serif);
	font-weight: 500;
	font-size: 2rem;
	color: var(--tx-leinen);
}
.tx-vertrauen span { font-size: 0.9rem; color: var(--tx-grau); }

/* Zahlenband */
.tx-zahl {
	font-family: var(--tx-serif);
	font-size: 3.75rem;
	line-height: 1;
	color: var(--tx-messing);
	display: block;
	margin-bottom: 0.6rem;
}
.tx-band--dunkel p { color: #C9C7BA; margin: 0; }
.tx-quelle { font-size: 0.85rem; color: #85847A; display: block; margin-top: 1.75rem; }

/* Stimmen */
.tx-stimme {
	background: var(--tx-pergament-tief);
	border: 1px solid var(--tx-kante);
	padding: 2.1rem 2rem;
}
.tx-stimme p {
	font-family: var(--tx-serif);
	font-size: 1.35rem;
	line-height: 1.54;
	margin: 0 0 1rem 0;
}
.tx-stimme cite {
	display: block;
	border-top: 1px solid var(--tx-kante);
	padding-top: 0.9rem;
	font-style: normal;
	font-size: 0.9rem;
	color: var(--tx-grau);
}
.tx-kommentar { background: var(--tx-buetten); border: none; border-top: 3px solid var(--tx-rot); }

/* Bildplatz, solange kein Foto eingesetzt ist */
.tx-bildplatz {
	background: #E7E2D4;
	border: 1px solid var(--tx-kante);
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #8A887B;
	font-size: 0.9rem;
	padding: 2rem;
}

/* Klausenblock */
.tx-klausen {
	display: flex;
	flex-wrap: wrap;
	background: var(--tx-pergament-tief);
	border: 1px solid var(--tx-kante);
	max-width: var(--tx-breite);
	margin: 0 auto;
}
.tx-klausen > * { flex: 1 1 380px; min-width: 0; }
.tx-klausen > div:last-child { padding: 3.5rem 3rem; }

/* Abstände innerhalb der Bausteine */
.tx-band h2 { margin: 0 0 1rem 0; }
.tx-band p { margin: 0 0 1rem 0; }
.tx-abstand { margin-top: 2.5rem; }

/* Schmale Schirme */
@media (max-width: 781px) {
	.tx-manuskript { padding: 1.75rem 1.5rem; }
	.tx-karte { padding: 1.75rem 1.5rem; }
	.tx-klausen > div:last-child { padding: 2rem 1.5rem; }
	.tx-knopf { display: block; text-align: center; }
	.tx-zwei { gap: 2rem; }
}


/* == TEIL 4: Durchlaufende Stimmen und Einblick ============================ */

.tx-stimmenfeld {
	background: var(--tx-pergament-tief);
	border: 1px solid var(--tx-kante);
	padding: 3rem 3.5rem 2.5rem 3.5rem;
	max-width: var(--tx-breite);
	margin: 0 auto;
}
.tx-sterne { display: flex; gap: 0.35rem; margin-bottom: 1.25rem; }
.tx-sterne svg { display: block; }
.tx-stimmenfeld blockquote,
.tx-zitat {
	font-family: var(--tx-serif);
	font-size: clamp(1.4rem, 1rem + 1vw, 1.9rem);
	line-height: 1.5;
	color: var(--tx-tinte);
	margin: 0 0 1.5rem 0;
	border: none;
	padding: 0;
	min-height: 6.5em;
	transition: opacity 0.4s ease;
}
.tx-zitat.tx-wechsel { opacity: 0; }
.tx-fuss {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: center;
	border-top: 1px solid var(--tx-kante);
	padding-top: 1.1rem;
}
.tx-quelle { flex: 1 1 260px; font-size: 0.95rem; color: var(--tx-tinte-leise); }
.tx-punkte { display: flex; flex-wrap: wrap; gap: 0.35rem; max-width: 100%; }
.tx-punkt {
	width: 30px; height: 30px;
	padding: 0; border: none; background: transparent; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
}
.tx-punkt span {
	width: 9px; height: 9px; border-radius: 50%;
	background: var(--tx-kante-warm);
	transition: background 0.2s ease;
}
.tx-punkt[aria-current="true"] span { background: var(--tx-rot); }

/* Beispielpaare */
.tx-beispiel { background: var(--tx-buetten); border: 1px solid var(--tx-kante); padding: 2rem 1.9rem; }
.tx-beispiel .tx-alt {
	font-family: var(--tx-serif);
	font-size: 1.25rem;
	line-height: 1.55;
	color: #9A9789;
	text-decoration: line-through;
	margin: 0 0 0.75rem 0;
}
.tx-beispiel .tx-neu-satz {
	font-family: var(--tx-serif);
	font-size: 1.25rem;
	line-height: 1.55;
	color: var(--tx-tinte);
	margin: 0 0 1rem 0;
	text-decoration: none;
}
.tx-beispiel .tx-grund {
	border-top: 1px solid #E4DCCA;
	padding-top: 0.8rem;
	font-size: 0.95rem;
	line-height: 1.58;
	color: var(--tx-tinte-leise);
	margin: 0;
}
.tx-hinweis { font-size: 0.9rem; color: var(--tx-grau); margin-top: 1.5rem; }

/* Kommentare auf der Einblick-Seite */
.tx-kommentarliste { display: flex; flex-direction: column; gap: 0.9rem; }
.tx-rand {
	background: var(--tx-buetten);
	border-left: 3px solid var(--tx-rot);
	padding: 1.25rem 1.4rem;
	font-size: 1rem;
	line-height: 1.6;
}
.tx-rand--leinen { border-left-color: var(--tx-leinen); }
.tx-rand--ruhig { border-left-color: var(--tx-kante-warm); }
.tx-kommentarliste h3 {
	font-family: var(--tx-serif);
	font-size: 1.75rem;
	margin: 0 0 0.25rem 0;
}


/* == TEIL 5: Die Werkstatt und die Stimmen ================================ */
/* Der Wechsel geschieht in CSS, damit er auch ohne JavaScript läuft, also in
   der Live-Vorschau des Editors, hinter einem Sicherheits-Plugin und bei
   abgeschaltetem JavaScript. Sämtliche Beispiele stehen im Muster selbst und
   liegen übereinander; die Animation blendet jeweils eines ein.
   Greift das Skript, setzt es die Klasse tx-manuell, worauf die Animation
   ruht und Pfeile, Zähler und Punkte übernehmen. */

.tx-werkstatt {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.75rem;
	align-items: stretch;
}

@media (max-width: 900px) {
	.tx-werkstatt { grid-template-columns: minmax(0, 1fr); }
}

.tx-wfeld {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	padding: 1.9rem 1.9rem 1.5rem 1.9rem;
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
}

.tx-wkopf {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid var(--tx-kante);
}

.tx-wmarke {
	font-family: var(--tx-sans);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--tx-grau);
}

.tx-wgattung { color: var(--tx-rot); text-align: right; }

.tx-wsparte {
	font-family: var(--tx-serif);
	font-size: 1.35rem;
	line-height: 1.2;
	color: var(--tx-leinen);
}

/* Die Bühne: sämtliche Blätter liegen übereinander. */

.tx-wbuehne {
	display: grid;
	flex-grow: 1;
}

/* Sämtliche Blätter liegen in derselben Rasterzelle, weshalb das Feld genau so
   hoch wird wie das längste Beispiel, und zwar bei jeder Fensterbreite von
   selbst. Eine feste Höhe braucht es damit nicht. */
.tx-wblatt {
	grid-area: 1 / 1;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	opacity: 0;
	pointer-events: none;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes tx-blaettern-36 {
	0%       { opacity: 0; }
	0.444%   { opacity: 1; }
	2.334%   { opacity: 1; }
	2.778%   { opacity: 0; }
	100%     { opacity: 0; }
}

.tx-wbuehne--36 .tx-wblatt {
	animation-name: tx-blaettern-36;
	animation-duration: 252s;
}

@keyframes tx-blaettern-79 {
	0%       { opacity: 0; }
	0.203%   { opacity: 1; }
	1.063%   { opacity: 1; }
	1.266%   { opacity: 0; }
	100%     { opacity: 0; }
}

.tx-wbuehne--79 .tx-wblatt {
	animation-name: tx-blaettern-79;
	animation-duration: 711s;
}

@keyframes tx-blaettern-10 {
	0%       { opacity: 0; }
	0.8%   { opacity: 1; }
	9.2%   { opacity: 1; }
	10.0%   { opacity: 0; }
	100%     { opacity: 0; }
}

.tx-wbuehne--10 .tx-wblatt {
	animation-name: tx-blaettern-10;
	animation-duration: 60s;
}

/* Kein JavaScript, aber Bewegung unerwünscht: das erste Blatt bleibt stehen. */
@media (prefers-reduced-motion: reduce) {
	.tx-wblatt { animation: none; opacity: 0; }
	.tx-wbuehne .tx-wblatt:first-child { opacity: 1; }
}

/* Sobald das Skript greift */

.tx-manuell .tx-wblatt {
	animation: none;
	transition: opacity 0.24s ease;
}

.tx-manuell .tx-wblatt.tx-sichtbar {
	opacity: 1;
	pointer-events: auto;
}

/* Der Inhalt eines Blattes */

.tx-wvor,
.tx-wnach { padding: 0.95rem 1.1rem; }

.tx-wvor {
	background: var(--tx-pergament-tief);
	border-left: 2px solid var(--tx-kante-warm);
}

.tx-wnach {
	background: #fff;
	border-left: 2px solid var(--tx-leinen);
}

.tx-wetikett {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.64rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--tx-grau);
}

.tx-wnach .tx-wetikett { color: var(--tx-rot); }

.tx-wvor p,
.tx-wnach p {
	margin: 0;
	font-family: var(--tx-serif);
	font-size: 1.12rem;
	line-height: 1.55;
}

.tx-wvor p { color: var(--tx-tinte-leise); }
.tx-wnach p { color: var(--tx-tinte); }

.tx-wgrund {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.6;
	color: var(--tx-grau);
}

.tx-wstelle {
	margin: 0;
	padding: 0.7rem 1rem;
	background: var(--tx-pergament-tief);
	border-left: 2px solid var(--tx-kante-warm);
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--tx-tinte-leise);
}

.tx-wtext {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: var(--tx-serif);
	font-size: 1.2rem;
	line-height: 1.6;
	color: var(--tx-tinte);
}

/* Pfeile und Zähler: erst sichtbar, wenn das Skript sie bedienen kann. */

.tx-wsteuer { display: none; }

.tx-manuell .tx-wsteuer {
	display: block;
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid var(--tx-kante);
}

.tx-wbalken {
	height: 2px;
	background: var(--tx-kante);
	margin-bottom: 0.8rem;
}

.tx-wbalken span {
	display: block;
	height: 2px;
	width: 0;
	background: var(--tx-rot);
	transition: width 0.3s ease;
}

.tx-wknoepfe {
	display: flex;
	align-items: center;
	gap: 0.9rem;
}

.tx-wknopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	padding: 0;
	background: transparent;
	border: 1px solid var(--tx-kante-warm);
	border-radius: 0;
	color: var(--tx-tinte);
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.tx-wknopf:hover {
	border-color: var(--tx-rot);
	color: var(--tx-rot);
	background: transparent;
}

.tx-wzahl {
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	color: var(--tx-grau);
	font-variant-numeric: tabular-nums;
}

.tx-wfussnote {
	margin: 1.6rem 0 0 0;
	font-size: 0.85rem;
	line-height: 1.6;
	color: var(--tx-grau);
}

/* Die Stimmen */

.tx-stimmenblatt { gap: 1.1rem; }

.tx-stimmenblatt .tx-zitat {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: var(--tx-serif);
	font-size: 1.55rem;
	line-height: 1.5;
	color: var(--tx-tinte);
}

.tx-stimmenblatt .tx-quelle {
	font-size: 0.95rem;
	color: var(--tx-tinte-leise);
}

.tx-punkte { display: flex; flex-wrap: wrap; gap: 0.35rem; max-width: 100%; }

/* Die Einblickseite: alle Beispiele untereinander */

.tx-sammlung { display: grid; gap: 1.1rem; }

@media (min-width: 900px) {
	.tx-sammlung--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tx-karte--beispiel {
	padding: 1.5rem 1.6rem;
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}

.tx-karte--beispiel .tx-wmarke { display: block; }
.tx-karte--beispiel .tx-wsparte { font-size: 1.15rem; }

.tx-gruppe { margin-top: 3rem; }

.tx-gruppe > h3 {
	margin: 0 0 1.2rem 0;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid var(--tx-kante);
	font-family: var(--tx-serif);
	font-size: 1.7rem;
	font-weight: 600;
}


/* == TEIL 6: Die einzelnen Seiten ========================================= */
/* Die Muster "Seite: …" setzen jede Unterseite aus Bändern zusammen. Innen
   sorgt tx-text für eine lesbare Zeilenlänge. */

.tx-text {
	max-width: 74ch;
	margin-inline: auto;
}

.tx-text > * { margin-top: 1.15rem; margin-bottom: 0; }
.tx-text > *:first-child { margin-top: 0; }
.tx-text > h2 { margin-top: 2.6rem; }
.tx-text > h3 { margin-top: 2.2rem; }
.tx-text > h2:first-child,
.tx-text > h3:first-child { margin-top: 0; }

.tx-text .tx-titel { margin-bottom: 1.25rem; }
.tx-text .tx-auszeichnung + .tx-titel { margin-top: 0; }

/* Merksatz: die hervorgehobenen Zeilen, die im Bestand Zitatblöcke waren */

.tx-merksatz {
	border-left: 3px solid var(--tx-rot);
	background: var(--tx-buetten);
	padding: 1.35rem 1.6rem;
}

.tx-band--tief .tx-merksatz { background: var(--tx-pergament); }

.tx-merksatz p {
	margin: 0;
	font-family: var(--tx-serif);
	font-size: 1.28rem;
	line-height: 1.55;
	color: var(--tx-tinte);
}

/* Listen */

.tx-text ul.wp-block-list,
.tx-text ol.wp-block-list {
	padding-left: 1.3rem;
	margin-top: 1.15rem;
}

.tx-text ul.wp-block-list li,
.tx-text ol.wp-block-list li {
	margin-bottom: 0.6rem;
	line-height: 1.66;
}

.tx-text ul.wp-block-list li::marker { color: var(--tx-rot); }
.tx-text ol.wp-block-list li::marker { color: var(--tx-rot); font-family: var(--tx-serif); }

/* Tabellen */

.tx-tabelle { margin: 1.6rem 0 0 0; }

.tx-tabelle table {
	width: 100%;
	border-collapse: collapse;
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
}

.tx-band--tief .tx-tabelle table { background: var(--tx-pergament); }

.tx-tabelle th,
.tx-tabelle td {
	text-align: left;
	padding: 0.85rem 1.1rem;
	border-bottom: 1px solid var(--tx-kante);
	font-size: 1rem;
	line-height: 1.55;
	vertical-align: top;
}

.tx-tabelle th {
	font-family: var(--tx-sans);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tx-grau);
	background: transparent;
}

.tx-tabelle tr:last-child td { border-bottom: 0; }
.tx-tabelle td:last-child { white-space: normal; color: var(--tx-tinte); font-weight: 600; }
.tx-tabelle sup { font-size: 0.7em; }

/* Schaltfläche am Ende eines Bandes */

.tx-tat { margin-top: 2rem; }
.tx-band--dunkel .tx-tat .tx-knopf { background: var(--tx-messing); color: var(--tx-tinte); }
.tx-band--dunkel .tx-tat .tx-knopf:hover { background: #F0CDA6; color: var(--tx-tinte); }
.tx-band--dunkel a { color: var(--tx-messing); }
.tx-band--dunkel .tx-merksatz { background: transparent; border-left-color: var(--tx-messing); }
.tx-band--dunkel .tx-merksatz p { color: var(--tx-pergament); }

/* Bilder innerhalb einer Seite */

.tx-bild { margin: 1.8rem 0 0 0; }
.tx-bild img { max-width: 100%; height: auto; }

/* Der Seitenkopf: das erste Band einer Unterseite */

.tx-band:first-of-type .tx-titel { margin-top: 0; }


/* == TEIL 7: Menü, Fußzeile und Kleinigkeiten ============================= */

.tx-kopfnavigation .wp-block-navigation {
	font-size: 0.98rem;
}

.tx-kopfnavigation .wp-block-navigation a {
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
}

.tx-kopfnavigation .wp-block-navigation a:hover,
.tx-kopfnavigation .wp-block-navigation .current-menu-item > a {
	color: var(--tx-rot);
	border-bottom-color: var(--tx-rot);
}

.tx-kopfnavigation .wp-block-navigation__submenu-container {
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
	box-shadow: 0 18px 44px rgba(31, 59, 50, 0.12);
	padding: 0.5rem 0;
	min-width: 22rem;
}

.tx-kopfnavigation .wp-block-navigation__submenu-container a {
	padding: 0.55rem 1.25rem;
	border-bottom: 0;
}

.tx-kopfnavigation .wp-block-navigation__submenu-container a:hover {
	background: var(--tx-pergament-tief);
	border-bottom: 0;
}

/* Fußzeile */

.tx-fusszeile .is-style-textariat-auszeichnung { margin-bottom: 0.9rem; }

.tx-fusszeile a {
	color: var(--tx-tinte-leise);
	text-decoration: none;
	line-height: 2.1;
}

.tx-fusszeile a:hover { color: var(--tx-rot); }

/* Die Schlagwortzeile auf der Freigabeseite */

.tx-schlagworte {
	background: var(--tx-buetten);
	border: 1px solid var(--tx-kante);
	padding: 1.1rem 1.3rem;
	font-size: 0.98rem;
	line-height: 1.9;
	color: var(--tx-tinte-leise);
}

.tx-band--tief .tx-schlagworte { background: var(--tx-pergament); }

/* Seiten, die aus Bändern bestehen, bringen ihren Titel selbst mit und
   reichen von Rand zu Rand. Der Seitentitel der Vorlage entfällt dort, und
   der Hauptbereich gibt seine Polsterung ab. Gewöhnliche Seiten, etwa das
   Impressum, bleiben unberührt. */

main:has(.tx-band) > .wp-block-post-title { display: none; }

main:has(.tx-band) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.tx-band.alignfull { margin-left: 0; margin-right: 0; max-width: none; }