/* =============================================================
   HIER KANNST DU DAS AUSSEHEN DEINER WEBSITE ÄNDERN
   Nach einer Änderung speichern und Browser neu laden (Strg+F5).
   Bitte die geschweiften Klammern { } und Semikolons ; stehen lassen.
   ============================================================= */

/* 01 - FARBEN PASSEND ZUM LOGO */
:root {
  --navy: #071e2b;       /* Dunkelblau: Haupt-Hintergrund */
  --navy2: #102d3b;      /* Zweites Dunkelblau */
  --cream: #f7e2b6;      /* Creme: Überschriften */
  --gold: #e4a82e;       /* Gold: kleine Überschriften */
  --red: #a51e19;        /* Rot: Schaltflächen */
  --paper: #f6f0e5;      /* Heller Bereich */
  --ink: #142631;        /* Dunkle Schrift auf hellem Grund */
}

/* 02 - NORMALE TEXTE */
body {
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px;
}

/* 03 - GROSSE ÜBERSCHRIFTEN */
h1, h2, h3 {
  font-family: Georgia, serif;
}

/* 04 - KURSIVE TEILE IN ÜBERSCHRIFTEN */
h1 em, h2 em {
  font-family: Georgia, serif;
  font-style: italic;
}

/* 05 - MENÜLEISTE */
nav a {
  font-size: 15px;
}

/* 06 - BUTTONS */
.btn {
  font-size: 16px;
}

/* 07 - OPTIONAL: SCHRIFTGRÖSSE DER TITEL ANPASSEN
   Beispiel: Kommentarzeichen entfernen, um Größe festzulegen.
   h1 { font-size: 64px; }
   h2 { font-size: 44px; }
*/