/* ================================================================
   FC Timeline Widget  –  Frontend + Elementor Editor
   ================================================================ */

.fc-timeline {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 6px 0;
}

/* Vertikale Linie – exakt bei left:26px, Breite 2px → Mitte bei 27px */
.fc-timeline::before {
	content: "";
	position: absolute;
	left: 26px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #d9d9d9;
}

/* Eintrag */
.fc-tl-item {
	position: relative;
	padding-left: 86px;
	margin: 0 0 34px 0;
}

.fc-tl-item:last-child {
	margin-bottom: 0;
}

/*
 * Punkt auf der Linie zentrieren:
 * Linienmitte  = left(26) + width(2)/2 = 27px
 * Punktmitte   = left + width/2 → left = 27 - 14/2 = 20px
 * top: zentriert zur Jahreszahl (font-size 15px, line-height ~22px) → (22-14)/2 = 4px
 */
.fc-tl-dot {
	position: absolute;
	left: 20px;
	top: 4px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #2e7d32;
	box-shadow: 0 0 0 5px rgba(46, 125, 50, .25);
	z-index: 2;
}

/* Jahreszahl */
.fc-tl-head {
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
	color: #2e7d32;
	font-weight: 800;
	letter-spacing: .3px;
	font-size: 15px;
	line-height: 22px;
}

/* Karte */
.fc-tl-card {
	background: #f6f6f6;
	border-left: 4px solid #4b3f72;
	padding: 18px 22px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

/* Titelzeile */
.fc-tl-titleline {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px 0;
}

/* Icon-Wrapper */
.fc-tl-titleicon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	line-height: 1;
}

.fc-tl-titleicon i {
	font-size: 16px;
	color: #4b3f72;
	line-height: 1;
}

.fc-tl-titleicon svg {
	width: 16px;
	height: 16px;
	fill: #4b3f72;
}

/* Titel */
.fc-tl-title {
	margin: 0;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #4b3f72;
	font-size: 16px;
	line-height: 1.2;
}

/* Fließtext */
.fc-tl-text {
	margin: 0;
	color: #6b6b6b;
	line-height: 1.65;
}

/* Mobile */
@media (max-width: 600px) {
	.fc-timeline::before { left: 18px; }
	.fc-tl-item          { padding-left: 64px; }
	/* Linienmitte 19px, Punkt 14px → left = 19 - 7 = 12px */
	.fc-tl-dot           { left: 12px; }
}