/* ==========================================================================
   Glas-Optik „edel“ (seit 1.82.0)
   1 Farbschein hinter dem Glas   2 Lichtkante   3 Glanzstreif beim Darüberfahren
   4 Menüleiste als schwebendes Rauchglas   5 Eingabefelder   6 Preistabelle
   11 Sprungmarken-Leiste bleibt sichtbar und zeigt den aktuellen Abschnitt
   Alles nur mit Klasse „mlk-glas“ am <body> (Schalter auf der Design-Seite).
   ========================================================================== */

/* ---------- 1. Farbschein: weiche Lichtflecken hinter dem Glas ---------- */
body.mlk-glas.ast-separate-container .ast-article-single,
body.mlk-glas.ast-separate-container .ast-article-post {
	position: relative;
	isolation: isolate;
}
body.mlk-glas.ast-separate-container .ast-article-single::before,
body.mlk-glas.ast-separate-container .ast-article-post::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(38vw 30vw at 12% 18%, rgba(255, 255, 255, .38), transparent 70%),
		radial-gradient(42vw 34vw at 18% 70%, rgba(57, 134, 160, .30), transparent 70%),
		radial-gradient(36vw 30vw at 88% 28%, rgba(31, 138, 76, .18), transparent 70%),
		radial-gradient(44vw 36vw at 82% 88%, rgba(57, 134, 160, .24), transparent 70%);
	background-attachment: fixed;
}

/* ---------- 2. Lichtkante: oben links hell, nach unten auslaufend ---------- */
body.mlk-glas :is(
	.mlk-steckbrief, .mlk-katalog-karte, .mlk-einzelkatalog-karte, .mlk-baustein-karte,
	.mlk-artikelliste .mlk-artikel-karte, .mlk-artikelliste .mlk-kategorie-kachel,
	.mlk-insider-karte, .mlk-insider-start-kachel, .mlk-varianten-hinweis li.mlk-varianten-karte,
	.mlk-verwandt, .mlk-artikel-kontakt, .mlk-filter, .mlk-archiv-info details,
	.mlk-katalog-anfrage-hinweis, .mlk-bereich, .mlk-ep-kasten, .mlk-ep-nav a, .mlk-infos-liste > a
) {
	position: relative;
}
body.mlk-glas :is(
	.mlk-steckbrief, .mlk-katalog-karte, .mlk-einzelkatalog-karte, .mlk-baustein-karte,
	.mlk-artikelliste .mlk-artikel-karte, .mlk-artikelliste .mlk-kategorie-kachel,
	.mlk-insider-karte, .mlk-insider-start-kachel, .mlk-varianten-hinweis li.mlk-varianten-karte,
	.mlk-verwandt, .mlk-artikel-kontakt, .mlk-filter, .mlk-archiv-info details,
	.mlk-katalog-anfrage-hinweis, .mlk-bereich, .mlk-ep-kasten, .mlk-ep-nav a, .mlk-infos-liste > a
)::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1.5px;
	pointer-events: none;
	z-index: 3;
	background: linear-gradient(140deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, .55) 18%,
		rgba(255, 255, 255, 0) 42%,
		rgba(255, 255, 255, 0) 62%,
		rgba(255, 255, 255, .35) 85%,
		rgba(57, 134, 160, .35) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}

