/* Footer – modernisiert, variablenbasiert, responsiv */

/* Grundlayout des Footers */
#_footer {
  position: static; /* Footer nicht fixiert */
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #f2f2f2; /* Heller Hintergrund nach Wunsch */
  color: var(--color-primary);         /* Dunkle Schrift auf hellem Grund */
}



/* Container für den Footer-Inhalt */
.footer_Content {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 0; /* Vertikaler Innenabstand */
  display: grid;
  grid-template-rows: auto auto; /* Karten + Bottom-Row */
  gap: 1.5rem;
}

/* Kartenkollektion im Footer */
.footer_cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Einzelne Footer-Karte */
.footer_card {
  width: 320px; /* einheitliche Breite */
  color: var(--color-primary);
  padding: 1.25rem 1.25rem 1rem 1.25rem;

  /*background-color: var(--color-surface-1);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);*/
  
}

/* Untere Reihe: Copyright zentriert */
.footer_bottom_row {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 1rem;
}

/* Typografie */
#_footer h2 {
  margin: 0 0 0.75rem 0;
  font-size: var(--font-size-md);
  font-weight: 600;
}

#_footer p {
  font-size: var(--font-size-sm);
  margin: 0.25rem 0;
}

#_footer a {
  color: var(--color-primary);
  font-size: var(--font-size-sm); /* Wie Fließtext: konsistente Größe auch mobil */
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease), transform var(--transition-base, 0.3s ease);
}

#_footer a:hover {
  color: var(--color-accent);
}

/* Adressblock (Kompatibilität: alte Klasse 'adress' bleibt erhalten) */
.address,
.adress {
  margin: 0;
  transition: transform var(--transition-base, 0.3s ease);
}

.address:hover,
.adress:hover {
  transform: translateY(-1px);
}

/* Links-Spalte */
.links a { display: block; margin: 0.15rem 0; }
.links a:hover { transform: translateX(2px); }

/* Copyright-Text */
.CopyRight { font-size: var(--font-size-md); }

/* Responsive */
@media (max-width: 1080px) {
  .footer_card { width: 100%; }
}