/* ==========================================================================
   Kelim – Zusatzstile
   Alles mit logischen Eigenschaften (inline-start/-end), damit Links-nach-rechts
   (Deutsch, Kurmancî) und Rechts-nach-links (Pashto, Sorani) ohne eigene
   RTL-Datei funktionieren.
   ========================================================================== */

/* --- Arabische Schrift: Lesbarkeit -------------------------------------- */

html[dir="rtl"] body {
	line-height: 1.85;
}

/* Sperrung und Großbuchstaben zerstören die Buchstabenverbindungen der
   arabischen Schrift – in RTL-Kontexten immer abschalten. */
[dir="rtl"] *,
:lang(ps),
:lang(ckb),
:lang(prs),
:lang(ar),
:lang(fa) {
	letter-spacing: 0 !important;
}

[dir="rtl"] .wp-block-post-terms,
[dir="rtl"] .kelim-augenbraue {
	text-transform: none;
}

/* Einzelne Wörter in Pashto/Sorani mitten im deutschen Text:
   <span lang="ps">مننه</span> oder <span lang="ckb">سوپاس</span> */
span:lang(ps),
span:lang(ckb),
span:lang(prs),
span:lang(ar),
span:lang(fa) {
	font-family: var(--wp--preset--font-family--arabisch-sans);
	font-size: 1.08em;
	unicode-bidi: isolate;
}

/* Blockstil „Arabische Schrift (RTL)“ für Absätze und Überschriften */
.is-style-rtl-text {
	direction: rtl;
	unicode-bidi: isolate;
	text-align: start;
	font-family: var(--wp--preset--font-family--arabisch-naskh);
	line-height: 1.5;
}

p.is-style-rtl-text {
	font-size: 1.25em;
	line-height: 1.9;
}

/* --- Kelim-Ornament (Blockstil für Trenner) ------------------------------ */

.wp-block-separator.is-style-kelim {
	--kelim-a: var(--wp--preset--color--primary);
	--kelim-b: var(--wp--preset--color--accent);
	border: 0 !important;
	height: 16px !important;
	width: min(100%, 256px);
	max-width: none;
	opacity: 1;
	background: repeating-linear-gradient(90deg, var(--kelim-a) 0 32px, var(--kelim-b) 32px 64px);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill-rule='evenodd' d='M16 1l8 7-8 7-8-7zM16 5l-3 3 3 3 3-3zM0 7h6v2H0zM26 7h6v2h-6z'/%3E%3C/svg%3E") repeat-x left center / 32px 16px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill-rule='evenodd' d='M16 1l8 7-8 7-8-7zM16 5l-3 3 3 3 3-3zM0 7h6v2H0zM26 7h6v2h-6z'/%3E%3C/svg%3E") repeat-x left center / 32px 16px;
}

.wp-block-separator.is-style-kelim.alignwide {
	width: 100%;
}

.wp-block-separator.is-style-kelim.alignfull {
	width: auto;
}

/* Inhalt großer Titelbilder an der Seitenkante der übrigen Inhalte ausrichten */
.wp-block-cover.alignfull {
	padding-inline: var(--wp--style--root--padding-left, 1rem);
}

.wp-block-separator.is-style-kelim.has-text-color {
	--kelim-a: currentColor;
}

.wp-block-separator.is-style-kelim:not(.alignwide):not(.alignfull) {
	margin-inline: 0 auto;
}

.has-text-align-center > .wp-block-separator.is-style-kelim,
.kelim-zentriert .wp-block-separator.is-style-kelim {
	margin-inline: auto !important;
}

/* --- Kopf- und Fußbereich ------------------------------------------------ */

.kelim-kopf {
	border-block-end: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--base);
}

.kelim-kopf .wp-block-site-title {
	margin: 0;
}

.kelim-kopf .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	padding: var(--wp--preset--spacing--40);
}

.kelim-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-size: 1.25rem;
}

.kelim-fuss a {
	color: inherit;
}

.kelim-fuss a:hover {
	color: var(--wp--preset--color--accent);
}

/* --- Karten (Beitragsraster, Bereiche) ----------------------------------- */

.kelim-karte {
	background: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 6px;
	overflow: hidden;
	height: 100%;
	transition: box-shadow .2s ease, transform .2s ease;
}

.kelim-karte:hover {
	box-shadow: var(--wp--preset--shadow--sanft);
	transform: translateY(-2px);
}

.kelim-karte .wp-block-post-featured-image {
	margin: 0;
}

.kelim-karte .wp-block-post-featured-image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
	height: auto;
}

.kelim-karte-text {
	padding: 1.1rem 1.25rem 1.35rem;
}

.kelim-karte-text > * {
	margin-block: 0;
}

.kelim-karte-text > * + * {
	margin-block-start: 0.55rem;
}

.kelim-karte .wp-block-post-title {
	font-size: 1.3rem;
}

.kelim-karte .wp-block-post-excerpt__excerpt {
	margin: 0;
	color: var(--wp--preset--color--contrast-2);
}

.kelim-bereich {
	padding: var(--wp--preset--spacing--40);
}

.kelim-bereich h3 {
	margin-block-start: 1rem;
}

/* Pfeil, der in RTL automatisch die Richtung wechselt */
.kelim-pfeil a {
	font-weight: 600;
	text-decoration: none;
}

.kelim-pfeil a::after {
	content: " →";
}

[dir="rtl"] .kelim-pfeil a::after {
	content: " ←";
}

/* --- Kleine Überzeile ---------------------------------------------------- */

.kelim-augenbraue {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
	margin-block-end: 0.25rem;
}

.wp-block-cover .kelim-augenbraue {
	color: var(--wp--preset--color--accent);
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.05rem;
}

/* --- Wortkarte ----------------------------------------------------------- */

.kelim-wortkarte {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-inline-start: 5px solid var(--wp--preset--color--accent);
	border-radius: 6px;
	padding: var(--wp--preset--spacing--40);
}

.kelim-wortkarte > * {
	margin-block: 0;
}

.kelim-wortkarte > * + * {
	margin-block-start: 0.4rem;
}

.kelim-wortkarte .kelim-wort {
	font-size: clamp(2.2rem, 8vw, 3.2rem);
	line-height: 1.5;
	color: var(--wp--preset--color--secondary);
}

.kelim-wortkarte .kelim-wort.kelim-latein {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 600;
}

.kelim-umschrift {
	font-style: italic;
	color: var(--wp--preset--color--contrast-2);
}

.kelim-bedeutung {
	font-weight: 600;
}

/* --- Reiseziel-Steckbrief ------------------------------------------------ */

.kelim-steckbrief {
	background: var(--wp--preset--color--base-2);
	border-radius: 6px;
	border-block-start: 4px solid var(--wp--preset--color--secondary);
	padding: var(--wp--preset--spacing--40);
}

.kelim-steckbrief h3 {
	margin-block-start: 0;
	font-size: 1.2rem;
}

.kelim-steckbrief p {
	margin-block: 0;
	padding-block: 0.5rem;
	border-block-end: 1px solid var(--wp--preset--color--border);
}

.kelim-steckbrief p:last-child {
	border-block-end: 0;
}

.kelim-steckbrief strong {
	display: inline-block;
	min-width: 9.5rem;
	color: var(--wp--preset--color--secondary);
}

/* --- Zitate (Sprichwörter) ----------------------------------------------- */

.wp-block-quote {
	border-inline-start: 4px solid var(--wp--preset--color--accent);
	padding-inline-start: 1.25rem;
	margin-inline: 0;
}

.wp-block-quote cite {
	font-family: var(--wp--preset--font-family--sans);
	font-style: normal;
	font-size: 0.9rem;
	color: var(--wp--preset--color--contrast-2);
}

/* --- Sprachlektion ------------------------------------------------------- */

.kelim-lektion .wp-block-post-content {
	font-size: 1.1rem;
}

.kelim-lektion .wp-block-post-content table td {
	vertical-align: top;
}

.kelim-lektion .wp-block-post-content table td:lang(ps),
.kelim-lektion .wp-block-post-content table td:lang(ckb),
.kelim-lektion .wp-block-post-content table td:lang(prs) {
	font-family: var(--wp--preset--font-family--arabisch-sans);
	font-size: 1.3em;
}

/* --- Bilder, Formulare, Fokus ------------------------------------------- */

.wp-block-image img,
.wp-block-post-featured-image img {
	border-radius: 4px;
}

.wp-block-cover .wp-block-post-featured-image img,
.alignfull .wp-block-post-featured-image img {
	border-radius: 0;
}

.wp-block-search__input {
	border: 1px solid var(--wp--preset--color--border);
	background: #fff;
	border-radius: 4px;
	padding: 0.6rem 0.8rem;
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Lange Wörter (Kurmancî-Komposita, URLs) am Handy umbrechen */
.wp-block-post-content,
.wp-block-post-title {
	overflow-wrap: break-word;
	hyphens: auto;
}

@media (prefers-reduced-motion: reduce) {
	.kelim-karte,
	.kelim-karte:hover {
		transition: none;
		transform: none;
	}
}

/* --- Logo, Titelfoto, Intro --------------------------------------------- */

.kelim-logo {
	margin: 0;
	line-height: 0;
}

.kelim-logo img {
	height: 56px !important;
	width: auto !important;
}

.kelim-logo-fuss {
	margin: 0 0 0.5rem;
}

.kelim-logo-fuss img {
	width: 220px;
	height: auto;
}

.kelim-hero .kelim-augenbraue {
	color: #F6C796;
}

.kelim-hero h1 {
	text-shadow: 0 2px 18px rgba(31, 35, 64, 0.45);
}

.kelim-intro .is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--contrast);
}

.kelim-ki-hinweis {
	margin-block-start: var(--wp--preset--spacing--40);
	font-size: 0.8rem;
	color: var(--wp--preset--color--contrast-2);
}

@media (max-width: 781px) {
	.kelim-logo img {
		height: 44px !important;
	}

	.kelim-hero {
		min-height: 70svh !important;
	}
}

/* Kategorie-Link auf dunklen Titelbildern hell darstellen */
.wp-block-cover .kelim-augenbraue a,
.wp-block-cover .wp-block-post-terms a {
	color: #F6C796;
}

/* ==========================================================================
   Wort des Tages
   ========================================================================== */

.kw-karte {
	--kw-mark: #F8E1CF;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	overflow: hidden;
	max-width: 680px;
	margin-inline: auto;
	text-align: start;
}

.kw-kelim {
	height: 14px;
	margin: 14px 20px 0;
	background: repeating-linear-gradient(90deg, var(--wp--preset--color--primary) 0 32px, var(--wp--preset--color--accent) 32px 64px);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill-rule='evenodd' d='M16 1l8 7-8 7-8-7zM16 5l-3 3 3 3 3-3zM0 7h6v2H0zM26 7h6v2h-6z'/%3E%3C/svg%3E") repeat-x left center / 28px 14px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill-rule='evenodd' d='M16 1l8 7-8 7-8-7zM16 5l-3 3 3 3 3-3zM0 7h6v2H0zM26 7h6v2h-6z'/%3E%3C/svg%3E") repeat-x left center / 28px 14px;
}

.kw-kopf {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	flex-wrap: wrap;
	padding: 14px 20px;
	border-block-end: 1px solid var(--wp--preset--color--border);
}

.kw-kopf p { margin: 0; }

.kw-augenbraue,
.km-augenbraue {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}

.kw-datum {
	font-size: 0.95rem;
	color: var(--wp--preset--color--contrast-2);
}

.kw-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.kw-nav a {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 6px;
	padding: 5px 10px;
	background: var(--wp--preset--color--base);
	white-space: nowrap;
}

.kw-nav a:hover {
	border-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--secondary);
}