/* ---------- 3. Glanzstreif: ein Lichtreflex beim Darüberfahren (nur mit Maus) ---------- */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	body.mlk-glas :is(
		.mlk-bereich, .mlk-katalog-karte, .mlk-einzelkatalog-karte, .mlk-insider-start-kachel,
		.mlk-artikelliste .mlk-artikel-karte, .mlk-artikelliste .mlk-kategorie-kachel,
		.mlk-ep-nav a, .mlk-infos-liste > a
	)::before,
	body.mlk-glas :is(
		.mlk-suchfeld-knopf, .mlk-kontakt-submit, .mlk-katalog-link, .mlk-ke-pdf a,
		:is(.mlk-preissuche, .mlk-suchleiste, .mlk-suche, .mlk-artikelliste, .mlk-kataloge-archiv, .mlk-insider, .mlk-insider-start, .mlk-kontakt-seite, .mlk-katalog-anfrage, .mlk-artikel-kontakt) .wp-block-button__link
	)::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		pointer-events: none;
		z-index: 2;
		background: linear-gradient(110deg, transparent 38%, rgba(255, 255, 255, .55) 50%, transparent 62%) no-repeat;
		background-size: 260% 100%;
		background-position: 140% 0;
		opacity: 0;
	}
	body.mlk-glas :is(
		.mlk-bereich, .mlk-katalog-karte, .mlk-einzelkatalog-karte, .mlk-insider-start-kachel,
		.mlk-artikelliste .mlk-artikel-karte, .mlk-artikelliste .mlk-kategorie-kachel,
		.mlk-ep-nav a, .mlk-infos-liste > a
	):hover::before,
	body.mlk-glas :is(
		.mlk-suchfeld-knopf, .mlk-kontakt-submit, .mlk-katalog-link, .mlk-ke-pdf a,
		:is(.mlk-preissuche, .mlk-suchleiste, .mlk-suche, .mlk-artikelliste, .mlk-kataloge-archiv, .mlk-insider, .mlk-insider-start, .mlk-kontakt-seite, .mlk-katalog-anfrage, .mlk-artikel-kontakt) .wp-block-button__link
	):hover::before {
		opacity: 1;
		background-position: -40% 0;
		transition: background-position .9s cubic-bezier(.25, .8, .25, 1), opacity .15s ease;
	}
	body.mlk-glas :is(.mlk-suchfeld-knopf, .mlk-kontakt-submit, .mlk-katalog-link, .mlk-ke-pdf a, .wp-block-button__link) {
		position: relative;
		overflow: hidden;
	}
	/* Kacheln mit Bild: Reflex darf nicht über die runden Ecken hinaus */
	body.mlk-glas :is(.mlk-bereich, .mlk-katalog-karte, .mlk-einzelkatalog-karte, .mlk-insider-start-kachel,
		.mlk-artikelliste .mlk-artikel-karte, .mlk-artikelliste .mlk-kategorie-kachel) { overflow: hidden; }
}

