:root {
      --primary-green: #144b33;
      --erzgebirge-blue: #245d82;
      --mountain-gray: #7c8a8c;
      --crafts-brown: #734223;
      --vibrant-red: #c92525;
      --golden-yellow: #d1a440;
    }

    /* Hintergrundbild einfügen */
    body {
     
    }

    
    /* Beispiel für die Verwendung der Farben */
    .navbar {
      background-color: var(--primary-green);
    }

    .hero {
      background-color: var(--erzgebirge-blue);
      color: white;
    }

    .projects .card {
      border: 2px solid var(--crafts-brown);
    }
    html {
      scroll-behavior: smooth;
    }
    
    nav {
      position: fixed;
      top: 0;
      left: 0;
      background-color: #333;
      width: 100%;
    }
    
    nav ul {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    nav li {
      margin-right: 20px;
    }
    
    nav a {
      color: #fff;
      text-decoration: none;
      padding: 10px;
    }
    
    /* Anker-Elemente eine etwas größere obere Marge geben, damit der Inhalt nicht hinter der fixierten Navigationsleiste verschwindet */
    section {
      padding-top: 80px;
    }
    
    /* Weitere Stile anpassen ... */