/* ============================================
   A14 Musterlösung: WebFonts & Icons
   Im <head> aller HTML-Dateien einbinden:

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
   ============================================ */

/* Überschriften mit dekorativer Schrift */
h1, h2 {
    font-family: 'Cinzel', Georgia, serif;
    letter-spacing: 0.03em;
}

/* Fließtext mit gut lesbarer Serifenschrift */
body {
    font-family: 'Lora', Georgia, serif;
}

/* Icon-Abstände in der Navigation */
nav .fa-solid {
    margin-right: 0.3em;
    font-size: 0.9em;
}

/* Favicon (Beispiel für Emoji-SVG im <head>):
   <link rel="icon" href="data:image/svg+xml,
   <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
   <text y='.9em' font-size='90'>🌊</text></svg>">
*/
