/* Grundlegende Typografie-Regeln für Canva Unbounded */
body {
  font-family: 'Unbounded', sans-serif;
  font-weight: 400; /* Regular für normalen Text */
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; /* Bold für Headlines */
}

/* Der Grain-Overlay-Effekt für den analogen Film-Look */
.grain-overlay::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.04;
  z-index: 50;
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuCKfw-9d9n5IrhevN8j77z6-kD0Y1WSbe_D7Dn1UBm4rH8NV4JqujEJsOlNLJayb1LGOK9j6pJq-tF-HDp2T69pDhKzbTr1xQkHZ84lu4KUKCBgA3N7w5X-iNplJUcOs3TuFis4C9Ja47d1eR22hLSoNuKqMRMq3GMerAkL3Z9EzxKco4JQuNPetPjN7Y7PceRDcIqq_Zaa7YUJnFQBfBvGZTEtv83m2LZxGOy57o1Bv8tH6izj7s9NoGmpNyrJC9JHNRTfMXHomo_B);
}

/* Material Symbols Konfiguration */
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

/* Spezifische Navigations-Links Styling */
.nav-link {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: color 0.3s ease;
}

/* Fokus-Effekte */
input:focus {
  outline: none;
}