/*
 * Kreislauf-Grafik und Schrittliste „So arbeitet VERNETZT.DIGITAL“ (seit 0.9.13, Werte aus dem Mockup).
 * Farben über die Divi-Variablen – wechseln mit hell/dunkel (theme-switch.css).
 */

.vd-kreislauf-wrap { width: 100%; }
.vd-kreislauf { display: block; width: 100%; max-width: 600px; height: auto; margin: 0 auto; overflow: visible; }
.vd-kreislauf text { font-family: inherit; fill: var(--gcid-body-color, #292929); }
.vd-kreislauf .vd-kl-ring { fill: none; stroke: var(--gcid-25juuo1ayp, #e2e6ec); stroke-width: 2; }
.vd-kreislauf .vd-kl-bogen { fill: none; stroke: var(--gcid-primary-color, #002d64); stroke-width: 3; }
.vd-kreislauf .vd-kl-spitze,
.vd-kreislauf .vd-kl-sechseck { fill: var(--gcid-primary-color, #002d64); }
.vd-kreislauf text.vd-kl-zahl { fill: #fff; font-weight: 700; font-size: 22px; }
.vd-kreislauf text.vd-kl-begriff { font-weight: 700; font-size: 24px; fill: var(--gcid-heading-color, #002d64); }
.vd-kreislauf text.vd-kl-mitte { font-weight: 700; font-size: 22px; fill: var(--gcid-primary-color, #002d64); }

/* Nummerierte Schrittliste neben der Grafik (Divi-Textbaustein) */
.et_pb_text ol.vd-kreislauf-liste,
ol.vd-kreislauf-liste { list-style: none; counter-reset: vdkl; margin: 0; padding: 0; }
ol.vd-kreislauf-liste > li {
	counter-increment: vdkl;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 14px 0 14px 48px;
	border-bottom: 1px solid var(--gcid-25juuo1ayp, #e2e6ec);
}
ol.vd-kreislauf-liste > li:last-child { border-bottom: none; }
ol.vd-kreislauf-liste > li::before {
	content: counter(vdkl);
	position: absolute;
	left: 0;
	top: 14px;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	background: var(--gcid-primary-color, #002d64);
	color: #fff;
	font-weight: 700;
	line-height: 1;
}
ol.vd-kreislauf-liste strong { font-size: 18px; color: var(--gcid-heading-color, #002d64); }
ol.vd-kreislauf-liste span { color: var(--gcid-b6vqnw3d1s, #5b6470); }
ol.vd-kreislauf-liste p { margin: 4px 0 0; padding: 0; color: var(--gcid-b6vqnw3d1s, #5b6470); }