.kw-begriff {
	text-align: center;
	padding: 20px 20px 4px;
}

.kw-begriff .kw-de {
	font-size: 1.7rem;
	margin: 0;
}

.kw-info {
	margin: 2px 0 0;
	color: var(--wp--preset--color--contrast-2);
	font-size: 0.95rem;
}

.kw-reiter {
	display: flex;
	gap: 4px;
	margin: 16px 20px 0;
	padding: 4px;
	background: var(--wp--preset--color--base-2);
	border-radius: 8px;
	overflow-x: auto;
}

.kw-reiter button {
	flex: 1 0 auto;
	border: 0;
	background: transparent;
	font: 600 0.95rem var(--wp--preset--font-family--sans);
	color: var(--wp--preset--color--contrast-2);
	padding: 9px 12px;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
}

.kw-reiter button[aria-selected="true"] {
	background: #fff;
	color: var(--wp--preset--color--contrast);
	box-shadow: 0 1px 3px rgba(31, 35, 64, .12);
}

.kw-panel { padding: 8px 20px 24px; }
.kw-panel[hidden] { display: none; }

.kw-wort {
	text-align: center;
	margin-block-start: 18px;
}

.kw-wort p { margin: 0; }

.kw-gross {
	font-size: clamp(3rem, 14vw, 4.4rem);
	line-height: 1.35;
	color: var(--wp--preset--color--secondary);
	font-weight: 600;
}

.kw-gross.kw-lat {
	font-family: var(--wp--preset--font-family--serif);
	line-height: 1.2;
}

.kw-ar {
	font-family: var(--wp--preset--font-family--arabisch-sans);
}

/* Märchen- und Literaturtexte: klassische Naskh-Form */
.km-ar {
	font-family: var(--wp--preset--font-family--arabisch-naskh);
}

.kw-ums {
	font-style: italic;
	color: var(--wp--preset--color--contrast-2);
}

.kw-wort .kw-ums {
	margin-block-start: 4px;
	font-size: 1.1rem;
}

.kw-audio {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-block-start: 10px;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--base);
	border-radius: 999px;
	padding: 6px 14px;
	font: 600 0.9rem var(--wp--preset--font-family--sans);
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
}

.kw-audio svg { width: 16px; height: 16px; fill: var(--wp--preset--color--accent); }

.kw-infobox {
	margin-block-start: 20px;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: 16px 18px;
}

.kw-felder {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 18px;
	margin: 0;
}

.kw-felder div { min-width: 0; }

.kw-felder dt {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
}

.kw-felder dd {
	margin: 2px 0 0;
	font-weight: 600;
}

.kw-felder dd bdi:lang(ps),
.kw-felder dd bdi:lang(ckb),
.kw-felder dd bdi:lang(prs),
.kw-felder dd bdi[dir="rtl"] {
	font-family: var(--wp--preset--font-family--arabisch-sans);
}

.kw-hinweis {
	margin: 16px 0 0;
	background: #fff;
	border-inline-start: 4px solid var(--wp--preset--color--accent);
	border-radius: 6px;
	padding: 12px 14px;
	font-size: 0.98rem;
	unicode-bidi: plaintext;
}

.kw-h3 {
	font-size: 1.15rem;
	margin: 24px 0 8px;
}

.kw-beispiel {
	border-inline-start: 3px solid var(--wp--preset--color--secondary);
	padding: 2px 0 2px 14px;
	margin: 0 0 16px;
}

.kw-beispiel p { margin: 0; }

.kw-satz {
	font-size: 1.2rem;
	font-weight: 600;
}

.kw-satz.kw-ar {
	font-size: 1.45rem;
	line-height: 1.8;
	text-align: right;
}

.kw-satz.kw-ar + .kw-ums { text-align: right; }

.kw-karte mark,
.km-geschichte mark {
	background: var(--kw-mark, #F8E1CF);
	color: var(--wp--preset--color--primary);
	border-bottom: 2px solid var(--wp--preset--color--accent);
	border-radius: 3px;
	padding: 0 3px;
}

.kw-vergleich {
	margin: 0 20px 22px;
	background: var(--wp--preset--color--base-2);
	border-radius: 8px;
	padding: 14px 16px;
}

.kw-vergleich-t {
	margin: 0 0 8px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
}

.kw-vergleich ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
	text-align: center;
}

.kw-vergleich li {
	background: #fff;
	border-radius: 6px;
	padding: 8px 4px;
}

.kw-vergleich b {
	display: block;
	font-size: 1.25rem;
	color: var(--wp--preset--color--secondary);
}

.kw-vergleich b.kw-ar { font-size: 1.35rem; line-height: 1.4; }

.kw-vergleich span {
	font-size: 0.8rem;
	color: var(--wp--preset--color--contrast-2);
}

.kw-leer {
	text-align: center;
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--base-2);
	border-radius: 8px;
	padding: 24px;
}

@media (max-width: 480px) {
	.kw-vergleich ul { grid-template-columns: repeat(2, 1fr); }
	.kw-kopf { padding-inline: 16px; }
	.kw-panel { padding-inline: 16px; }
	.kw-reiter { margin-inline: 16px; }
	.kw-vergleich { margin-inline: 16px; }
}

/* Wortarchiv */

.kw-suche input {
	width: 100%;
	font: 1.05rem var(--wp--preset--font-family--sans);
	padding: 12px 14px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	background: #fff;
}

.kw-anzahl {
	color: var(--wp--preset--color--contrast-2);
	font-size: 0.9rem;
	margin: 8px 0 12px;
}

.kw-tabelle-wrap { overflow-x: auto; }

.kw-tabelle {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	font-size: 1rem;
}

.kw-tabelle th {
	text-align: start;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--base-2);
	padding: 8px 12px;
}

.kw-tabelle td {
	padding: 10px 12px;
	border-block-start: 1px solid var(--wp--preset--color--border);
	vertical-align: top;
}

.kw-tabelle td a {
	font-weight: 700;
	text-decoration: none;
}

.kw-tabelle .kw-ar {
	font-size: 1.25rem;
	color: var(--wp--preset--color--secondary);
	display: inline-block;
	line-height: 1.5;
}

.kw-tabelle small {
	display: block;
	font-style: italic;
	color: var(--wp--preset--color--contrast-2);
}

.kw-niveau {
	display: block;
	font-size: 0.78rem;
	color: var(--wp--preset--color--contrast-2);
}

.kw-tabelle tr[hidden] { display: none; }

@media (max-width: 640px) {
	.kw-tabelle thead { display: none; }
	.kw-tabelle, .kw-tabelle tbody, .kw-tabelle tr, .kw-tabelle td { display: block; }
	.kw-tabelle tr { border-block-start: 1px solid var(--wp--preset--color--border); padding: 10px 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }
	.kw-tabelle tr:first-child { border-block-start: 0; }
	.kw-tabelle td { border: 0; padding: 0; }
	.kw-tabelle td:first-child { grid-column: 1 / -1; }
	.kw-tabelle td[data-label]::before { content: attr(data-label); display: block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--contrast-2); }
	.kw-tabelle tr[hidden] { display: none; }
}

/* ==========================================================================
   Märchen – Lese-Ansicht
   ========================================================================== */

.km-kopf { --c: var(--wp--preset--color--secondary); }

.km-titel-orig {
	margin: 0;
	color: var(--c);
	font-size: clamp(1.6rem, 6vw, 2.2rem);
	line-height: 1.5;
}

.km-titel-orig.km-lat {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	line-height: 1.3;
}

.km-chips,
.km-angaben {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
}

.km-chips li,
.km-angaben li {
	font-size: 0.85rem;
	font-weight: 600;
	background: var(--wp--preset--color--base-2);
	border-radius: 999px;
	padding: 3px 12px;
	color: var(--wp--preset--color--contrast-2);
}

.km-chip-sprache {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--c) !important;
	background: #fff !important;
	border: 1px solid var(--wp--preset--color--border);
}

.km-punkt {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--c);
	display: inline-block;
	flex: none;
}

.km-intro {
	color: var(--wp--preset--color--contrast-2);
	margin: 16px 0 0;
	max-width: 680px;
}

.km-geschichte {
	position: relative;
}

.km-leiste {
	position: sticky;
	top: 0;
	z-index: 5;
	background: color-mix(in srgb, var(--wp--preset--color--base) 94%, transparent);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-block: 1px solid var(--wp--preset--color--border);
	padding: 10px 0;
	margin-block-end: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	align-items: center;
}

.admin-bar .km-leiste { top: 32px; }

@media (max-width: 782px) {
	.admin-bar .km-leiste { top: 0; }
}

.km-modus {
	display: flex;
	gap: 3px;
	padding: 3px;
	background: var(--wp--preset--color--base-2);
	border-radius: 8px;
	flex-wrap: wrap;
}

.km-modus button {
	border: 0;
	background: transparent;
	font: 600 0.9rem var(--wp--preset--font-family--sans);
	color: var(--wp--preset--color--contrast-2);
	padding: 7px 11px;
	border-radius: 6px;
	cursor: pointer;
}

.km-modus button[aria-pressed="true"] {
	background: #fff;
	color: var(--wp--preset--color--contrast);
	box-shadow: 0 1px 3px rgba(31, 35, 64, .12);
}

.km-schalter {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.92rem;
	font-weight: 600;
	cursor: pointer;
}

.km-schalter input {
	accent-color: var(--wp--preset--color--accent);
	width: 18px;
	height: 18px;
}

/* Absatzpaare */

.kelim-paar {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "de orig" "de ums";
	grid-template-rows: auto 1fr;
	column-gap: 28px;
	row-gap: 6px;
	padding-block: 16px;
	margin: 0 !important;
	border-block-end: 1px dashed var(--wp--preset--color--border);
}

.kelim-paar > * { margin: 0 !important; }

.kelim-paar .kelim-orig {
	grid-area: orig;
	font-size: 1.42rem;
	line-height: 2;
}

.kelim-paar .kelim-orig:lang(kmr) {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.2rem;
	line-height: 1.7;
	font-weight: 500;
}

.kelim-paar .kelim-orig[dir="rtl"] {
	font-family: var(--wp--preset--font-family--arabisch-naskh);
	text-align: right;
}

.kelim-paar .kelim-ums {
	grid-area: ums;
	font-style: italic;
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2);
}

.kelim-paar .kelim-de {
	grid-area: de;
}

.km-ohne-ums .kelim-ums { display: none; }

.km-m-nur-orig .kelim-de { display: none; }

.km-m-nur-orig .kelim-paar {
	grid-template-columns: 1fr;
	grid-template-areas: "orig" "ums";
}

.km-m-verdecken .kelim-de:not(.km-offen) {
	position: relative;
	box-sizing: border-box;
	height: 2.6rem;
	min-height: 2.6rem;
	max-height: 2.6rem;
	overflow: hidden;
	padding: 0 12px !important;
	border: 1px dashed var(--wp--preset--color--border);
	border-radius: 8px;
	background: var(--wp--preset--color--base-2);
	color: transparent !important;
	text-shadow: none;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

.km-m-verdecken .kelim-de:not(.km-offen) * { color: transparent !important; }

.km-m-verdecken .kelim-de:not(.km-offen)::after {
	content: "Übersetzung zeigen";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast-2);
	font-size: 0.88rem;
	font-weight: 600;
	letter-spacing: 0;
}

.km-m-verdecken .kelim-de:not(.km-offen):hover,
.km-m-verdecken .kelim-de:not(.km-offen):focus-visible { border-color: var(--wp--preset--color--accent); outline: none; }

