@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
         url('../fonts/CenturyGothic.woff') format('woff');
}
@font-face {
    font-family: 'CenturyGothicBold';
    src: url('../fonts/CenturyGothicBold.woff2') format('woff2'),
         url('../fonts/CenturyGothicBold.woff') format('woff');
}

:root {
--petrol: #0b423c;
}

.linientitel {
  display: flex;        /* Aktiviert das Flexbox-Layout */
  align-items: center;  /* Zentriert Text und Linien perfekt auf einer Höhe */
  text-align: center;   /* Nur zur Sicherheit für den Textfluss */
}

.linientitel::before,
.linientitel::after {
  content: "";          /* Erzeugt "unsichtbare" Boxen für die Linien */
  flex: 1;              /* Lässt die Linien den restlichen Platz ausfüllen */
  height: 1px;          /* Die Dicke deiner Linie */
  background: #333;     /* Die Farbe deiner Linie */
}

.linientitel::before {
  margin-right: 15px;   /* Abstand zwischen linker Linie und Text */
}

.linientitel::after {
  margin-left: 15px;    /* Abstand zwischen rechter Linie und Text */
}