figure {
  float: right;
  align-self: center;
  margin: 0 0 1em 1em;
  padding: 0.1em 0.1em 0.10em 0.1em;
  text-align: center;
}

figcaption {
  font: 0.7em/1.2 Arial, sans-serif;
  text-align: center;
  padding-bottom: 3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline-container {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #ccc; /* Rahmen um den Container */
  }
  
  .timeline {
    position: relative;
    min-width: 1500px; /* Stellen Sie sicher, dass dies groß genug für Ihre Zeitachse ist */
    height: 400px; /* Höhe der Timeline anpassen */
  }
  
  .years {
    position: absolute;
    width: 100%;
    height: 20px; /* Höhe der Jahresleiste */
  }
  
  .year {
    position: absolute;
    bottom: 0;
    font-size: 12px; /* Schriftgröße der Jahresangaben */
  }
  
  .lifelines {
    position: absolute;
    width: 100%;
    height: 70px; 
  }

  .lifelines1 {
    position: absolute;
    top: 30px; 
    width: 100%;
    height: 70px; 
  }
  
  .lifelines2 {
    position: absolute;
    top: 60px; 
    width: 100%;
    height: 70px;
  }
  
  .lifelines3 {
    position: absolute;
    top: 90px;
    width: 100%;
    height: 70px;
  }
  
  .lifelines4 {
    position: absolute;
    top: 120px;
    width: 100%;
    height: 70px;
  }
  
  .lifelines5 {
    position: absolute;
    top: 150px;
    width: 100%;
    height: 70px;
  }
  
  .lifelines6 {
    position: absolute;
    top: 180px;
    width: 100%;
    height: 70px;
  }
  
  .lifelines7 {
    position: absolute;
    top: 210px;
    width: 100%;
    height: 70px;
  }
  
  .lifelines8 {
    position: absolute;
    top: 240px;
    width: 100%;
    height: 70px;
  }
  
  
  .lifelines9 {
    position: absolute;
    top: 270px;
    width: 100%;
    height: 70px;
  }
  
  
  .lifelines10 {
    position: absolute;
    top: 300px;
    width: 100%;
    height: 70px; 
    border-color:  blue;
  }
  
  
  
  .lifespan {
    position: absolute;
    height: 20px; /* Höhe der Lebensspannen-Balken */
    background-color: #4CAF50; /* Farbe der Lebensspannen-Balken */
    color: white; /* Textfarbe */
    text-align: center; /* Zentriert den Text im Balken */
    line-height: 20px; /* Stellt sicher, dass der Text vertikal zentriert ist */
  }