.blog-header h1,
h1 {
  font-family: Tahoma, sans-serif;
  font-size: 2em;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  padding: 10px 0;
  display: flex;
  flex-direction: column; /* Vertikale Ausrichtung der Zeilen */
  align-items: center; /* Zentrieren der gesamten h1 */
}

h1::before, h1::after {
  content: '';
  position: absolute;
  height: 2px;
  background-color: #c50000;
  width: 50%; /* Oder eine andere Breite für die Linie */
}

h1::before {
  top: 0; /* Position der oberen Linie */
}

h1::after {
  bottom: 0; /* Position der unteren Linie */
}

h1 span {
  display: block; /* Stellt sicher, dass jedes Wort oder Zeilenumbruch im eigenen Block ist */
  white-space: normal; /* Ermöglicht Zeilenumbruch */
}

/* Optional: Abstand zwischen den Zeilen */
h1 span + span {
  margin-top: 5px; /* Abstand zwischen den Zeilen */
}

h2 {
    font-size: 1.5em;
    text-align: left
}