/* ================================
   EPA – Footer
   Klar, ruhig, modular, premium
================================ */

.footer {
  background: #111;
  color: #eee;
  padding: 50px 20px;
  margin-top: 60px;
  font-size: 0.95rem;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

/* Spalten */
.footer-left,
.footer-center,
.footer-right {
  flex: 1;
  min-width: 250px;
}

/* Überschriften */
.footer h3,
.footer h4 {
  color: #fff;
  margin-bottom: 15px;
  font-weight: 600;
}

/* Text */
.footer p {
  margin-bottom: 12px;
  line-height: 1.5;
}

/* Links */
.footer a {
  color: var(--accent-color, #4da3ff);
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}

.footer a:hover {
  text-decoration: underline;
}

/* Brand */
.footer-brand {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff !important;
}

/* Responsive */
@media (max-width: 800px) {
  .footer-inner {
    flex-direction: column;
    gap: 30px;
  }

  .footer-left,
  .footer-center,
  .footer-right {
    min-width: 100%;
  }
}

.hidden-seo {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}