.cv .row {
  display: grid;
  grid-template-columns: 12ch 1fr;
  gap: .5rem 1.5rem; /* Abstand in der Mitte vergrößern */
  align-items: start;
  padding: 0 0 1.5rem 0; /* Padding nur unten, um Abstand zu halten */
  
  /* HINTERGRUND/RAND ENTFERNEN */
  border: none; 
  background: transparent; 
  position: relative; /* Für das Pseudoelement */
}

/* NEU: Die Akzentlinie für die Zeitleiste hinzufügen */
.cv .row::before {
    content: '';
    position: absolute;
    /* Positioniert die Linie zwischen Jahr und Inhalt */
    left: 12ch; 
    top: 0;
    bottom: 0;
    
    width: 2px; /* Dicke der Linie */
    background: var(--muted); /* Dezente Farbe */
    z-index: 1;
}

/* NEU: Punkt oder Kreis am Start des Detail-Textes */
.cv .row .detail::before {
    content: '';
    position: absolute;
    left: calc(12ch - 4px); /* Position vor dem Inhalt und über der Linie */
    top: 0.2rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--brand); /* Akzentfarbe (Cyan) */
    border: 2px solid var(--bg); /* Rahmen mit Hintergrundfarbe, damit es aussieht wie ein Punkt */
    z-index: 2;
}

/* Stil für das Jahr, damit es über der Linie liegt */
.cv .year {
    z-index: 3;
    padding-right: 1.5rem;
    text-align: right; /* Jahr rechtsbündig zur Linie */
}