.km-m-verdecken .kelim-de.km-offen { cursor: pointer; animation: km-auf 0.2s ease-out; }
.km-m-verdecken .kelim-anm { display: none; }
@keyframes km-auf { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 760px) {
	.kelim-paar {
		grid-template-columns: 1fr;
		grid-template-areas: "orig" "ums" "de";
		grid-template-rows: auto;
	}
}

/* Vokabeln im Text */

.km-vok {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	border-bottom: 2px dotted var(--wp--preset--color--accent);
	line-height: inherit;
	border-radius: 0;
}

.km-vok:hover,
.km-vok[aria-expanded="true"] {
	background: #F8E1CF;
	border-bottom-style: solid;
}

.km-vok-fehlt { border-bottom: 2px dotted #c00; }

.km-blase {
	position: absolute;
	z-index: 20;
	min-width: 150px;
	max-width: 260px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-radius: 8px;
	padding: 10px 14px;
	box-shadow: 0 8px 24px rgba(31, 35, 64, .25);
	font-size: 0.95rem;
	line-height: 1.4;
	text-align: start;
}

.km-blase[hidden] { display: none; }

.km-b-w {
	display: block;
	font-family: var(--wp--preset--font-family--arabisch-sans);
	font-size: 1.4rem;
	color: #F6C796;
}

.km-b-w:lang(kmr) {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.15rem;
}

.km-b-u { font-style: italic; opacity: .85; display: block; }
.km-b-b { display: block; font-weight: 600; margin-top: 2px; }

/* Vokabelliste und Fragen */

.km-vokabeln h2,
.km-fragen h2 {
	font-size: 1.5rem;
	margin: 40px 0 4px;
}

.km-unter {
	color: var(--wp--preset--color--contrast-2);
	margin: 0 0 14px;
}

.km-vliste {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
}

.km-vliste th {
	text-align: start;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--base-2);
	padding: 8px 12px;
}

.km-vliste td {
	padding: 9px 12px;
	border-block-start: 1px solid var(--wp--preset--color--border);
}

.km-vliste td.km-ar {
	font-family: var(--wp--preset--font-family--arabisch-sans);
	font-size: 1.3rem;
	text-align: right;
	color: var(--wp--preset--color--secondary);
	white-space: nowrap;
}

.km-vliste td.km-lat {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 600;
	color: var(--wp--preset--color--secondary);
}

.km-vliste .km-u {
	font-style: italic;
	color: var(--wp--preset--color--contrast-2);
}

@media (max-width: 640px) {
	.km-vliste .km-u { display: none; }
}

.km-knoepfe {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.km-knopf {
	font: 600 0.92rem var(--wp--preset--font-family--sans);
	border-radius: 6px;
	padding: 9px 14px;
	border: 1px solid var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: #fff;
	cursor: pointer;
}

.km-knopf.km-leer {
	background: transparent;
	color: var(--wp--preset--color--primary);
}

.km-fragen details {
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: 12px 16px;
	margin-bottom: 8px;
}

.km-fragen summary {
	font-weight: 600;
	cursor: pointer;
}

.km-fragen details p {
	margin: 8px 0 0;
	color: var(--wp--preset--color--contrast-2);
}

.km-quelle {
	margin-top: 32px;
	font-size: 0.88rem;
	color: var(--wp--preset--color--contrast-2);
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: 12px;
}

@media print {
	.km-leiste, .km-knoepfe, .kelim-kopf, .kelim-fuss, .km-blase { display: none !important; }
	.km-m-verdecken .kelim-de { color: inherit; background: none; }
	.km-m-verdecken .kelim-de::after { display: none; }
}

/* ==========================================================================
   Märchen – Karten
   ========================================================================== */

.km-karten-kopf {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 16px;
}

.km-karten-kopf h2 {
	margin: 4px 0 0;
	font-size: clamp(1.7rem, 5vw, 2.3rem);
}

.km-karten-kopf p { margin: 0; }

.km-alle {
	font-weight: 600;
	text-decoration: none;
}

.km-alle::after { content: " →"; }
[dir="rtl"] .km-alle::after { content: " ←"; }

.km-filter {
	display: flex;
	gap: 8px;
	margin: 20px 0 0;
	overflow-x: auto;
	padding-bottom: 4px;
	scrollbar-width: none;
}

.km-filter::-webkit-scrollbar { display: none; }

.km-filter button {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 1px solid var(--wp--preset--color--border);
	background: #fff;
	border-radius: 999px;
	padding: 7px 14px;
	font: 600 0.92rem var(--wp--preset--font-family--sans);
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
}

.km-filter button[aria-pressed="true"] {
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.km-raster {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 24px;
}

.km-karte {
	--c: var(--wp--preset--color--secondary);
	position: relative;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s, transform .2s;
}

.km-karte:hover {
	box-shadow: 0 6px 22px rgba(31, 35, 64, .1);
	transform: translateY(-2px);
}

.km-karte::before {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: 5px;
	background: var(--c);
	z-index: 2;
}

.km-karte[hidden] { display: none; }

.km-titel a {
	color: inherit;
	text-decoration: none;
}

.km-titel a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
}

.km-titel a:focus-visible { outline: none; }
.km-karte:focus-within { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; }

.km-bild {
	aspect-ratio: 3 / 2;
	position: relative;
	overflow: hidden;
	background: var(--c);
	margin: 0;
}

.km-bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0 !important;
}

.km-typo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	color: #fff;
	background:
		radial-gradient(circle at 20% 15%, rgba(255, 255, 255, .16), transparent 45%),
		linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #1F2340));
}

.km-typo::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 14px;
	height: 14px;
	background: rgba(255, 255, 255, .55);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill-rule='evenodd' d='M16 1l8 7-8 7-8-7zM16 5l-3 3 3 3 3-3zM0 7h6v2H0zM26 7h6v2h-6z'/%3E%3C/svg%3E") repeat-x left center / 28px 14px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill-rule='evenodd' d='M16 1l8 7-8 7-8-7zM16 5l-3 3 3 3 3-3zM0 7h6v2H0zM26 7h6v2h-6z'/%3E%3C/svg%3E") repeat-x left center / 28px 14px;
}

.km-deck {
	font-size: clamp(1.8rem, 3.6vw, 2.5rem);
	line-height: 1.45;
	text-align: center;
	font-weight: 600;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}

.km-deck.km-lat {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	line-height: 1.2;
}

.km-etikett {
	position: absolute;
	top: 12px;
	inset-inline-start: 16px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	color: var(--c);
	border-radius: 999px;
	padding: 3px 11px 3px 9px;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.6;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.km-text-k {
	padding: 16px 18px 18px 22px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.km-text-k > * { margin: 0; }

.km-datum {
	font-size: 0.82rem;
	color: var(--wp--preset--color--contrast-2);
	font-weight: 600;
}

.km-titel {
	font-size: 1.25rem;
	line-height: 1.25;
}

.km-orig {
	color: var(--c);
	line-height: 1.5;
}

.km-orig.km-ar { font-size: 1.35rem; text-align: right; }
.km-orig.km-lat { font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: 1.1rem; }

.km-anriss,
.km-lesen,
.km-woche { display: none; }

.km-angaben { margin-top: auto !important; padding-top: 10px !important; }
.km-angaben li { font-size: 0.78rem; padding: 2px 10px; }

.km-mini-etikett {
	display: none;
	align-items: center;
	gap: 5px;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--c);
}

.km-mini-etikett .km-punkt { width: 8px; height: 8px; }

/* Große Karte */

.km-gross {
	grid-column: 1 / -1;
	flex-direction: row;
}

.km-gross .km-bild {
	flex: 1.25;
	aspect-ratio: auto;
	min-height: 340px;
}

.km-gross .km-text-k {
	flex: 1;
	padding: 28px 30px 28px 34px;
	gap: 8px;
	justify-content: center;
}

.km-gross .km-titel { font-size: clamp(1.6rem, 3vw, 2.2rem); }
.km-gross .km-orig.km-ar { font-size: 1.6rem; }
.km-gross .km-anriss { display: block; color: var(--wp--preset--color--contrast-2); margin-top: 6px; }
.km-gross .km-angaben { margin-top: 6px !important; }

.km-gross .km-woche {
	display: inline-block;
	align-self: flex-start;
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: 4px;
	padding: 3px 9px;
}

.km-gross .km-lesen {
	display: inline-block;
	margin-top: 14px !important;
	align-self: flex-start;
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-weight: 600;
	border-radius: 6px;
	padding: 10px 18px;
}

.km-leer-hinweis {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--wp--preset--color--contrast-2);
	padding: 30px;
	background: var(--wp--preset--color--base-2);
	border-radius: 10px;
	margin: 0;
}

.km-leer-hinweis[hidden] { display: none; }