/* ---------- 4. Menüleiste als schwebendes Rauchglas (PC) ---------- */
@media (min-width: 922px) {
	body.mlk-glas #masthead {
		position: sticky;
		z-index: 99;
	}
	body.mlk-glas #ast-desktop-header .ast-primary-header-bar {
		background: linear-gradient(180deg, rgba(46, 46, 50, .82) 0%, rgba(24, 24, 27, .76) 100%) !important;
		-webkit-backdrop-filter: blur(22px) saturate(170%);
		backdrop-filter: blur(22px) saturate(170%);
		border-top: 1px solid rgba(255, 255, 255, .14) !important;
		border-bottom: 1px solid rgba(0, 0, 0, .35) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 10px 30px rgba(0, 0, 0, .18);
	}
	body.mlk-glas #ast-desktop-header .main-header-menu > .menu-item > .menu-link {
		position: relative;
		z-index: 0;
		color: rgba(255, 255, 255, .92) !important;
		border-bottom-color: transparent !important;
		text-decoration: none !important;
		font-family: var(--mlk-schrift-apple);
		font-weight: 500;
		letter-spacing: -.005em;
	}
	/* Blase hinter dem Menüpunkt */
	body.mlk-glas #ast-desktop-header .main-header-menu > .menu-item > .menu-link::before {
		content: "";
		position: absolute;
		left: 4px; right: 4px; top: 50%;
		height: 2.15em;
		transform: translateY(-50%) scale(.88);
		border-radius: 999px;
		z-index: -1;
		background: linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .07) 100%);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -1px 2px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .10);
		opacity: 0;
		transition: opacity .2s ease, transform .4s cubic-bezier(.34, 1.56, .64, 1);
	}
	body.mlk-glas #ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link::before,
	body.mlk-glas #ast-desktop-header .main-header-menu > .menu-item > .menu-link:focus-visible::before {
		opacity: 1;
		transform: translateY(-50%) scale(1);
	}
	/* Aktiver Menüpunkt: blaue Glasblase */
	body.mlk-glas #ast-desktop-header .main-header-menu > :is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor, .current-menu-parent) > .menu-link::before {
		opacity: 1;
		transform: translateY(-50%) scale(1);
		background: linear-gradient(180deg, rgba(110, 175, 198, .85) 0%, rgba(57, 134, 160, .85) 50%, rgba(46, 109, 131, .9) 100%);
		box-shadow: inset 0 1px 1px rgba(255, 255, 255, .55), inset 0 -2px 4px rgba(0, 0, 0, .2), 0 4px 14px rgba(57, 134, 160, .35);
	}
	body.mlk-glas #ast-desktop-header .main-header-menu > :is(.current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor, .current-menu-parent) > .menu-link {
		color: #fff !important;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
	}
	/* Untermenüs als dunkle Glasfläche */
	body.mlk-glas #ast-desktop-header .main-header-menu .sub-menu {
		background: rgba(30, 30, 33, .93) !important;
		-webkit-backdrop-filter: blur(22px) saturate(170%);
		backdrop-filter: blur(22px) saturate(170%);
		border: 1px solid rgba(255, 255, 255, .12) !important;
		border-radius: 16px;
		padding: 6px;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 18px 40px rgba(0, 0, 0, .30);
	}
	body.mlk-glas #ast-desktop-header .main-header-menu .sub-menu .menu-item { border: 0 !important; }
	body.mlk-glas #ast-desktop-header .main-header-menu .sub-menu .menu-link {
		color: rgba(255, 255, 255, .9) !important;
		border: 0 !important;
		border-radius: 10px;
		background: transparent !important;
		font-family: var(--mlk-schrift-apple);
		transition: background .15s ease;
	}
	body.mlk-glas #ast-desktop-header .main-header-menu .sub-menu .menu-link:hover,
	body.mlk-glas #ast-desktop-header .main-header-menu .sub-menu :is(.current-menu-item, .current_page_item) > .menu-link {
		background: rgba(255, 255, 255, .12) !important;
		color: #fff !important;
	}
}
/* Handy: aufgeklapptes Menü als helle Glasfläche */
@media (max-width: 921px) {
	body.mlk-glas .ast-mobile-header-content {
		background: rgba(255, 255, 255, .84) !important;
		-webkit-backdrop-filter: blur(22px) saturate(170%);
		backdrop-filter: blur(22px) saturate(170%);
		box-shadow: inset 0 1px 0 #fff, 0 16px 34px rgba(0, 0, 0, .18);
	}
	body.mlk-glas .ast-mobile-header-content .menu-link {
		font-family: var(--mlk-schrift-apple);
	}
	body.mlk-glas .ast-mobile-header-content :is(.current-menu-item, .current_page_item) > .menu-link {
		color: var(--mlk-knopf-gruen-dunkel, #2e6d83) !important;
		font-weight: 600;
	}
}

/* ---------- 5. Eingabefelder als Glas ---------- */
body.mlk-glas :is(.mlk-kontakt-seite, .mlk-kontakt-formular, .mlk-katalog-anfrage, .mlk-artikel-kontakt, .mlk-gaestebuch)
	:is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input:not([type]), textarea, select) {
	background: rgba(255, 255, 255, .72) !important;
	border: 1px solid rgba(255, 255, 255, .95) !important;
	border-radius: 12px !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .07), 0 0 0 1px rgba(0, 0, 0, .07);
	font-family: var(--mlk-schrift-apple);
	color: #1d1d1f;
	transition: box-shadow .2s ease, background .2s ease;
}
body.mlk-glas :is(.mlk-kontakt-seite, .mlk-kontakt-formular, .mlk-katalog-anfrage, .mlk-artikel-kontakt, .mlk-gaestebuch)
	:is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input:not([type]), textarea, select):focus {
	outline: none;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 0 0 1px var(--mlk-akzent-gruen, #1f8a4c), 0 0 0 5px rgba(31, 138, 76, .18);
}
body.mlk-glas :is(.mlk-kontakt-seite, .mlk-kontakt-formular, .mlk-katalog-anfrage, .mlk-artikel-kontakt, .mlk-gaestebuch) :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: var(--mlk-akzent-gruen, #1f8a4c);
}

/* ---------- 6. Preistabelle: Rauchglas-Kopf, leuchtende Zeilen, gleich breite Ziffern ---------- */
body.mlk-glas .mlk-preistabelle th,
body.mlk-glas .mlk-steckbrief .mlk-preistabelle th {
	background: linear-gradient(180deg, #4b4b50 0%, #2b2b2e 100%) !important;
	border-color: transparent !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
	color: #fff;
}
body.mlk-glas .mlk-preistabelle td {
	font-variant-numeric: tabular-nums;
	border-bottom-color: rgba(0, 0, 0, .08) !important;
	transition: background .15s ease;
}
body.mlk-glas .mlk-preistabelle tbody tr:hover td {
	background: rgba(57, 134, 160, .12) !important;
}
body.mlk-glas .mlk-preistabelle-wrapper {
	border-radius: var(--mlk-glas-innen, 10px);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .8), 0 6px 18px rgba(0, 0, 0, .08);
}

/* ---------- 11. Sprungmarken und Inhaltsverzeichnis bleiben sichtbar ---------- */
body.mlk-glas :is(.mlk-sprungmarken, .entry-content nav.toc) {
	position: sticky;
	top: calc(var(--mlk-kopf-sticky, 0px) + 10px);
	z-index: 20;
	display: flex;
	flex-wrap: nowrap !important;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	scroll-behavior: smooth;
	padding: 8px 10px !important;
	margin-bottom: 1.5em;
	background: rgba(255, 255, 255, .5) !important;
	-webkit-backdrop-filter: blur(18px) saturate(170%);
	backdrop-filter: blur(18px) saturate(170%);
	border: 1px solid rgba(255, 255, 255, .85) !important;
	border-radius: 22px;
	box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(0, 0, 0, .10);
	-webkit-mask-image: none;
	mask-image: none;
}
body.mlk-glas :is(.mlk-sprungmarken, .entry-content nav.toc)::-webkit-scrollbar { display: none; }
body.mlk-glas :is(.mlk-sprungmarken, .entry-content nav.toc) a { flex: 0 0 auto; white-space: nowrap; }
/* Aktueller Abschnitt: grüne Blase */
body.mlk-glas .entry-content nav.toc a.ist-aktiv {
	background: var(--mlk-akzent-gruen, #1f8a4c) !important;
	background: linear-gradient(180deg,
		color-mix(in srgb, var(--mlk-akzent-gruen, #1f8a4c) 68%, #fff) 0%,
		var(--mlk-akzent-gruen, #1f8a4c) 50%,
		color-mix(in srgb, var(--mlk-akzent-gruen, #1f8a4c) 80%, #000) 100%) !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
/* Sprungziele nicht unter Menü und Leiste verstecken */
body.mlk-glas .entry-content [id] {
	scroll-margin-top: calc(var(--mlk-kopf-sticky, 0px) + 80px);
}

@media (prefers-reduced-motion: reduce) {
	body.mlk-glas :is(.mlk-sprungmarken, .entry-content nav.toc) { scroll-behavior: auto; }
}

/* ==========================================================================
   Feinschliff Schrift (1.82.0): leichter, weicheres Graphit statt Schwarz
   ========================================================================== */
body.mlk-glas {
	--mlk-glas-titel: #2f2f31;
	--mlk-glas-text: #3d3d40;
	--mlk-label-2: #6e6e73;
}
/* Große Titel: mittelstark statt fett */
body.mlk-glas :is(.mlk-steckbrief-titel, .mlk-preissuche .mlk-steckbrief-titel, .mlk-bereich .mlk-bereich-titel) {
	font-weight: 500 !important;
	letter-spacing: -.012em;
	color: var(--mlk-glas-titel) !important;
}
/* Überschriften in Kästen */
body.mlk-glas :is(.mlk-katalog-titel, .mlk-artikelliste .mlk-artikel-karte h4, .mlk-artikelliste .mlk-kategorie-kachel h4,
	.mlk-artikel-kontakt h3, .mlk-steckbrief h4, .mlk-preissuche .mlk-steckbrief-preise h4, .mlk-ausstattung-titel,
	.mlk-kz-wert, .mlk-ep-nav a strong, .mlk-insider-karte h3, .mlk-insider-karte h4, .mlk-insider-start-kachel h3,
	.mlk-baustein-karte h3, .mlk-baustein-karte h4, .mlk-einzelkatalog-karte h3, .mlk-einzelkatalog-karte h4,
	.mlk-archiv-info summary, .mlk-filter > summary) {
	font-weight: 500 !important;
	color: var(--mlk-glas-titel) !important;
}
body.mlk-glas .mlk-preistabelle th { font-weight: 500 !important; color: #fff !important; }
/* Fließtext und Werte */
body.mlk-glas :is(.mlk-steckbrief, .mlk-steckbrief dd, .mlk-steckbrief-fakten dd, .mlk-bereich-text p, .mlk-katalog-karte,
	.mlk-insider-karte, .mlk-ep-kasten, .mlk-archiv-info, .mlk-preistabelle td) {
	color: var(--mlk-glas-text);
}
body.mlk-glas :is(.mlk-steckbrief-fakten dd, .mlk-ausstattung-liste dd) { font-weight: 400; }
/* Beschriftungen (Gattung, Spur …) */
body.mlk-glas :is(.mlk-steckbrief-fakten dt, .mlk-ausstattung-liste dt, .mlk-kz-label) {
	font-weight: 400 !important;
	color: var(--mlk-label-2) !important;
}
/* Knöpfe und Blasen: 500 statt 600 */
body.mlk-glas :is(.wp-block-button__link, .mlk-suchfeld-knopf, .mlk-kontakt-submit, .mlk-katalog-link, .mlk-ke-pdf a, .mlk-alt-pdf a,
	button[type="submit"], input[type="submit"],
	.mlk-sprungmarken a, .mlk-such-vorschlaege a, .mlk-steckbrief-tags a, .mlk-gesamtsuche-sprung a, .mlk-filter-seiten a,
	.mlk-filter-seiten span, .mlk-kataloge-nav a, .mlk-insider-umschalter a, .mlk-insider-umschalter span, .mlk-gaestebuch-pager a,
	.mlk-gaestebuch-pager-aktiv, .mlk-leiser-knopf, .mlk-bereich-mehr, .mlk-insider-start-link, .entry-content nav.toc a, .mlk-ep-tab td a,
	.mlk-ep li a[href*="/preisdatenbank/"]) {
	font-weight: 500 !important;
}

/* ---------- Steckbrief-Kopf: geteilter Titel, helle Nummern-Kapsel ---------- */
body.mlk-glas .mlk-steckbrief-titel .mlk-titel-zusatz {
	font-size: .66em;
	font-weight: 400;
	color: var(--mlk-label-2);
	letter-spacing: 0;
}
body.mlk-glas .mlk-steckbrief-nummer {
	background: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .7) 100%) !important;
	color: var(--mlk-glas-titel) !important;
	border: 1px solid rgba(255, 255, 255, .95);
	box-shadow: inset 0 1px 0 #fff, inset 0 -2px 3px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
	font-weight: 500 !important;
	font-size: .95em;
	padding: 3px 14px !important;
	letter-spacing: .02em;
}
@media (max-width: 600px) {
	body.mlk-glas .mlk-steckbrief-kopf { text-align: left !important; }
	body.mlk-glas .mlk-preissuche .mlk-steckbrief-titel { font-size: 1.22em !important; line-height: 1.3; }
}

/* ---------- Seitentitel im Kopfbild als Glas-Schild (PC) ---------- */
@media (min-width: 922px) {
	body.mlk-glas .ast-site-identity .site-title {
		display: inline-block;
		margin: 0;
		padding: .1em .7em .18em;
		line-height: 1.25;
		border-radius: 28px;
		background: linear-gradient(180deg, rgba(255, 255, 255, .30) 0%, rgba(255, 255, 255, .10) 100%);
		-webkit-backdrop-filter: blur(10px) saturate(150%);
		backdrop-filter: blur(10px) saturate(150%);
		border: 1px solid rgba(255, 255, 255, .5);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -3px 8px rgba(0, 0, 0, .12), 0 12px 34px rgba(0, 0, 0, .28);
	}
	body.mlk-glas .ast-site-identity .site-title a {
		text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 3px 12px rgba(0, 0, 0, .35);
	}
}

/* ==========================================================================
   Einheitliche Schriftgrößen (1.82.2) – eine Skala für alle Glas-Bereiche
   Text 17 · Nebentext 15 · Klein 13 · Kasten-Überschrift 19 · Titel 24/28
   ========================================================================== */
body.mlk-glas {
	--mlk-fs-text: 17px;
	--mlk-fs-neben: 15px;
	--mlk-fs-klein: 13px;
	--mlk-fs-kasten: 19px;
	--mlk-fs-titel: 24px;
	--mlk-fs-zahl: 20px;
}
@media (min-width: 768px) {
	body.mlk-glas { --mlk-fs-titel: 28px; --mlk-fs-zahl: 22px; }
}

/* Grundgröße in allen Bereichen des Plugins */
body.mlk-glas :is(.mlk-preissuche, .mlk-kataloge-archiv, .mlk-artikelliste, .mlk-insider, .mlk-insider-start, .mlk-gaestebuch,
	.mlk-kontakt-seite, .mlk-bereiche, .mlk-ep, .mlk-infos-liste, .mlk-katalog-anfrage, .mlk-katalog-anfrage-hinweis,
	.mlk-archiv-info, .mlk-katalog-eintrag, .mlk-alt-inhalt, .mlk-suche, .mlk-suchleiste) {
	font-size: var(--mlk-fs-text);
	line-height: 1.5;
}
body.mlk-glas :is(.mlk-steckbrief, .mlk-ep-kasten, .mlk-archiv-info, .mlk-katalog-anfrage-hinweis, .mlk-insider-karte, .mlk-varianten-karte) :is(p, li) {
	font-size: var(--mlk-fs-text);
	line-height: 1.55;
	font-weight: 400;
}

/* Titel im Steckbrief und Zusatzzeile */
body.mlk-glas :is(.mlk-steckbrief-titel, .mlk-preissuche .mlk-steckbrief-titel) {
	font-size: var(--mlk-fs-titel) !important;
	line-height: 1.22 !important;
}
body.mlk-glas .mlk-steckbrief-titel .mlk-titel-zusatz {
	font-size: var(--mlk-fs-text) !important;
	line-height: 1.5;
	margin-top: .45em;
}
body.mlk-glas .mlk-steckbrief-nummer { font-size: var(--mlk-fs-neben) !important; }

/* Überschriften in Kästen und Karten */
body.mlk-glas :is(.mlk-katalog-titel, .mlk-artikelliste .mlk-artikel-karte h4, .mlk-artikelliste .mlk-kategorie-kachel h4,
	.mlk-artikel-kontakt h3, .mlk-steckbrief h4:not(.mlk-steckbrief-titel), .mlk-preissuche .mlk-steckbrief-preise h4, .mlk-ausstattung-titel,
	.mlk-insider-karte h3, .mlk-insider-karte h4, .mlk-insider-start-kachel h3, .mlk-baustein-karte h3, .mlk-baustein-karte h4,
	.mlk-einzelkatalog-karte h3, .mlk-einzelkatalog-karte h4, .mlk-bereich .mlk-bereich-titel, .mlk-ep-nav a strong) {
	font-size: var(--mlk-fs-kasten) !important;
	line-height: 1.3 !important;
}
/* Aufklapp-Zeilen (Erweiterte Suche, Filter, Info) */
body.mlk-glas :is(.mlk-archiv-info summary, .mlk-filter > summary) {
	font-size: var(--mlk-fs-text) !important;
	line-height: 1.4;
}

/* Fakten (Gattung, Spur …) */
body.mlk-glas :is(.mlk-steckbrief-fakten, .mlk-ausstattung-liste) dt {
	font-size: var(--mlk-fs-neben) !important;
	line-height: 1.4;
}
body.mlk-glas :is(.mlk-steckbrief-fakten, .mlk-ausstattung-liste) dd {
	font-size: var(--mlk-fs-text) !important;
	line-height: 1.4;
}
/* Kennzahlen (In Preislisten / Erster Preis) */
body.mlk-glas .mlk-kz-label { font-size: var(--mlk-fs-klein) !important; letter-spacing: .06em; }
body.mlk-glas .mlk-kz-wert {
	font-family: var(--mlk-schrift-apple) !important;
	font-size: var(--mlk-fs-zahl) !important;
	font-weight: 500 !important;
	font-variant-numeric: tabular-nums;
	color: var(--mlk-glas-titel) !important;
}
body.mlk-glas .mlk-kz-zusatz { font-size: var(--mlk-fs-neben) !important; }

/* Nebentexte, Bildunterschriften, Metadaten */
body.mlk-glas :is(.mlk-katalog-meta, .mlk-katalog-anzahl, .mlk-stichwort-meta, .mlk-insider-fakten, .mlk-insider-start-stat,
	.mlk-bereich-text p, .mlk-infos-liste > a > span + span, .mlk-varianten-text, figcaption, .wp-element-caption) {
	font-size: var(--mlk-fs-neben) !important;
	line-height: 1.45;
}
/* Infos-Übersicht: Zeilentitel */
body.mlk-glas .mlk-infos-liste > a > span:first-child { font-size: var(--mlk-fs-kasten) !important; }

/* Preistabelle */
body.mlk-glas .mlk-preistabelle :is(th, td) { font-size: var(--mlk-fs-neben) !important; }
body.mlk-glas .mlk-preistabelle td { font-weight: 400; }
body.mlk-glas .mlk-preistabelle td :is(strong, b), body.mlk-glas .mlk-preistabelle-responsiv td:is(:nth-child(2), :nth-child(3)) { font-weight: 500 !important; }

/* Knöpfe, Blasen, Eingabefelder */
body.mlk-glas :is(.wp-block-button__link, .mlk-suchfeld-knopf, .mlk-kontakt-submit, .mlk-katalog-link, .mlk-ke-pdf a, .mlk-alt-pdf a,
	button[type="submit"], input[type="submit"]) {
	font-size: var(--mlk-fs-text) !important;
}
body.mlk-glas :is(.mlk-sprungmarken a, .mlk-such-vorschlaege a, .mlk-steckbrief-tags a, .mlk-gesamtsuche-sprung a, .mlk-filter-seiten a,
	.mlk-filter-seiten span, .mlk-kataloge-nav a, .mlk-insider-umschalter a, .mlk-insider-umschalter span, .mlk-gaestebuch-pager a,
	.mlk-gaestebuch-pager-aktiv, .mlk-leiser-knopf, .mlk-bereich-mehr, .mlk-insider-start-link, .entry-content nav.toc a, .mlk-ep-tab td a) {
	font-size: var(--mlk-fs-neben) !important;
}
body.mlk-glas .mlk-ep li a[href*="/preisdatenbank/"] { font-size: var(--mlk-fs-klein) !important; }
body.mlk-glas :is(.mlk-suchfeld input, .mlk-suchleiste-form input[type="text"], .mlk-preissuche-form input[type="text"], .mlk-preissuche-form input[type="search"],
	.mlk-artikelliste-filter input[type="text"], .mlk-kontakt-formular :is(input, textarea), .mlk-katalog-anfrage :is(input, textarea, select),
	.mlk-gaestebuch :is(input, textarea)) {
	font-size: var(--mlk-fs-text) !important; /* ab 16px zoomt das iPhone beim Antippen nicht */
}
/* Beschriftungen über Eingabefeldern */
body.mlk-glas :is(.mlk-kontakt-formular, .mlk-katalog-anfrage, .mlk-artikel-kontakt, .mlk-gaestebuch) label {
	font-size: var(--mlk-fs-neben);
}
body.mlk-glas .mlk-preistabelle-responsiv td.mlk-pt-jahr {
	font-family: var(--mlk-schrift-apple) !important;
	font-weight: 500 !important;
	color: var(--mlk-glas-titel) !important;
}

/* ---------- 9. Sprachumschalter (Polylang, seit 1.83.0) ----------
 * Menüeintrag „Sprachumschalter“: am PC eine kleine, dauerhaft sichtbare Glasblase
 * mit Rand, die aktuelle Sprache (falls eingeblendet) blau. Am Handy eine Kapsel. */
@media (min-width: 922px) {
	body.mlk-glas #ast-desktop-header .main-header-menu > .lang-item > .menu-link {
		font-size: 14px;
		letter-spacing: .02em;
	}
	body.mlk-glas #ast-desktop-header .main-header-menu > .lang-item > .menu-link::before {
		opacity: 1;
		transform: translateY(-50%) scale(1);
		background: linear-gradient(180deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .04) 100%);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30), 0 0 0 1px rgba(255, 255, 255, .34);
	}
	body.mlk-glas #ast-desktop-header .main-header-menu > .lang-item:hover > .menu-link::before {
		background: linear-gradient(180deg, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, .08) 100%);
	}
	body.mlk-glas #ast-desktop-header .main-header-menu > .lang-item.current-lang > .menu-link::before {
		background: linear-gradient(180deg, rgba(110, 175, 198, .85) 0%, rgba(57, 134, 160, .85) 50%, rgba(46, 109, 131, .9) 100%);
		box-shadow: inset 0 1px 1px rgba(255, 255, 255, .55), inset 0 -2px 4px rgba(0, 0, 0, .2);
	}
}
@media (max-width: 921px) {
	body.mlk-glas .ast-mobile-header-content .lang-item > .menu-link {
		display: inline-flex !important;
		width: auto !important;
		margin: 8px 16px;
		padding: 6px 16px !important;
		border: 1px solid rgba(0, 0, 0, .14) !important;
		border-radius: 999px;
		background: rgba(255, 255, 255, .7);
		box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(0, 0, 0, .06);
		font-size: 15px;
	}
	body.mlk-glas .ast-mobile-header-content .lang-item.current-lang > .menu-link {
		color: #fff !important;
		background: linear-gradient(180deg, #6eafc6 0%, var(--mlk-knopf-gruen, #3986a0) 55%, var(--mlk-knopf-gruen-dunkel, #2e6d83) 100%);
		border-color: transparent !important;
	}
}