/* B-25 Vertrauensleiste – erzeugt von marken-ci/skripte/vertrauen.py, nicht von Hand ändern */
.mk-vertrauen { --mk-farbe-kopf: #1E2748; --mk-farbe-leise: #575E73; --mk-farbe-marke: #495746; --mk-farbe-link-hover: #0B4466; --mk-farbe-aktion: #105681; --mk-farbe-auf-aktion: #FFFFFF; --mk-farbe-flaeche-marke: #E7EBE0; --mk-farbe-dunkel: #1E2748; --mk-farbe-dunkel-marke: #2C3529; --mk-farbe-auf-dunkel: #FFFFFF; --mk-farbe-auf-dunkel-leise: #DCD3A0; --mk-font-kopf: Barlow, system-ui, -apple-system, 'Segoe UI', sans-serif; --mk-gr-text: 17px; --mk-gr-klein: 15px; --mk-staerke-betont: 600; --mk-zeile-eng: 1.25; --mk-zeile-klein: 1.45; --mk-a-1: 4px; --mk-a-3: 12px; --mk-a-4: 16px; --mk-a-5: 24px; --mk-radius: 6px; }
.mk-vertrauen *, .mk-vertrauen *::before { box-sizing: border-box; }
/* ---------- B-25 Vertrauensleiste (Nachweise mit Beleg) ----------
   Höchstens 4 Punkte. Jeder Punkt ist ein Link auf seinen Beleg (Register, Prüfbericht, Urkunde,
   Datenschutzerklärung). Rundes Zeichen links, Titel + eine Zeile darunter. Kein Kartenrahmen,
   keine Oberkante, keine Farbleiste. Erzeugt und geprüft mit skripte/vertrauen.py. */
.mk-vertrauen { margin: 0; }
.mk-vertrauen__liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: var(--mk-a-4) var(--mk-a-5);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mk-vertrauen__punkt {
	display: flex;
	align-items: center;
	gap: var(--mk-a-3);
	min-height: 48px;
	color: inherit;
	text-decoration: none;
	border-radius: var(--mk-radius);
}
.mk-vertrauen__zeichen {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--mk-farbe-dunkel-marke);
	color: var(--mk-farbe-auf-dunkel);
}
.mk-vertrauen__zeichen svg { width: 26px; height: 26px; }
.mk-vertrauen__zeichen--tinte { background: var(--mk-farbe-dunkel); }
.mk-vertrauen__zeichen--hell { background: var(--mk-farbe-flaeche-marke); color: var(--mk-farbe-marke); }
.mk-vertrauen__zeichen--aktion { background: var(--mk-farbe-aktion); color: var(--mk-farbe-auf-aktion); }
.mk-vertrauen__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mk-vertrauen__titel {
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-text);
	font-weight: var(--mk-staerke-betont);
	line-height: var(--mk-zeile-eng);
}
.mk-vertrauen__unter { color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); overflow-wrap: anywhere; }
a.mk-vertrauen__punkt:hover .mk-vertrauen__titel { color: var(--mk-farbe-link-hover); text-decoration: underline; text-underline-offset: 0.18em; }
.mk-vertrauen__mehr {
	display: inline-flex;
	align-items: center;
	gap: var(--mk-a-1);
	min-height: 44px;
	margin-top: var(--mk-a-4);
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-weight: var(--mk-staerke-betont);
	text-decoration: none;
}
/* „Mehr …“ als Rasterzelle: Pfeil läuft im Text mit, damit er auch nach einem Umbruch am letzten Wort hängt */
.mk-vertrauen__punkt--mehr { display: block; align-self: center; }
.mk-vertrauen__punkt--mehr .mk-vertrauen__titel { display: inline; }
.mk-vertrauen__ende { white-space: nowrap; }
.mk-vertrauen__punkt--mehr svg { display: inline-block; width: 18px; height: 18px; margin: 0 0 0 var(--mk-a-1); vertical-align: -3px; color: var(--mk-farbe-kopf); }
@media (min-width: 1025px) {
	.mk-vertrauen__liste:has(> li:nth-child(6)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mk-vertrauen__punkt--mehr { padding-left: calc(52px + var(--mk-a-3)); }
}
.mk-vertrauen__mehr:hover { color: var(--mk-farbe-link-hover); text-decoration: underline; text-underline-offset: 0.18em; }
.mk-vertrauen__mehr svg { width: 18px; height: 18px; }
.mk-band .mk-vertrauen__titel, .mk-band .mk-vertrauen__mehr { color: var(--mk-farbe-auf-dunkel); }
.mk-band .mk-vertrauen__unter { color: var(--mk-farbe-auf-dunkel-leise); }
.mk-band .mk-vertrauen__zeichen--tinte, .mk-band .mk-vertrauen__zeichen:not([class*="--"]) { box-shadow: inset 0 0 0 1.5px var(--mk-farbe-auf-dunkel-leise); }