@media (max-width: 900px) {
	.km-raster { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
	.km-raster { grid-template-columns: 1fr; gap: 16px; }
	.km-gross { flex-direction: column; }
	.km-gross .km-bild { min-height: 0; aspect-ratio: 4 / 3; flex: none; }
	.km-gross .km-text-k { padding: 18px 18px 20px 22px; }
	.km-karte:not(.km-gross) { flex-direction: row; }
	.km-karte:not(.km-gross) .km-bild { width: 112px; flex: none; aspect-ratio: auto; }
	.km-karte:not(.km-gross) .km-typo { padding: 8px; }
	.km-karte:not(.km-gross) .km-deck { font-size: 1.3rem; }
	.km-karte:not(.km-gross) .km-typo::after,
	.km-karte:not(.km-gross) .km-etikett { display: none; }
	.km-karte:not(.km-gross) .km-text-k { padding: 12px 14px; }
	.km-karte:not(.km-gross) .km-titel { font-size: 1.08rem; }
	.km-karte:not(.km-gross) .km-orig { font-size: 1.15rem; }
	.km-karte:not(.km-gross) .km-angaben { padding-top: 6px !important; }
	.km-karte:not(.km-gross) .km-mini-etikett { display: inline-flex; }
}

@media (prefers-reduced-motion: reduce) {
	.km-karte, .km-karte:hover { transition: none; transform: none; }
}

/* ==========================================================================
   Handy und Computer
   Grenze 782 px – wie die Vorschau „Mobil/Desktop“ im WordPress-Editor.
   Im Editor bleiben alle Blöcke sichtbar und werden nur markiert.
   ========================================================================== */

@media (max-width: 781px) {
	:where(body:not(.editor-styles-wrapper)) .is-style-nur-computer {
		display: none !important;
	}
}

@media (min-width: 782px) {
	:where(body:not(.editor-styles-wrapper)) .is-style-nur-handy {
		display: none !important;
	}
}

.editor-styles-wrapper .is-style-nur-handy,
.editor-styles-wrapper .is-style-nur-computer,
.editor-styles-wrapper .is-style-handy-zuerst,
.editor-styles-wrapper .is-style-handy-zuletzt {
	outline: 2px dashed rgba(201, 107, 54, .7);
	outline-offset: 3px;
}

/* Reihenfolge am Handy */
@media (max-width: 781px) {
	:where(body:not(.editor-styles-wrapper)) :is(main, .wp-block-group, .wp-block-post-content, .wp-site-blocks):has(> .is-style-handy-zuerst, > .is-style-handy-zuletzt) {
		display: flex;
		flex-direction: column;
	}

	:where(body:not(.editor-styles-wrapper)) :is(main, .wp-block-group, .wp-block-post-content, .wp-site-blocks):has(> .is-style-handy-zuerst, > .is-style-handy-zuletzt) > :not(.alignfull) {
		width: 100%;
	}

	:where(body:not(.editor-styles-wrapper)) :is(main, .wp-block-group, .wp-block-post-content, .wp-site-blocks):has(> .is-style-handy-zuerst, > .is-style-handy-zuletzt) > .alignfull {
		align-self: stretch;
		width: auto;
	}

	.is-style-handy-zuerst { order: -1; }
	.is-style-handy-zuletzt { order: 99; }
}

/* Arabische Schrift am Handy etwas größer – kleine Punkte und Häkchen
   (ټ ډ ړ ښ ږ ې ۍ ڵ ێ) bleiben so gut erkennbar. */
@media (max-width: 781px) {
	span:lang(ps),
	span:lang(ckb),
	span:lang(prs),
	span:lang(ar),
	span:lang(fa) {
		font-size: 1.2em;
	}

	p.is-style-rtl-text {
		font-size: 1.4em;
	}

	.kelim-paar .kelim-orig[dir="rtl"] {
		font-size: 1.62rem;
		line-height: 2;
	}

	.kw-satz.kw-ar {
		font-size: 1.62rem;
	}

	.kw-felder dd bdi:lang(ps),
	.kw-felder dd bdi:lang(ckb),
	.kw-felder dd bdi:lang(prs) {
		font-size: 1.15em;
	}

	.km-vliste td.km-ar {
		font-size: 1.5rem;
	}

	.kw-tabelle .kw-ar {
		font-size: 1.45rem;
	}

	.km-orig.km-ar {
		font-size: 1.3rem;
	}

	.kw-hinweis,
	.km-intro {
		font-size: 1rem;
	}
}

/* ==========================================================================
   Bibliothek
   ========================================================================== */

.kb-werkzeuge {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.kb-werkzeuge > *,
.kb-werkzeuge .km-filter { margin: 0 !important; }

.kb-suche { display: block; }

.kb-filter-art button { font-weight: 500; }

.kb-suche input {
	width: 100%;
	max-width: 520px;
	font: 1.05rem var(--wp--preset--font-family--sans);
	padding: 11px 14px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	background: #fff;
}

.kb-werkzeuge .kw-anzahl { margin: 0; }

.kb-raster {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
	gap: 18px;
	margin-top: 20px;
}

.kb-karte {
	--c: #6A5848;
	position: relative;
	display: flex;
	gap: 16px;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-inline-start: 5px solid var(--c);
	border-radius: 10px;
	padding: 14px;
	transition: box-shadow .2s;
}

.kb-karte:hover { box-shadow: 0 6px 22px rgba(31, 35, 64, .1); }
.kb-karte[hidden] { display: none; }

.kb-bild {
	flex: none;
	width: 96px;
	aspect-ratio: 3 / 4;
	border-radius: 4px;
	overflow: hidden;
	background: var(--wp--preset--color--base-2);
	box-shadow: 0 1px 4px rgba(31, 35, 64, .18);
	display: block;
}

.kb-bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	display: block;
	border-radius: 0 !important;
}

.kb-typo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	color: #fff;
	text-decoration: none;
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .18) 0 6px, transparent 6px 12px) top / 100% 8px no-repeat,
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .18) 0 6px, transparent 6px 12px) bottom / 100% 8px no-repeat,
		linear-gradient(160deg, var(--c), color-mix(in srgb, var(--c) 55%, #1F2340));
}

.kb-deck {
	font-size: 0.95rem;
	line-height: 1.35;
	font-weight: 600;
	text-align: center;
	overflow-wrap: anywhere;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kb-deck.km-ar { font-size: 1.15rem; line-height: 1.6; }
.kb-deck.km-lat { font-family: var(--wp--preset--font-family--serif); }

.kb-text {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	flex: 1;
}

.kb-text > *,
.kb-angaben > * { margin: 0; }

.kb-zeile {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	align-items: center;
	font-size: 0.8rem;
	font-weight: 700;
}

.kb-sprache {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--c);
}

.kb-art {
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--base-2);
	border-radius: 999px;
	padding: 1px 9px;
	font-weight: 600;
}

.kb-titel {
	font-size: 1.12rem;
	line-height: 1.25;
}

.kb-titel a {
	color: inherit;
	text-decoration: none;
}

.kb-titel a:hover { color: var(--wp--preset--color--primary); }

.kb-orig {
	color: var(--c);
	font-size: 1.05rem;
	line-height: 1.5;
	unicode-bidi: plaintext;
}

.kb-orig[dir="auto"]:lang(de) { font-family: var(--wp--preset--font-family--sans); }

.kb-meta {
	font-size: 0.85rem;
	color: var(--wp--preset--color--contrast-2);
}

.kb-knoepfe {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: auto !important;
	padding-top: 8px;
}

.kb-knopf {
	font-size: 0.88rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: 6px;
	padding: 6px 12px;
	border: 1px solid var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: #fff;
}

