/* VIVA Nummernliste - gemessen an der Liste auf /de/designer/indesign-user/:
   Nummer im Kreis 40 px rgba(0,0,0,.47), 11 px bis zum Text, 14 px zwischen
   den Eintraegen, Titel h3 Source Sans Pro 300 28/1.3, Text 300 20/28 px,
   Laufweite 1 px, schwarz - das sind die globalen Schriften 602d92f und
   c9e2b69 des Kits; ueber deren Variablen gelten auch ihre Groessen fuer
   Tablet und Handy (gemessen bei 390 px: 24 und 18 px). */
.viva-nliste {
	display: grid;
	grid-template-columns: repeat(var(--spalten, 2), minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.viva-nliste-eintrag {
	display: flex;
	gap: 11px;
	margin: 0;
}
.viva-nliste-nr {
	flex: 0 0 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.47);
	color: #fff;
	font-family: "Libre Franklin", sans-serif;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.viva-nliste-inhalt {
	flex: 1 1 auto;
	min-width: 0;
}
.viva-nliste-titel h1,
.viva-nliste-titel h2,
.viva-nliste-titel h3,
.viva-nliste-titel h4 {
	margin: 0 0 0.75em;
	padding: 0;
	color: #000;
	font-family: var(--e-global-typography-602d92f-font-family, "Source Sans Pro"), sans-serif;
	font-size: var(--e-global-typography-602d92f-font-size, 28px);
	font-weight: var(--e-global-typography-602d92f-font-weight, 300);
	line-height: var(--e-global-typography-602d92f-line-height, 1.3em);
	letter-spacing: var(--e-global-typography-602d92f-letter-spacing, 1px);
}
.viva-nliste-text {
	color: #000;
	font-family: var(--e-global-typography-c9e2b69-font-family, "Source Sans Pro"), sans-serif;
	font-size: var(--e-global-typography-c9e2b69-font-size, 20px);
	font-weight: var(--e-global-typography-c9e2b69-font-weight, 300);
	line-height: var(--e-global-typography-c9e2b69-line-height, 1.4em);
	letter-spacing: var(--e-global-typography-c9e2b69-letter-spacing, 1px);
}
.viva-nliste-text p {
	margin: 0 0 1.5em;
}
@media (max-width: 767px) {
	.viva-nliste {
		grid-template-columns: minmax(0, 1fr);
	}
}