/* Allgemeiner Footer-Stil */

footer {
  background: linear-gradient(to top, var(--bs-yellow) 70%, rgba(255, 255, 0, 0.7) 85%, transparent 100%);
}

.bg-light {
  background-color: transparent !important;
}

/* Link-Stil im Footer - ohne Unterstreichung, schwarze Schrift und gelber Schatten */

footer a {
  text-decoration: none;
  color: var(--bs-primary);
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Hover-Effekt für Links - Schrift wird bs-primary */

footer a:hover {
  color: var(--bs-primary);
  text-shadow: 2px 2px 5px rgba(255, 255, 0, 1);
}

/* Stil für die Listen im Footer */

footer ul {
  padding: 0;
  list-style-type: none;
}

/* Stil für die Überschriften im Footer */

footer h3 {
  color: var(--bs-primary);
  font-weight: bold;
  font-size: 1.5em !important;
}

/* Soziale Icons im Footer - Stil */

footer .bi {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* Social Media Icons Hover-Effekt */

footer .bi:hover {
  fill: #ffeb3b;
}

/* Zusätzlicher Abstand für Social Media und Kontaktinformationen */

footer .social {
  margin-top: 20px;
}