/* mtr-km-deps: basis */
/* Faktenkarten: weiße Karten mit Linien-Symbol, Titel und kurzem Text. */
.elementor-widget-mtr-fakten .mtr-facts {
	display: grid;
	gap: 12px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.elementor-widget-mtr-fakten .mtr-fact {
	background: #fff;
	border: 1px solid var(--mtr-line);
	border-radius: var(--mtr-rad);
	padding: 18px 18px 20px;
	transition: border-color 200ms ease;
}

/* Rahmen färbt sich beim Überfahren und bei Tastaturfokus, keine Funktion hängt daran. */
@media (hover: hover) {
	.elementor-widget-mtr-fakten .mtr-fact:hover {
		border-color: var(--mtr-red);
	}
}

.elementor-widget-mtr-fakten .mtr-fact:focus-within {
	border-color: var(--mtr-red);
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-mtr-fakten .mtr-fact {
		transition: none;
	}
}

.elementor-widget-mtr-fakten .mtr-fact svg {
	width: 28px;
	height: 28px;
	display: block;
	color: var(--mtr-red);
	margin: 0 0 12px;
}

.elementor-widget-mtr-fakten .mtr-fact b {
	display: block;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.35;
	margin: 0 0 4px;
}

.elementor-widget-mtr-fakten .mtr-fact span {
	display: block;
	font-size: .9375rem;
	line-height: 1.55;
	color: #4a4a4a;
}

@media (max-width: 767px) {
	.elementor-widget-mtr-fakten .mtr-facts {
		margin-top: 18px;
	}

	.elementor-widget-mtr-fakten .mtr-fact span {
		line-height: 1.5;
	}
}