/* ==========================================================================
   Vaterhaus Child Theme – Footer (unten, Avada)
   Aus `legacy.css` extrahiert (Abschnitt „VATERHAUS – FOOTER BOTTOM (AVADA)“
   + zugehöriges RESPONSIVE). Phase B1: tokenisiert + eine Dopplung entfernt
   (`font-weight: bold` war durch `font-weight: 400` weiter unten überschrieben).
   Selektoren unverändert (B2-Rename folgt später zusammen mit Editor-Umbau).
   ========================================================================== */

/* LEFT – Copyright */
.vh-footer-bottom-left {
  align-items: flex-start;
}

.vh-footer-bottom-left .fusion-column-wrapper {
  width: 100%;
}

.vh-footer-bottom-left .fusion-text p {
  margin: 0 !important;
  color: #fff;
  text-shadow: 1px 1px 10px #000;
  font-family: var(--vh-font-ui);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.5px;
}

/* RIGHT – Rechts-Links */
.vh-footer-bottom-right {
  align-items: flex-end;
}

.vh-footer-bottom-right .fusion-column-wrapper {
  width: 100%;
}

.vh-footer-bottom-right .fusion-text {
  text-align: right;
}

.vh-footer-bottom-right .fusion-text p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  margin: 0 !important;
}

/* Links */
.vh-footer-bottom-right .fusion-text a {
  color: #fff;
  text-shadow: 1px 1px 10px #000;
  font-family: var(--vh-font-ui);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.5px;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.vh-footer-bottom-right .fusion-text a:hover,
.vh-footer-bottom-right .fusion-text a:focus-visible {
  color: var(--vh-color-gold-pale) !important;
}

/* goldener Separator */
.vh-footer-bottom-right .fusion-text a + a::before {
  content: "|";
  display: inline-block;
  color: var(--vh-color-gold-pale);
  margin-right: 24px;
  pointer-events: none;
}

/* --- Responsive --- */
@media (max-width: 767px) {
  .vh-footer-bottom-left,
  .vh-footer-bottom-right {
    align-items: center;
  }

  .vh-footer-bottom-left .fusion-text,
  .vh-footer-bottom-right .fusion-text {
    text-align: center;
  }

  .vh-footer-bottom-right .fusion-text p {
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  .vh-footer-bottom-right .fusion-text a + a::before {
    margin-right: 16px;
  }

  .vh-footer-bottom-left .fusion-text p {
    text-align: center;
  }
}

/* ==========================================================================
   Startseiten-Footer – wie auf den Unterseiten (Modell)
   Das (verwaiste) „Über-uns-Row-9“-CSS in style.css wirkt auf die Startseite,
   wo Row 9 heute der globale Footer ist: es erzwingt am `fusion-builder-row`
   eine `min-height: 600px`, 2rem Row-Padding und ein dunkelgrünes `::before`-
   Gradient-Overlay über dem Hintergrundbild. Zusätzlich kollabiert es die
   rechte Legal-Spalte (column-22 mit `width:auto` + `max-width:550px` +
   `align-self:center` → Impressum/Datenschutz wirken „zusammengeschoben“
   statt rechts verankert wie auf den Unterseiten).
   Wir neutralisieren das gezielt nur auf der Startseite (`body.home .fusion-tb-footer`),
   damit der Footer kompakt, unten-verankert, ohne grünen Gradienten und mit
   rechts ausgerichteten Legal-Links identisch zur Unterseite ist.
   ========================================================================== */
body.home .fusion-tb-footer .fusion-builder-row {
  min-height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  justify-content: center !important;
}

/* Grünes Gradient-Overlay über dem Footer-Hintergrundbild entfernen */
body.home .fusion-tb-footer .fusion-builder-row-9::before {
  content: none !important;
}

/* Rechte Legal-Spalte (column-22) wieder auf die volle verbleibende Breite
   setzen, damit Impressum/Datenschutz rechts liegen wie auf den Unterseiten. */
body.home .fusion-tb-footer .fusion-builder-column-22 {
  flex-grow: 1 !important;
  flex-basis: 0 !important;
  max-width: none !important;
  align-self: auto !important;
}

/* Mobile: unten mehr Atemraum, damit die Footer-Legal-Links (Impressum |
   Datenschutz, Copyright) nicht am unteren Bildschirmrand kleben. */
@media (max-width: 640px) {
  body.home .fusion-tb-footer .fusion-builder-row {
    padding-bottom: 16px !important;
  }

  body.home .fusion-tb-footer .vh-footer-bottom-left {
    margin-bottom: 14px;
  }
}