.kb-knopf:hover { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: #fff; }

.kb-knopf.kb-leer {
	background: transparent;
	color: var(--wp--preset--color--primary);
}

.kb-knopf.kb-leer:hover { background: var(--wp--preset--color--base-2); color: var(--wp--preset--color--primary); }

/* Originaltitel: lateinisch in Lora, arabische Zeichen fallen auf Noto Naskh zurück */
.kb-orig {
	font-family: Lora, "IBM Plex Sans Arabic", Georgia, serif;
}

.kb-deck.km-ar {
	font-family: var(--wp--preset--font-family--arabisch-sans);
}

/* Einzelseite */

.kb-einzel {
	--c: #6A5848;
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.kb-bild.kb-gross {
	width: 260px;
	border-radius: 6px;
	box-shadow: 0 8px 28px rgba(31, 35, 64, .22);
}

.kb-gross .kb-deck { font-size: 1.5rem; padding: 10px; }
.kb-gross .kb-deck.km-ar { font-size: 1.9rem; }

.kb-angaben {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.kb-zurueck {
	font-weight: 600;
	text-decoration: none;
	margin-inline-end: 8px;
}

.kb-h1 {
	font-size: clamp(1.8rem, 5vw, 2.6rem);
	line-height: 1.15;
}

.kb-orig-gross { font-size: 1.5rem; }

.kb-dl {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px 20px;
	background: var(--wp--preset--color--base-2);
	border-radius: 8px;
	padding: 14px 16px;
	margin: 4px 0 0;
}

.kb-dl dt {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
}

.kb-dl dd { margin: 2px 0 0; font-weight: 600; }

.kb-angaben .kb-knopf { font-size: 1rem; padding: 10px 18px; }

.kb-vorschau {
	margin-top: 28px;
}

.kb-vorschau.kb-offen {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.kb-vorschau object {
	display: block;
	width: 100%;
	height: 80vh;
	min-height: 520px;
}

.kb-vorschau p { padding: 16px; margin: 0; }

@media (max-width: 781px) {
	.kb-einzel { flex-direction: column; gap: 20px; }
	.kb-bild.kb-gross { width: 180px; }
	/* Handy-Browser zeigen eingebettete PDFs meist nicht an – dort reichen die Knöpfe. */
	.kb-vorschau { display: none; }
}

/* ==========================================================================
   YouTube erst nach Klick
   ========================================================================== */

.kelim-yt {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 6px;
	background: radial-gradient(circle at 30% 30%, #3a3f63, var(--wp--preset--color--contrast));
	color: #fff;
	text-decoration: none;
}

.kelim-yt.kelim-yt-hoch { aspect-ratio: 9 / 16; max-width: 360px; margin-inline: auto; }

.wp-has-aspect-ratio .wp-block-embed__wrapper > .kelim-yt {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	max-width: none;
}

.kelim-yt img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 !important;
	transition: filter .2s;
}

.kelim-yt:hover img { filter: brightness(.85); }

.kelim-yt-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 68px;
	height: 48px;
	transform: translate(-50%, -50%);
}

.kelim-yt-play svg { width: 100%; height: 100%; }
.kelim-yt-play svg path:first-child { fill: rgba(33, 33, 33, .8); transition: fill .2s; }
.kelim-yt:hover .kelim-yt-play svg path:first-child,
.kelim-yt:focus-visible .kelim-yt-play svg path:first-child { fill: #f00; }

.kelim-yt-hinweis {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	padding: 18px 12px 8px;
	font-size: 0.78rem;
	line-height: 1.3;
	text-align: center;
	background: linear-gradient(transparent, rgba(0, 0, 0, .65));
}

.kelim-yt-frame {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 6px;
}

.kelim-yt-frame.kelim-yt-hoch { aspect-ratio: 9 / 16; max-width: 360px; margin-inline: auto; }

.wp-has-aspect-ratio .wp-block-embed__wrapper > .kelim-yt-frame {
	position: absolute;
	inset: 0;
	height: 100%;
	aspect-ratio: auto;
}

.wp-block-embed.is-provider-youtube.wp-embed-aspect-9-16 {
	max-width: 360px;
	margin-inline: auto;
}

/* ==========================================================================
   Gedichte
   ========================================================================== */

.km-dichter {
	margin: 6px 0 0;
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast-2);
}

.km-gedicht .km-text {
	max-width: 780px;
	margin-inline: auto;
	padding-block: 12px 8px;
	counter-reset: beyt;
}

.kelim-vers {
	display: block !important;
	position: relative;
	margin: 0 !important;
	padding: 12px 0;
}

.kelim-vers > * { margin: 0 !important; }

.kelim-vers .kelim-orig {
	font-size: 1.22rem;
	line-height: 1.8;
	font-family: var(--wp--preset--font-family--serif);
}

.kelim-vers .kelim-orig[dir="rtl"],
.kelim-vers .kelim-lat[dir="rtl"] {
	font-family: var(--wp--preset--font-family--arabisch-naskh);
	font-size: 1.55rem;
	line-height: 2.05;
}

.kelim-vers .kelim-lat {
	margin-top: 4px !important;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--wp--preset--color--secondary);
}

.kelim-vers .kelim-ums {
	margin-top: 4px !important;
	font-style: italic;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
	direction: ltr;
}

.kelim-vers .kelim-de {
	margin-top: 6px !important;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
	direction: ltr;
}

.km-ohne-lat .kelim-lat { display: none; }

/* Doppelvers: zwei Halbverse nebeneinander, wie im gedruckten Diwan */
.kelim-beyt {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	column-gap: 2.5rem;
	text-align: center;
}

.kelim-beyt > :not(.kelim-m1):not(.kelim-m2) {
	grid-column: 1 / -1;
}

.kelim-beyt:has(> .kelim-m1[dir="rtl"]) {
	direction: rtl;
}

.kelim-beyt .kelim-m1,
.kelim-beyt .kelim-m2 {
	text-align: center !important;
}

/* Strophen */
.kelim-strophe-ende {
	padding-bottom: 28px;
	margin-bottom: 16px !important;
	border-bottom: 1px dashed var(--wp--preset--color--border);
}

/* Versnummern */
.km-nummern .kelim-beyt {
	counter-increment: beyt;
}

.km-nummern .kelim-beyt::before {
	content: counter(beyt);
	position: absolute;
	left: -2.4rem;
	top: 20px;
	font: 600 0.8rem var(--wp--preset--font-family--sans);
	color: var(--wp--preset--color--contrast-2);
	direction: ltr;
}

@media (max-width: 781px) {
	.kelim-beyt {
		grid-template-columns: 1fr;
		text-align: start;
	}

	.kelim-beyt .kelim-m1,
	.kelim-beyt .kelim-m2 {
		text-align: start !important;
	}

	.kelim-beyt .kelim-m2 {
		padding-inline-start: 1.6em;
	}

	.km-nummern .kelim-beyt {
		padding-left: 1.8rem;
	}

	.km-nummern .kelim-beyt::before {
		left: 0;
	}

	.kelim-vers .kelim-orig[dir="rtl"],
	.kelim-vers .kelim-lat[dir="rtl"] {
		font-size: 1.6rem;
	}
}

/* Karten und Filter */
.km-filter-reihe {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	align-items: center;
	margin-top: 10px;
}

.km-filter-reihe .km-filter { margin: 0; }

.km-dichter-wahl {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.92rem;
	font-weight: 600;
}

.km-dichter-wahl select {
	font: 0.95rem var(--wp--preset--font-family--sans);
	padding: 7px 10px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	background: #fff;
}

.km-karte-dichter {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast-2);
}

.km-karte-gedicht .km-deck {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: clamp(1.4rem, 2.8vw, 2rem);
}

.km-karte-gedicht .km-orig {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 640px) {
	.km-karte-gedicht:not(.km-gross) .km-deck { font-size: 1.05rem; }
}

/* ==========================================================================
   Verben – Konjugationstabellen
   ========================================================================== */

.vb {
	--vb-a: #C96B36;
	--vb-s: #263A7A;
	--vb-e: #8F2E22;
	--vb-n: #5E6E3A;
	--vb-impf: #263A7A;
	--vb-perf: #C96B36;
	--vb-rand: var(--wp--preset--color--border);
	--vb-hell: var(--wp--preset--color--base-2);
}
.vb .f-a { color: var(--vb-a); font-weight: 700; }
.vb .f-s { color: var(--vb-s); }
.vb .f-e { color: var(--vb-e); font-weight: 700; }
.vb .f-n { color: var(--vb-n); font-weight: 700; }
.vb .f-x { color: var(--wp--preset--color--contrast-2); }
.vb-c-impf { color: var(--vb-impf); }
/* Arabische Schrift: nur Farbe wechseln, nie die Stärke – sonst reißen die Buchstabenverbindungen */
.vb [dir="rtl"] .f-a, .vb [dir="rtl"] .f-e, .vb [dir="rtl"] .f-n, .vb [dir="rtl"] .f-s, .vb [dir="rtl"] .f-x { font-weight: inherit; }
.vb [dir="rtl"] mark { padding: 0; border-radius: 0; }
.vb-c-perf { color: var(--vb-perf); }

/* Arabische Schrift in Formen */
.vb-o:lang(ps), .vb-o:lang(ckb), .vb-o:lang(prs),
.vb-pron:lang(ps), .vb-pron:lang(ckb), .vb-pron:lang(prs),
.vb-satz:lang(ps), .vb-satz:lang(ckb), .vb-satz:lang(prs),
.vb-gross:lang(ps), .vb-gross:lang(ckb), .vb-gross:lang(prs) {
	font-family: var(--wp--preset--font-family--arabisch-sans);
	direction: rtl;
	unicode-bidi: isolate;
}
.vb-t {
	font-style: italic;
	color: var(--wp--preset--color--contrast-2);
	unicode-bidi: isolate;
}

/* Kopf */
.vb-kopf {
	background: #fff;
	border: 1px solid var(--vb-rand);
	border-top: 5px solid var(--l);
	border-radius: 10px;
	padding: 20px 24px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 4px 28px;
	align-items: center;
}
.vb-augen {
	grid-column: 1 / -1;
	margin: 0;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--l);
}
.vb-gross {
	margin: 0;
	font-size: clamp(2.6rem, 9vw, 3.8rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--l);
}
.vb-gross:lang(de), .vb-gross:lang(kmr) { font-family: var(--wp--preset--font-family--serif); }
.vb-kopf-text { min-width: 0; }
.vb-kopf .vb-de { margin: 0; font-family: var(--wp--preset--font-family--serif); font-size: 1.9rem; line-height: 1.2; }
.vb-kopf .vb-bed { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 1.6rem; }
.vb-kopf .vb-bed:empty { display: none; }
.vb-inf-tl { margin: 2px 0 0; font-size: 1.15rem; }
.vb-chips { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 10px 0 0; padding: 0; }
.vb-chips li { font-size: 0.84rem; font-weight: 600; background: var(--vb-hell); border-radius: 999px; padding: 3px 11px; color: var(--wp--preset--color--contrast-2); }
.vb-chips li:first-child { background: #fff; border: 1px solid var(--vb-rand); color: var(--l); }
@media (max-width: 600px) {
	.vb-kopf { grid-template-columns: 1fr; text-align: center; padding: 18px 16px; }
	.vb-chips { justify-content: center; }
}

/* Erklärsprache (deutsche Verbseiten) */
.vb-el { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 16px 0 0; }
.vb-el-lab { font-size: 0.85rem; font-weight: 600; color: var(--wp--preset--color--contrast-2); margin-inline-end: 4px; }
.vb-el button {
	font: 600 0.95rem var(--wp--preset--font-family--sans);
	border: 1px solid var(--vb-rand);
	background: #fff;
	border-radius: 999px;
	padding: 6px 14px;
	cursor: pointer;
	color: var(--wp--preset--color--contrast);
}
.vb-el button:lang(ps), .vb-el button:lang(prs), .vb-el button:lang(ckb) { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 1rem; }
.vb-el button[aria-pressed="true"] { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: #fff; }
.vb.vb-el-de [data-x]:not([data-x="de"]),
.vb.vb-el-ps [data-x]:not([data-x="ps"]),
.vb.vb-el-prs [data-x]:not([data-x="prs"]),
.vb.vb-el-kmr [data-x]:not([data-x="kmr"]),
.vb.vb-el-ckb [data-x]:not([data-x="ckb"]) { display: none; }
/* Pronomen in der Erklärsprache: bei Deutsch ausblenden */
.vb.vb-el-de .vb-pron-x { display: none; }
.vb [data-x][dir="rtl"] { font-family: var(--wp--preset--font-family--arabisch-sans); }

/* So funktioniert … */
.vb-so {
	margin: 18px 0 0;
	background: #fff;
	border: 1px solid var(--vb-rand);
	border-inline-start: 4px solid var(--wp--preset--color--accent);
	border-radius: 8px;
	padding: 12px 18px;
}
.vb-so summary { cursor: pointer; font-family: var(--wp--preset--font-family--serif); font-weight: 700; font-size: 1.15rem; }
.vb-so summary small { font-family: var(--wp--preset--font-family--sans); font-weight: 400; font-size: 0.9rem; color: var(--wp--preset--color--contrast-2); }
.vb-so ul { margin: 10px 0 2px; padding-inline-start: 1.2em; }
.vb-so li { margin: 0 0 8px; line-height: 1.6; }
.vb-so li [dir="rtl"] { line-height: 1.9; font-size: 1.05em; }

/* Abschnitte */
.vb-abschnitt { margin-top: 32px; min-width: 0; }
.vb-abschnitt h2 { font-size: 1.45rem; margin: 0 0 6px; }
.vb-unter { color: var(--wp--preset--color--contrast-2); margin: 0 0 12px; font-size: 0.97rem; }
.vb-hinweis {
	margin: 16px 0 0;
	background: #fff;
	border-inline-start: 4px solid var(--wp--preset--color--accent);
	border-radius: 6px;
	padding: 12px 14px;
	font-size: 0.97rem;
}
.vb-admin { border-inline-start-color: var(--wp--preset--color--primary); font-size: 0.88rem; }

/* Stämme */
.vb-staemme {
	display: grid;
	grid-template-columns: auto repeat(calc(var(--sp) - 1), minmax(0, 1fr));
	border: 1px solid var(--vb-rand);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	max-width: 640px;
}
.vb-staemme > div { padding: 11px 14px; border-top: 1px solid var(--vb-rand); }
.vb-staemme > div:nth-child(-n + 3) { border-top: 0; }
.vb-staemme .vb-kk { background: var(--vb-hell); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); display: flex; align-items: center; }
.vb-st { text-align: center; }
.vb-st .vb-o { display: block; font-size: 1.55rem; line-height: 1.5; }
.vb-st .vb-o:lang(kmr) { font-size: 1.3rem; }
.vb-st .vb-t { font-size: 0.95rem; }
.vb-stammformen { display: flex; flex-wrap: wrap; gap: 10px; }
.vb-stammformen > div { background: #fff; border: 1px solid var(--vb-rand); border-radius: 8px; padding: 10px 16px; min-width: 140px; }
.vb-stammformen .vb-kk { display: block; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); }
.vb-stammformen .vb-o { font-size: 1.3rem; font-weight: 600; }

/* Legende + Leiste */
.vb-legende { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 0.85rem; margin: 26px 0 0; color: var(--wp--preset--color--contrast-2); }
.vb-legende span { display: inline-flex; align-items: center; gap: 6px; }
.vb-legende i { width: 12px; height: 12px; border-radius: 3px; display: inline-block; background: currentColor; }
.vb-leiste {
	position: sticky;
	top: 0;
	z-index: 5;
	background: rgba(250, 246, 239, 0.95);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-block: 1px solid var(--vb-rand);
	margin: 10px 0 0;
	padding: 10px 0;
	display: flex;
	gap: 10px 18px;
	flex-wrap: wrap;
	align-items: center;
}
.admin-bar .vb-leiste { top: 32px; }
@media (max-width: 782px) { .admin-bar .vb-leiste { top: 0; } }
.vb-seg { display: flex; flex-wrap: wrap; gap: 3px; padding: 3px; background: var(--vb-hell); border-radius: 8px; }
.vb-seg button { border: 0; background: transparent; font: 600 0.9rem var(--wp--preset--font-family--sans); color: var(--wp--preset--color--contrast-2); padding: 7px 12px; border-radius: 6px; cursor: pointer; }
.vb-seg button[aria-pressed="true"] { background: #fff; color: var(--wp--preset--color--contrast); box-shadow: 0 1px 3px rgba(31, 35, 64, 0.12); }
.vb-seg button [dir="rtl"] { font-family: var(--wp--preset--font-family--arabisch-sans); }
.vb-schalter { margin-inline-end: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 0.92rem; font-weight: 600; cursor: pointer; }
.vb-schalter input { accent-color: var(--wp--preset--color--accent); width: 18px; height: 18px; margin: 0; }

/* Tabellen */
.vb-tabellen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 22px; }
.vb-tabellen > .vb-abschnitt { grid-column: 1 / -1; }
.vb-tabellen > .vb-halb { grid-column: auto; }
@media (max-width: 782px) { .vb-tabellen { grid-template-columns: minmax(0, 1fr); } }
.vb-tabhuelle { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.vb-tab {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid var(--vb-rand);
	border-radius: 10px;
	overflow: hidden;
	margin: 0;
}
.vb-tab th, .vb-tab td { border: 0; }
.vb-tab thead th {
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
	background: var(--vb-hell);
	padding: 9px 12px;
	text-align: center;
}
.vb-tab thead th.vb-sp { text-align: center; }
.vb-tab thead th.c-impf { color: var(--vb-impf); }
.vb-tab thead th.c-perf { color: var(--vb-perf); }
.vb-tab thead th small { display: block; text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 0.78rem; color: var(--wp--preset--color--contrast-2); }
.vb-tab thead th [dir="rtl"] { text-transform: none; font-size: 0.95rem; }
.vb-tab td, .vb-tab tbody th { padding: 9px 12px; border-top: 1px solid var(--vb-rand); vertical-align: middle; }
.vb-tab tr.vb-gr td, .vb-tab tr.vb-gr th { background: #FCFAF6; }
.vb-p { text-align: center; white-space: nowrap; width: 1%; font-weight: 400; }
.vb-p .vb-pron { display: block; font-weight: 600; font-size: 1.02rem; }
.vb-p .vb-pron:lang(ps), .vb-p .vb-pron:lang(prs), .vb-p .vb-pron:lang(ckb) { font-size: 1.12rem; text-align: center; }
[dir="rtl"] .vb-p .vb-pron:lang(ps), [dir="rtl"] .vb-p .vb-pron:lang(prs), [dir="rtl"] .vb-p .vb-pron:lang(ckb) { text-align: center; }
.vb-p small { display: block; color: var(--wp--preset--color--contrast-2); font-size: 0.8rem; white-space: nowrap; }
.vb-p .vb-objekt span { color: var(--wp--preset--color--contrast); font-size: 1rem; }
.vb-p .vb-pron-x span { font-size: 0.95rem; }
.vb-f { text-align: center; }
.vb-f .vb-o { display: block; font-size: 1.15rem; line-height: 1.5; }
.vb-f .vb-o:lang(ps), .vb-f .vb-o:lang(prs), .vb-f .vb-o:lang(ckb) { font-size: 1.42rem; line-height: 1.6; }
.vb-f .vb-t { display: block; font-size: 0.92rem; }
.vb-f .vb-g { display: block; font-size: 0.82rem; color: var(--wp--preset--color--contrast-2); margin-top: 2px; }
.vb-f.vb-abw { box-shadow: inset 3px 0 0 var(--wp--preset--color--accent); }
.vb-deutsch .vb-f, .vb-l-kmr .vb-f { text-align: center; }
.vb-leer { color: var(--wp--preset--color--contrast-2); font-size: 0.85rem; }

/* Umschalten */
.vb:not(.vb-neg) .vb-nein, .vb.vb-neg .vb-ja { display: none; }
.vb.vb-neg .vb-nein { display: block; }
.vb.ohne-tl .vb-tabellen .vb-t, .vb.ohne-tl .vb-bsp .vb-t, .vb.ohne-tl .vb-staemme .vb-t { display: none; }
.vb.ohne-g .vb-g { display: none; }
.vb.nur-impf .c-perf, .vb.nur-perf .c-impf { display: none; }

/* Üben: Formen verdecken, Antippen zeigt */
.vb.vb-ueben .vb-tabellen .vb-f { cursor: pointer; }
.vb.vb-ueben .vb-tabellen .vb-f:not(.vb-auf) .vb-o,
.vb.vb-ueben .vb-tabellen .vb-f:not(.vb-auf) .vb-t {
	color: transparent;
	background: var(--vb-hell);
	border-radius: 4px;
	user-select: none;
}
.vb.vb-ueben .vb-tabellen .vb-f:not(.vb-auf) .vb-o span { color: transparent; }

/* Beispiele */
.vb-bsp { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.vb-bsp-karte {
	--c: var(--l);
	background: #fff;
	border: 1px solid var(--vb-rand);
	border-inline-start: 4px solid var(--c);
	border-radius: 8px;
	padding: 12px 14px;
}
.vb-bsp-impf { --c: var(--vb-impf); }
.vb-bsp-perf { --c: var(--vb-perf); }
.vb-bsp-lab { font-size: 0.74rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--c); margin: 0 0 4px; }
.vb-satz { font-size: 1.15rem; line-height: 1.6; margin: 0; }
.vb-satz:lang(ps), .vb-satz:lang(prs), .vb-satz:lang(ckb) { font-size: 1.38rem; line-height: 1.75; text-align: right; }
.vb-bsp .vb-t { margin: 2px 0 0; font-size: 0.92rem; }
.vb-ueb { margin: 4px 0 0; }
.vb-ueb[dir="rtl"] { font-size: 1.15rem; line-height: 1.8; }
.vb-bsp-hinweis { margin: 6px 0 0; font-size: 0.84rem; color: var(--wp--preset--color--contrast-2); }
.vb mark { background: #F8E1CF; border-radius: 3px; padding: 0 2px; color: inherit; }

/* Vergleich */
.vb-vgl td, .vb-vgl th { text-align: center; }
.vb-vgl thead th:lang(de) { text-transform: none; letter-spacing: 0; font-size: 0.85rem; font-style: italic; }
.vb-vgl tbody th { white-space: nowrap; font-weight: 600; font-size: 0.92rem; }
.vb-sprachpunkt { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--l); margin-inline-end: 8px; }
.vb-vgl a { text-decoration: none; color: inherit; }
.vb-vgl a:hover .vb-o { text-decoration: underline; }
.vb-vgl .vb-o { display: block; font-size: 1.1rem; }
.vb-vgl .vb-o:lang(ps), .vb-vgl .vb-o:lang(prs), .vb-vgl .vb-o:lang(ckb) { font-size: 1.3rem; text-align: center; }
.vb-vgl .vb-f { text-align: center; }
.vb-vgl tr.vb-ich td, .vb-vgl tr.vb-ich th { background: #FBF3EA; }

/* Fundstellen */
.vb-fund { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vb-fund li { background: #fff; border: 1px solid var(--vb-rand); border-radius: 8px; padding: 10px 14px; }
.vb-fund a { display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: 2px; }
.vb-fund span { display: block; }
.vb-fund span[dir="rtl"] { font-family: var(--wp--preset--font-family--arabisch-naskh); font-size: 1.25rem; line-height: 1.9; }
.vb-quelle { margin-top: 34px; font-size: 0.9rem; border-top: 1px solid var(--vb-rand); padding-top: 12px; }

@media (max-width: 600px) {
	.vb-tab td, .vb-tab th { padding: 8px 7px; }
	.vb-staemme > div { padding: 10px 8px; }
	.vb-staemme .vb-kk { font-size: 0.66rem; letter-spacing: 0.02em; }
	.vb-st .vb-o { font-size: 1.35rem; }
	.vb-leiste { gap: 8px 12px; }
	.vb-seg button { padding: 6px 9px; font-size: 0.85rem; }
}

/* Verbarchiv */
.vb-archiv [hidden], .vb [hidden] { display: none !important; }
.vb-archiv-leiste { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin: 0 0 18px; }
.vb-suche { flex: 1 1 260px; }
.vb-suche input {
	width: 100%;
	font: 1rem var(--wp--preset--font-family--sans);
	padding: 10px 14px;
	border: 1px solid var(--vb-rand, var(--wp--preset--color--border));
	border-radius: 8px;
	background: #fff;
}
.vb-archiv { --vb-rand: var(--wp--preset--color--border); --vb-hell: var(--wp--preset--color--base-2); }
.vb-archiv .vb-seg { background: var(--wp--preset--color--base-2); }
.vb-karten { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; }
.vb-karte a {
	display: flex;
	flex-direction: column;
	gap: 2px;
	height: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-top: 4px solid var(--l);
	border-radius: 8px;
	padding: 12px 14px;
	text-decoration: none;
	color: inherit;
}
.vb-karte a:hover { border-color: var(--l); }
.vb-karte-l { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--l); }
.vb-karte .vb-o { font-size: 1.5rem; font-weight: 600; line-height: 1.4; }
.vb-karte .vb-o:lang(ps), .vb-karte .vb-o:lang(prs), .vb-karte .vb-o:lang(ckb) { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 1.7rem; }
.vb-karte .vb-o:lang(de), .vb-karte .vb-o:lang(kmr) { font-family: var(--wp--preset--font-family--serif); }
.vb-karte .vb-t { font-style: italic; color: var(--wp--preset--color--contrast-2); }
.vb-karte-de { margin-top: auto; padding-top: 6px; font-weight: 600; }
.vb-vgl-alle td a { display: block; text-decoration: none; color: inherit; }
.vb-vgl-alle td .vb-o { font-size: 1.15rem; }
.vb-vgl-alle td .vb-o:lang(ps), .vb-vgl-alle td .vb-o:lang(prs), .vb-vgl-alle td .vb-o:lang(ckb) { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 1.3rem; display: block; text-align: center; }
.vb-vgl-alle td .vb-t { display: block; font-size: 0.85rem; font-style: italic; color: var(--wp--preset--color--contrast-2); }
.vb-vgl-alle tbody th { font-family: var(--wp--preset--font-family--serif); font-size: 1.05rem; }
.vb-nichts { color: var(--wp--preset--color--contrast-2); }

/* ==========================================================================
   Meine Sprachen – Auswahl und Sprachseiten
   ========================================================================== */

html.kl-aus-ps [data-l="ps"],
html.kl-aus-ps [data-kl="ps"],
html.kl-aus-prs [data-l="prs"],
html.kl-aus-prs [data-kl="prs"],
html.kl-aus-kmr [data-l="kmr"],
html.kl-aus-kmr [data-kl="kmr"],
html.kl-aus-ckb [data-l="ckb"],
html.kl-aus-ckb [data-kl="ckb"],
html.kl-aus-de [data-l="de"],
html.kl-aus-de [data-kl="de"] { display: none !important; }

.kl-menue-huelle { display: flex; align-items: center; gap: 10px; }
.kl-wahl { position: relative; }
.kl-wahl summary {
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font: 600 0.92rem var(--wp--preset--font-family--sans);
	border: 1px solid var(--wp--preset--color--border);
	background: #fff;
	border-radius: 999px;
	padding: 6px 12px;
	color: var(--wp--preset--color--contrast);
	white-space: nowrap;
}
.kl-wahl summary::-webkit-details-marker { display: none; }
.kl-wahl summary svg { width: 18px; height: 18px; fill: currentColor; }
.kl-wahl.kl-gefiltert summary { border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent); }
.kl-wahl.kl-gefiltert summary::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--wp--preset--color--accent); }
.kl-feld {
	position: absolute;
	inset-inline-end: 0;
	top: calc(100% + 8px);
	z-index: 50;
	width: min(330px, calc(100vw - 24px));
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(31, 35, 64, 0.14);
	padding: 14px 16px;
	text-align: start;
}
.kl-titel { margin: 0; font-family: var(--wp--preset--font-family--serif); font-weight: 700; font-size: 1.1rem; }
.kl-klein { margin: 2px 0 10px; font-size: 0.8rem; color: var(--wp--preset--color--contrast-2); line-height: 1.45; }
.kl-feld ul { list-style: none; margin: 0; padding: 0; }
.kl-feld li { display: grid; grid-template-columns: 1fr auto; gap: 0 8px; align-items: center; padding: 7px 0; border-top: 1px solid var(--wp--preset--color--border); }
.kl-feld li:first-child { border-top: 0; }
.kl-feld label { display: flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; }
.kl-feld input { width: 18px; height: 18px; margin: 0; accent-color: var(--c); }
.kl-punkt { width: 10px; height: 10px; border-radius: 50%; background: var(--c); }
.kl-nur, .kl-alle {
	font: 600 0.78rem var(--wp--preset--font-family--sans);
	background: var(--wp--preset--color--base-2);
	border: 0;
	border-radius: 999px;
	padding: 4px 10px;
	cursor: pointer;
	color: var(--wp--preset--color--contrast-2);
}
.kl-nur:hover, .kl-alle:hover { color: var(--wp--preset--color--contrast); }
.kl-link { justify-self: start; grid-column: 1 / -1; font-size: 0.85rem; margin: 2px 0 0 26px; color: var(--c); text-decoration: none; }
[dir="rtl"] .kl-link { margin: 2px 26px 0 0; }
.kl-link:hover { text-decoration: underline; }
.kl-alle { margin-top: 10px; width: 100%; padding: 8px; }
@media (max-width: 600px) {
	.kl-wahl summary span { display: none; }
	.kl-wahl summary { padding: 7px; }
}

.kl-seite-kopf {
	background: #fff;
	border: 1px solid var(--wp--preset--color--border);
	border-top: 5px solid var(--c);
	border-radius: 10px;
	padding: 22px 24px;
}
.kl-seite-augen { margin: 0; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c); }
.kl-seite-kopf h1 { margin: 4px 0 8px; font-size: clamp(2rem, 6vw, 2.8rem); color: var(--c); }
.kl-seite-kopf h1 span { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 0.9em; margin-inline-start: 8px; color: var(--wp--preset--color--contrast-2); }
.kl-seite-kopf h1 span:lang(kmr) { display: none; }
.kl-seite-kopf > p { margin: 0; max-width: 720px; }
.kl-sprung { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.kl-sprung a { font-size: 0.88rem; font-weight: 600; text-decoration: none; background: var(--wp--preset--color--base-2); border-radius: 999px; padding: 5px 12px; color: var(--wp--preset--color--contrast); }
.kl-sprung a:hover { background: var(--c); color: #fff; }
.kl-angebot { margin: 14px 0 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.92rem; background: var(--wp--preset--color--base); border-radius: 8px; padding: 8px 12px; }
.kl-angebot[hidden] { display: none; }
.kl-angebot button { font: 600 0.88rem var(--wp--preset--font-family--sans); background: var(--c); color: #fff; border: 0; border-radius: 999px; padding: 6px 14px; cursor: pointer; }
.kl-teil { margin-top: 40px; scroll-margin-top: 20px; }

/* ==========================================================================
   Alphabete
   ========================================================================== */
.ka { --ka-rand: var(--wp--preset--color--border); --ka-hell: var(--wp--preset--color--base-2); }
.ka-ar, .ka-l-ar { font-family: var(--wp--preset--font-family--arabisch-naskh); font-weight: 400; }
.ka-werkzeug { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 12px; }
.ka-zahl { margin: 0; font-size: 0.9rem; color: var(--wp--preset--color--contrast-2); }
.ka-modi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 0.88rem; }
.ka-modi span { color: var(--wp--preset--color--contrast-2); margin-inline-end: 2px; }
.ka-modi button { font: inherit; border: 1px solid var(--ka-rand); background: #fff; color: var(--wp--preset--color--contrast); border-radius: 999px; padding: 5px 12px; cursor: pointer; }
.ka-modi button[aria-pressed="true"] { background: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); color: #fff; }
.ka-tipp { margin: 0 0 12px; font-size: 0.88rem; color: var(--wp--preset--color--contrast-2); text-align: center; }

.ka-leiste { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0 0 22px; }
.ka-leiste a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 46px; min-height: 52px; padding: 4px 6px; border: 1px solid var(--wp--preset--color--border); border-radius: 8px; background: #fff; color: var(--wp--preset--color--contrast); text-decoration: none; line-height: 1.15; }
.ka-leiste a:hover, .ka-leiste a:focus-visible { border-color: var(--c, var(--wp--preset--color--accent)); background: var(--wp--preset--color--base-2); }
.ka-l-ar { font-size: 1.45rem; }
.ka-l-lat { font-weight: 700; font-size: 1.1rem; }
.ka-leiste small { font-size: 0.72rem; color: var(--wp--preset--color--contrast-2); }

.ka-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.ka-karte { position: relative; background: #fff; border: 1px solid var(--ka-rand); border-radius: 12px; padding: 16px 14px 14px; text-align: center; scroll-margin-top: 90px; }
.ka-karte:target { border-color: var(--wp--preset--color--accent); box-shadow: 0 0 0 3px rgba(193, 95, 45, 0.18); }
.ka-kopf { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-bottom: 8px; }
.ka-kopf .ka-ar { font-size: 3.1rem; line-height: 1.35; color: var(--wp--preset--color--primary); }
.ka-kopf .ka-lat { font-family: var(--wp--preset--font-family--serif); font-weight: 700; font-size: 1.7rem; line-height: 1.2; }
.ka-kopf .ka-lat:first-child { font-size: 2.6rem; color: var(--wp--preset--color--primary); }
.ka-kopf .ka-lat:first-child + .ka-ar { font-size: 2.2rem; color: var(--wp--preset--color--contrast); }
.ka-kopf small { font-family: var(--wp--preset--font-family--sans); font-weight: 400; font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); }
.ka-kein { color: var(--wp--preset--color--contrast-2) !important; font-family: var(--wp--preset--font-family--sans); }
.ka-name { margin: -4px 0 8px; font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); font-style: italic; }

.ka-formen-box { background: var(--ka-hell); border-radius: 8px; padding: 6px 4px 4px; margin: 0 0 10px; direction: ltr; }
.ka-formen-namen, .ka-formen { display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; direction: ltr; }
.ka-formen-namen span { font-size: 0.66rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); }
.ka-formen b { display: block; font-size: 1.75rem; line-height: 1.5; direction: rtl; }
.ka-formen b.ka-strich { color: var(--wp--preset--color--contrast-2); font-weight: 400; font-family: var(--wp--preset--font-family--sans); }

.ka-bsp { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ka-bsp li { display: flex; flex-direction: column; align-items: center; padding-top: 6px; border-top: 1px solid var(--ka-rand); line-height: 1.3; }
.ka-bsp li:first-child { border-top: 0; padding-top: 0; }
.ka-bsp .ka-ar { font-size: 1.4rem; line-height: 1.6; }
.ka-bsp .ka-lat { font-size: 0.95rem; }
.ka-bsp .ka-lat b { color: var(--wp--preset--color--accent); font-weight: 700; }
.ka-bsp .ka-de { font-size: 0.8rem; font-style: italic; color: var(--wp--preset--color--contrast-2); }
.ka-hinweis { margin: 10px 0 0; font-size: 0.82rem; color: var(--wp--preset--color--contrast-2); }
.ka-ton { position: absolute; top: 8px; inset-inline-end: 8px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--ka-rand); background: #fff; cursor: pointer; display: grid; place-items: center; padding: 0; }
.ka-ton svg { width: 18px; height: 18px; fill: var(--wp--preset--color--primary); }
.ka-leer { color: var(--wp--preset--color--contrast-2); }

/* Üben: eine Schrift verdecken, Klick auf die Karte deckt auf */
.ka:not([data-ka-modus="alles"]) .ka-karte { cursor: pointer; }
.ka[data-ka-modus="ar"] .ka-karte:not(.ka-offen) .ka-ar:not(.ka-kein),
.ka[data-ka-modus="lat"] .ka-karte:not(.ka-offen) .ka-lat { color: transparent !important; background: var(--ka-hell); border-radius: 6px; user-select: none; }
.ka[data-ka-modus="lat"] .ka-karte:not(.ka-offen) .ka-lat b,
.ka[data-ka-modus="lat"] .ka-karte:not(.ka-offen) .ka-lat small { color: transparent !important; }
.ka[data-ka-modus="ar"] .ka-karte:not(.ka-offen) .ka-formen-box > * { visibility: hidden; }
.ka[data-ka-modus="ar"] .ka-karte:not(.ka-offen) .ka-formen b { background: none; }

/* Übersicht und Startseite */
.ka-liste { display: grid; gap: 18px; }
.ka-eintrag { background: #fff; border: 1px solid var(--wp--preset--color--border); border-inline-start: 4px solid var(--c); border-radius: 12px; padding: 16px 18px 6px; }
.ka-eintrag-kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 12px; }
.ka-eintrag-kopf h3 { margin: 0; font-size: 1.25rem; }
.ka-eintrag-kopf h3 a { color: inherit; text-decoration: none; }
.ka-eintrag .ka-leiste { justify-content: flex-start; margin-bottom: 12px; }

@media (max-width: 600px) {
	.ka-raster { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
	.ka-karte { padding: 12px 8px 10px; }
	.ka-kopf .ka-ar { font-size: 2.6rem; }
	.ka-formen b { font-size: 1.45rem; }
	.ka-bsp .ka-ar { font-size: 1.25rem; }
	.ka-leiste { gap: 4px; }
	.ka-leiste a { min-width: 36px; min-height: 42px; padding: 2px 4px; }
	.ka-l-ar { font-size: 1.2rem; }
}

/* Sprachen lernen (/sprachen/) */
.kh-sprachen { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 8px; }
.kh-karte { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--wp--preset--color--border); border-top: 5px solid var(--c); border-radius: 12px; padding: 18px 18px 16px; }
.kh-karte h2 { margin: 0 0 8px; font-size: 1.5rem; }
.kh-karte h2 a { color: var(--c); text-decoration: none; }
.kh-karte h2 span { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 0.85em; color: var(--wp--preset--color--contrast-2); margin-inline-start: 6px; }
.kh-karte > p { margin: 0 0 12px; font-size: 0.95rem; line-height: 1.55; }
.kh-links { display: flex; flex-wrap: wrap; gap: 6px; }
.kh-links a { font-size: 0.85rem; font-weight: 600; text-decoration: none; background: var(--wp--preset--color--base-2); color: var(--wp--preset--color--contrast); border-radius: 999px; padding: 4px 11px; }
.kh-links a:hover { background: var(--c); color: #fff; }
.kh-los { margin-top: auto; padding-top: 8px; font-weight: 700; text-decoration: none; color: var(--c); }
.kh-teil { margin-top: 44px; }
.kh-teil > h2 { margin: 0 0 14px; }
.kh-werkzeuge { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.kh-werkzeug { display: flex; flex-direction: column; gap: 4px; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 10px; padding: 14px 16px; text-decoration: none; color: var(--wp--preset--color--contrast); }
.kh-werkzeug:hover { border-color: var(--wp--preset--color--accent); }
.kh-werkzeug strong { color: var(--wp--preset--color--primary); }
.kh-werkzeug span { font-size: 0.88rem; color: var(--wp--preset--color--contrast-2); line-height: 1.45; }
.kh-lektionen { list-style: none; margin: 14px 0 0; padding: 0; }
.kh-lektionen li { padding: 8px 0; border-top: 1px solid var(--wp--preset--color--border); }
.kh-lektionen li span { font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); margin-inline-start: 8px; }

/* Dichter */
.kd-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-top: 16px; }
.kd-karte { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--wp--preset--color--border); border-inline-start: 4px solid var(--c); border-radius: 12px; padding: 16px 18px 14px; }
.kd-karte h3 { margin: 0; font-size: 1.25rem; }
.kd-karte h3 a { color: inherit; text-decoration: none; }
.kd-karte h3 a:hover { color: var(--c); }
.kd-orig { display: inline-block; align-self: flex-start; font-family: var(--wp--preset--font-family--arabisch-naskh); font-size: 1.3rem; line-height: 1.6; color: var(--c); }
.kd-orig:not([dir]) { font-family: var(--wp--preset--font-family--serif); font-size: 1rem; font-style: italic; }
.kd-leben { margin: 2px 0 0; font-size: 0.88rem; color: var(--wp--preset--color--contrast-2); }
.kd-text { margin: 10px 0 0; font-size: 0.93rem; line-height: 1.55; }
.kd-fuss { margin: auto 0 0; padding-top: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.kd-sprache { font-size: 0.78rem; font-weight: 600; border-radius: 999px; padding: 2px 9px; background: var(--wp--preset--color--base-2); color: var(--c); }
.kd-zahl { margin-inline-start: auto; font-size: 0.88rem; font-weight: 700; text-decoration: none; color: var(--c); }
.kd-leer { color: var(--wp--preset--color--contrast-2); }
.kd-kopf { border-bottom: 1px solid var(--wp--preset--color--border); padding-bottom: 22px; margin-bottom: 28px; }
.kd-augen { margin: 0; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.kd-augen a { color: var(--c); text-decoration: none; }
.kd-kopf h1 { margin: 6px 0 2px; font-size: clamp(2rem, 6vw, 2.8rem); }
.kd-kopf .kd-orig { font-size: 1.8rem; }
.kd-kopf .kd-leben { font-size: 1rem; }
.kd-beschreibung { max-width: 720px; margin-top: 14px; }
.km-dichter a { color: inherit; text-decoration: none; border-bottom: 1px dotted currentColor; }

/* Anmerkung zu einem Vers (Zeile „A:“ im Import) */
.kelim-anm { max-width: 640px; margin: 8px auto 0 !important; padding: 6px 12px; font-size: 0.82rem; line-height: 1.55; color: var(--wp--preset--color--contrast-2); background: var(--wp--preset--color--base-2); border-radius: 8px; text-align: start; }
.kelim-anm { direction: ltr; }
.kelim-anm-z { display: block; text-align: start; unicode-bidi: plaintext; }
.kelim-anm-z + .kelim-anm-z { margin-top: 2px; }
.kelim-anm-z[dir="auto"]:lang(kmr) { font-family: inherit; }
.km-m-nur-orig .kelim-anm { display: none; }

/* ==========================================================================
   Rezepte
   ========================================================================== */
.kr { --kr-rand: var(--wp--preset--color--border); }
.kr-kopf { text-align: center; margin-bottom: 26px; }
.kr-augen { margin: 0; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.kr-augen a { color: var(--c); text-decoration: none; }
.kr-kopf h1 { margin: 8px 0 4px; font-size: clamp(2rem, 6vw, 3rem); }
.kr-name { margin: 0; font-size: 1.5rem; color: var(--c); }
.kr-name .kr-orig { font-family: var(--wp--preset--font-family--serif); font-style: italic; }
.kr-name .kr-ar { font-family: var(--wp--preset--font-family--arabisch-naskh); font-style: normal; font-size: 1.15em; }
.kr-tl { font-style: italic; color: var(--wp--preset--color--contrast-2); font-size: 0.85em; }
.kr-chips { list-style: none; padding: 0; margin: 14px 0 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.kr-chips li { font-size: 0.85rem; font-weight: 600; background: var(--wp--preset--color--base-2); border-radius: 999px; padding: 4px 12px; }
.kr-punkt { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--c); margin-inline-end: 6px; vertical-align: 1px; }
.kr-einleitung { max-width: 680px; margin: 16px auto 0; font-size: 1.08rem; color: var(--wp--preset--color--contrast-2); }
.kr-knoepfe { margin: 16px 0 0; display: flex; justify-content: center; gap: 8px; }
.kr-knopf { font: 600 0.88rem var(--wp--preset--font-family--sans); border: 1px solid var(--kr-rand, var(--wp--preset--color--border)); background: #fff; color: var(--wp--preset--color--contrast); border-radius: 8px; padding: 7px 14px; cursor: pointer; text-decoration: none; }
.kr-knopf:hover { border-color: var(--c); }
.kr-bild { margin: 0 0 24px; }
.kr-bild img { width: 100%; height: auto; max-height: 480px; object-fit: cover; border-radius: 14px; display: block; }
.kr-text { max-width: 720px; margin: 0 auto 24px; }

.kr-haupt { display: grid; grid-template-columns: minmax(260px, 2fr) 3fr; gap: 28px; align-items: start; }
.kr-zutaten { background: #fff; border: 1px solid var(--kr-rand); border-top: 4px solid var(--c); border-radius: 12px; padding: 18px 18px 10px; position: sticky; top: 16px; }
.kr-zt-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.kr-zutaten h2, .kr-schritte h2, .kr-woerter h2 { margin: 0; font-size: 1.4rem; }
.kr-portionen { display: inline-flex; align-items: center; gap: 6px; background: var(--wp--preset--color--base-2); border-radius: 999px; padding: 3px; font-size: 0.85rem; }
.kr-portionen button { width: 30px; height: 30px; border-radius: 50%; border: 0; background: #fff; font: 700 1.1rem/1 var(--wp--preset--font-family--sans); cursor: pointer; color: var(--c); }
.kr-portionen output { font-weight: 700; min-width: 1.4em; text-align: center; }
.kr-portionen span { padding-inline-end: 6px; }
.kr-liste { list-style: none; margin: 0; padding: 0; }
.kr-liste li { display: grid; grid-template-columns: 6.6em 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--kr-rand); line-height: 1.4; }
.kr-liste li:first-child { border-top: 0; }
.kr-liste li.kr-gruppe { display: block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c); padding-top: 14px; }
.kr-m { font-weight: 700; text-align: end; white-space: nowrap; }
.kr-z { display: flex; flex-direction: column; }
.kr-z .kr-orig { color: var(--c); font-size: 0.95rem; }
.kr-z .kr-ar { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 1.1rem; }
.kr-z .kr-tl { font-size: 0.8rem; }
.kr-menge.kr-neu { background: #F8E1CF; border-radius: 4px; transition: background 0.6s; }

.kr-zeiten { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 6px 0 12px; font-size: 0.9rem; color: var(--wp--preset--color--contrast-2); }
.kr-zeiten b { color: var(--wp--preset--color--contrast); }
.kr-ol { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.kr-ol li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 12px 10px; border-radius: 10px; cursor: pointer; }
.kr-ol li:hover { background: var(--wp--preset--color--base-2); }
.kr-ol li:focus-visible { outline: 2px solid var(--wp--preset--color--accent); }
.kr-ol p { margin: 0; line-height: 1.6; }
.kr-nr { width: 30px; height: 30px; border-radius: 50%; background: var(--c); color: #fff; font-weight: 700; display: grid; place-items: center; font-size: 0.9rem; }
.kr-ol li.kr-fertig p { text-decoration: line-through; color: var(--wp--preset--color--contrast-2); }
.kr-ol li.kr-fertig .kr-nr { background: var(--wp--preset--color--border); color: var(--wp--preset--color--contrast-2); }
.kr-ol li.kr-fertig .kr-nr::after { content: "✓"; }
.kr-ol li.kr-fertig .kr-nr { font-size: 0; }
.kr-ol li.kr-fertig .kr-nr::after { font-size: 0.95rem; }
.kr-hinweis-klein { font-size: 0.8rem; color: var(--wp--preset--color--contrast-2); margin: 6px 0 0 10px; }
.kr-tipp { margin-top: 18px; background: #fff; border-inline-start: 4px solid var(--wp--preset--color--accent); border-radius: 8px; padding: 12px 16px; }

.kr-woerter { margin-top: 36px; background: var(--wp--preset--color--base-2); border-radius: 14px; padding: 18px 20px; scroll-margin-top: 20px; }
.kr-w-kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.kr-wt { width: 100%; border-collapse: collapse; }
.kr-wt td { padding: 7px 8px; border-top: 1px solid var(--kr-rand); text-align: center; }
.kr-wt tr:first-child td { border-top: 0; }
.kr-wt td:first-child { font-weight: 600; color: var(--c); font-size: 1.05rem; }
.kr-wt .kr-ar { font-family: var(--wp--preset--font-family--arabisch-sans); font-size: 1.2rem; }
.kr-quelle { margin-top: 24px; font-size: 0.82rem; color: var(--wp--preset--color--contrast-2); }

/* Karten */
.kr-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; margin-top: 16px; }
.kr-karte { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; overflow: hidden; }
.kr-k-bild { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--c); overflow: hidden; }
.kr-k-bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kr-typo { display: grid; place-items: center; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 65%, #000)); text-decoration: none; }
.kr-k-orig { color: #fff; font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: 1.8rem; text-align: center; padding: 0 16px; }
.kr-k-orig.kr-ar { font-family: var(--wp--preset--font-family--arabisch-naskh); font-style: normal; font-size: 2.1rem; }
.kr-k-sprache { position: absolute; top: 10px; inset-inline-start: 10px; background: #fff; border-radius: 999px; padding: 3px 10px; font-size: 0.78rem; font-weight: 700; color: var(--c); }
.kr-k-text { padding: 14px 16px 16px; }
.kr-k-text h3 { margin: 0; font-size: 1.2rem; }
.kr-k-text h3 a { color: inherit; text-decoration: none; }
.kr-k-name { margin: 2px 0 0; color: var(--c); }
.kr-k-name .kr-orig { font-style: italic; }
.kr-k-name .kr-ar { font-family: var(--wp--preset--font-family--arabisch-sans); font-style: normal; }
.kr-k-meta { margin: 8px 0 0; font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); }
.kr-leer { color: var(--wp--preset--color--contrast-2); }

/* Kultur-Übersicht */
.kk-kacheln { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin-top: 8px; }
.kk-kachel { display: flex; flex-direction: column; gap: 6px; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: 18px; text-decoration: none; color: var(--wp--preset--color--contrast); }
.kk-kachel:hover { border-color: var(--wp--preset--color--accent); }
.kk-sym { font-size: 1.6rem; line-height: 1; color: var(--wp--preset--color--accent); }
.kk-kachel strong { font-family: var(--wp--preset--font-family--serif); font-size: 1.25rem; }
.kk-kachel span:not(.kk-sym) { font-size: 0.9rem; color: var(--wp--preset--color--contrast-2); line-height: 1.5; }
.kk-kachel em { margin-top: auto; padding-top: 6px; font-style: normal; font-weight: 700; font-size: 0.88rem; color: var(--wp--preset--color--primary); }
.kk-kueche { background: var(--wp--preset--color--base-2); }

@media (max-width: 782px) {
	.kr-haupt { grid-template-columns: 1fr; }
	.kr-zutaten { position: static; }
}
@media print {
	header.wp-block-template-part, footer.wp-block-template-part, .kl-wahl, .kr-knoepfe, .kr-portionen button, .kr-hinweis-klein, .kr-woerter .kr-knopf { display: none !important; }
	.kr-haupt { grid-template-columns: 2fr 3fr; }
	.kr-zutaten { position: static; border-width: 1px; }
	.kr-bild img { max-height: 220px; }
	.kr-ol li { padding: 6px 0; break-inside: avoid; }
	.kr-ol li.kr-fertig p { text-decoration: none; color: inherit; }
}
.kr-m-text { white-space: normal; font-weight: 500; font-size: 0.82rem; color: var(--wp--preset--color--contrast-2); line-height: 1.3; }
.kr mark { background: #F8E1CF; color: inherit; border-radius: 3px; padding: 0 3px; font-style: normal; white-space: nowrap; unicode-bidi: isolate; }
.kr-zo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.kr-zo .kr-ar { line-height: 1.5; }

/* Substantive & Adjektive (Website) */
.nm-web { margin-top: 8px; }
.nm-reiter { display: flex; gap: 4px; margin: 0 0 14px; border-bottom: 1px solid var(--wp--preset--color--border); }
.nm-reiter a { font: 600 1rem var(--wp--preset--font-family--sans); text-decoration: none; color: var(--wp--preset--color--contrast-2); padding: 8px 14px; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.nm-reiter a[aria-current="page"] { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--accent); }
.nm-art { font-size: 0.55em; font-weight: 600; color: var(--wp--preset--color--contrast-2); vertical-align: middle; }
.nm-wahl { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; margin: 0 0 12px; }
.nm-wahl select { font: 1rem var(--wp--preset--font-family--sans); padding: 6px 10px; border: 1px solid var(--wp--preset--color--border); border-radius: 6px; background: #fff; }
.nm-kombi td.vb-f { white-space: nowrap; }
.nm-pl { margin: 4px 0 0; font-size: 1.05rem; }
.vb.vb-el-de .nm-fall-x { display: block; }
.nm .vb-f { text-align: center; }
.nm.vb-deutsch .vb-f, .nm.vb-l-kmr .vb-f { text-align: center; }
@media (max-width: 600px) { .nm .vb-p { white-space: normal; min-width: 88px; } .nm .vb-p small { white-space: normal; } }
.nm-ohnejs li { margin: 2px 0; }
.kw-formen-link { margin: 12px 0 0; font-weight: 700; }
.kw-formen-link a { text-decoration: none; }
.vb-schl { display: none; font-size: 0.7rem; color: var(--wp--preset--color--contrast-2); margin-top: 4px; user-select: all; }
.vb.mit-schl .vb-schl { display: block; }
[data-kl-max] > [hidden], .km-karte[hidden] { display: none !important; }