/* KW Anleitungen <Produktgruppe> (manual-group, Issue #897)
   Ein Block je Produktgruppe. Die Download-Zeilen selbst nutzen die globalen
   .kw-download-list / .kw-download-row Klassen aus css/kw-blocks.css.
   Masse bewusst gleich wie beim aelteren Block manual-featured, damit die
   Betriebsanleitungen-Seite gleich aussieht wie vorher. */
.kw-manual-group {
	padding: clamp(2rem, 5vw, 4rem) 0 clamp(1rem, 3vw, 2rem);
}
/* Zwei Gruppen untereinander: der zweite Block bringt keinen zweiten
   Vorlauf mit — sonst klafft zwischen den Gruppen eine doppelte Luecke. */
.kw-manual-group + .kw-manual-group {
	padding-top: 0;
}
.kw-manual-group__inner {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 clamp(1rem, 3vw, 2rem);
}
.kw-manual-group .kw-sh-heading {
	margin-bottom: clamp(1rem, 2.5vw, 1.75rem);
}
.kw-manual-group__title {
	font-size: clamp(1.05rem, 2.5vw, 1.35rem);
	margin: 0 0 clamp(0.6rem, 1.5vw, 1rem);
	padding-bottom: 0.4rem;
	border-bottom: 2px solid var(--kw-border, #E4E0D6);
	color: var(--kw-ink, #2B2B2B);
}
.kw-manual-group__empty {
	color: var(--kw-muted, #6B6656);
	font-style: italic;
}
/* Nur-Haendler-Abzeichen (#1248, Haendlerzone Z2b): kleines Bordeaux-Kennzeichen
   hinter dem Dokumenttitel. Erscheint nur in der Zone (Attribut mg_haendler),
   nie auf oeffentlichen Seiten. */
.kw-download-row__intern {
	display: inline-block;
	margin-left: 0.35rem;
	padding: 0.1rem 0.5rem;
	border: 1px solid var(--kw-bordeaux, #97233F);
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--kw-bordeaux, #97233F);
	background: transparent;
	white-space: nowrap;
	vertical-align: middle;
}
/* Mobil-Feinschliff (#1246 Mobil-Audit Punkte 6+9): am Handy ragte das
   "DOWNLOAD ↓"-Label 27px aus der Zeile (8px aus der Karte), und lange
   Dokument-/Ueberschrift-Woerter schoben den Gruppen-Container 24-40px
   ueber die Innenkante. Unter 561px darf die Zeile deshalb umbrechen
   (Label rueckt bei Platznot rechtsbuendig in eine zweite Zeile), und
   Ueberschriften/Titel brechen notfalls im Wort statt aus der Karte. */
@media (max-width: 560px) {
	.kw-manual-group .kw-download-row {
		flex-wrap: wrap;
		row-gap: 4px;
	}
	/* flex-basis 200px: gibt dem Titel eine Mindest-Spaltenbreite. Ohne sie
	   schrumpft die Info-Spalte (hyphens macht min-content winzig) auf
	   Wortbreite und der Titel hyphenierte sich in eine Schmal-Saeule,
	   waehrend das Label nie umbrach. Mit ihr passt Icon+Titel in Zeile 1,
	   das Label rueckt am Handy deterministisch in die zweite Zeile. */
	.kw-manual-group .kw-download-row__info {
		flex: 1 1 200px;
		min-width: 0;
	}
	.kw-manual-group .kw-download-row__label {
		margin-left: auto;
	}
	.kw-manual-group .kw-sh-heading,
	.kw-manual-group .kw-manual-group__title,
	.kw-manual-group .kw-download-row__name {
		overflow-wrap: break-word;
		/* Fix #1278 Punkt 4 (Nachbesserung): hyphens:auto riss Versal-Ueber-
		   schriften falsch ("AKTU-ELLSTEN") und wandte auf FR/PL faelschlich
		   die falsche Trennregel auf das unuebersetzte deutsche Wort
		   "Betriebsanleitung" an ("Betriebsanle-itung"). .kw-sh-heading hat in
		   kw-blocks.css (#1274) eine GLOBALE Basis-Regel hyphens:auto -- reines
		   Weglassen hier reichte nicht, die Basis-Regel griff unveraendert
		   weiter (gleiche Spezifitaet-Kategorie, aber ohne konkurrierenden Wert
		   gewinnt sie automatisch). Explizit auf manual zurueckgesetzt.
		   overflow-wrap:break-word bleibt als Overflow-Schutz stehen, bricht
		   aber ohne sichtbaren Trennstrich. */
		hyphens: manual;
	}
}