.main-footer {
  background: rgba(0,0,0,0.24);        /* noch transparenter! */
  color: #ccc;
  text-align: center;
  padding: 1.2em 0 0.6em;
  font-size: 0.9em;
  font-family: 'Montserrat', sans-serif;
  margin-top: auto;
  box-shadow: 0 0 18px #8b000044;
  position: relative;
  z-index: 10;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /* KEIN backdrop-filter oder outline */
}

.main-footer a {
  color: #ffd700;
  text-decoration: none;
}
.main-footer a:hover {
  color: #fffbe2;
}

.puls-trenner {
  width: 90%;
  height: 4px;
  margin: 0 auto 1em;
  background: linear-gradient(90deg, #ffd700, #ff0000, #ffd700);
  background-size: 200% auto;
  animation: pulsTrenner 3s ease-in-out infinite;
  border-radius: 4px;
  box-shadow: 0 0 8px #ffd70088;
}

@keyframes pulsTrenner {
  0%   { background-position: 0% 50%; opacity: 0.5; }
  50%  { background-position: 100% 50%; opacity: 1; }
  100% { background-position: 0% 50%; opacity: 0.5; }
}