/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* =========================================================
   BLOCKSY FARBSYSTEM

   Farbe 1  = Primär-/Akzentfarbe
   Farbe 2  = zweite Akzentfarbe / Hover
   Farbe 3  = Fließtext
   Farbe 4  = Überschriften
   Farbe 5  = Linien / Rahmen / dezente Elemente
   Farbe 6  = dezente Hintergrundfläche
   Farbe 7  = Haupt-Seitenhintergrund
   Farbe 8  = alternative Fläche / Header / Kontrastfläche

   Verwendung in eigenem CSS:
   var(--theme-palette-color-1)
   var(--theme-palette-color-2)
   usw.
   ========================================================= */
/* =========================================================
   ZADOK TIMELINE
   ========================================================= */

.timeline-content {
	position: relative;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: clamp(1.5rem, 4vw, 3rem);
}

.timeline-content::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	background: linear-gradient(
		to bottom,
		transparent 0%,
		var(--theme-palette-color-1),
		transparent 100%
	);
}

@media (max-width: 781px) {
	.timeline-content {
		padding-inline-start: 0;
	}

	.timeline-content::before {
		top: 0;
		right: 0;
		bottom: auto;
		width: auto;
		height: 1px;
		background: linear-gradient(
			to right,
			transparent 0%,
			var(--theme-palette-color-1) 50%,
			transparent 100%
		);
	}
}

/* =========================================================
   ENDE ZADOK TIMELINE
   ========================================================= */