:root {
    --schwarz: #000000;
    --gold: #c9a84c;
    --text: #f7f7f7;
}

* {margin: 0; padding: 0;}

body {
    font-family: "Lora", serif;
    font-size: 17px;
    line-height: 1.7;
    background: var(--schwarz);
    color: var(--text);
}

.header {
    text-align: center;
}

h1 {
    font-size: 77px;
    font-weight: normal;
}

h2 {
    font-size: 44px;
    font-weight: normal;
}

/* --- LORA (REGULAR) --- */

/* 1. Regular (Normal) */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Lora-Regular.ttf') format('truetype');
  font-display: swap;
}

/* 2. Medium */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Lora-Medium.ttf') format('truetype');
  font-display: swap;
}

/* 3. SemiBold (Halbfett) */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Lora-SemiBold.ttf') format('truetype');
  font-display: swap;
}

/* 4. Bold (Fett) */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Lora-Bold.ttf') format('truetype');
  font-display: swap;
}


/* --- LORA (ITALIC) --- */

/* 5. Italic (Kursiv) */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Lora-Italic.ttf') format('truetype');
  font-display: swap;
}

/* 6. Medium Italic */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/Lora-MediumItalic.ttf') format('truetype');
  font-display: swap;
}

/* 7. SemiBold Italic */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/Lora-SemiBoldItalic.ttf') format('truetype');
  font-display: swap;
}

/* 8. Bold Italic (Fett Kursiv) */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/Lora-BoldItalic.ttf') format('truetype');
  font-display: swap;
}