/* Uninflamed – Kurs-Importer: Darstellung der Lektionsinhalte */

:root {
	--umo-petrol: #2f6b73;
	--umo-sage: #8ea88b;
	--umo-sand: #f6f1e7;
	--umo-ink: #2b2b2b;
	--umo-muted: #6b6b6b;
	--umo-line: rgba(47, 107, 115, 0.18);
}

/* Bilder ---------------------------------------------------------------- */

figure.umo-bild {
	margin: 2.2em 0;
	padding: 0;
	text-align: center;
}

figure.umo-bild img.umo-bild-img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	display: inline-block;
}

figure.umo-bild .umo-bild-caption {
	margin-top: 0.7em;
	font-size: 0.88em;
	line-height: 1.5;
	color: var(--umo-muted);
	text-align: center;
	font-style: normal;
}

figure.umo-bild.umo-align-left {
	text-align: left;
}

figure.umo-bild.umo-align-right {
	text-align: right;
}

img.umo-inline-img {
	max-width: 100%;
	height: auto;
}

/* Platzhalter ohne Bild: bewusst unsichtbar, auch für Redakteure. */
.umo-missing {
	display: none;
}

/* Typografie ------------------------------------------------------------ */

.umo-kicker {
	margin: 2em 0 0.8em;
	padding-bottom: 0.35em;
	border-bottom: 2px solid var(--umo-line);
	font-size: 0.82em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--umo-petrol);
}

hr.umo-hr {
	margin: 2.2em auto;
	border: 0;
	border-top: 1px solid var(--umo-line);
	max-width: 100%;
}

blockquote.umo-quote {
	margin: 1.8em 0;
	padding: 0.2em 0 0.2em 1.2em;
	border-left: 3px solid var(--umo-sage);
	color: var(--umo-ink);
	font-style: normal;
}

blockquote.umo-quote > p:last-child {
	margin-bottom: 0;
}

ul.umo-list,
ol.umo-list {
	margin: 1.1em 0 1.4em 1.4em;
	line-height: 1.7;
}

ul.umo-list li,
ol.umo-list li {
	margin-bottom: 0.45em;
}

pre.umo-code {
	background: var(--umo-sand);
	padding: 1em 1.1em;
	border-radius: 6px;
	overflow-x: auto;
	font-size: 0.9em;
}

/* Tabellen -------------------------------------------------------------- */

.umo-table-wrap {
	margin: 1.8em 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

table.umo-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.94em;
	line-height: 1.55;
}

table.umo-table th,
table.umo-table td {
	padding: 0.6em 0.8em;
	border-bottom: 1px solid var(--umo-line);
	text-align: left;
	vertical-align: top;
}

table.umo-table thead th {
	background: var(--umo-sand);
	font-weight: 600;
	color: var(--umo-ink);
	border-bottom: 2px solid var(--umo-line);
}

table.umo-table tbody tr:last-child td {
	border-bottom: 0;
}

table.umo-table .umo-align-right {
	text-align: right;
}

table.umo-table .umo-align-center {
	text-align: center;
}

@media (max-width: 640px) {
	table.umo-table {
		font-size: 0.88em;
	}

	table.umo-table th,
	table.umo-table td {
		padding: 0.5em 0.55em;
	}
}