/* ============================================================
   FOOTER — geteilt über ALLE Seiten (Startseite + Unterseiten)
   ------------------------------------------------------------
   EINZIGE QUELLE für Footer-CSS, analog nav.css. Wird via functions.php
   (Handle 'ob-footer') auf jeder ob-Seite geladen. Vorher lag dieses CSS
   dupliziert in startseite.css UND unterseiten.css.
   → NICHT zurück in die Seiten-CSS kopieren. Footer-Änderungen NUR hier.
   ============================================================ */
.ob-footer { background: var(--ob-footer-bg); padding: 60px 32px 32px; }
.ob-footer__grid {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px;
  margin-bottom: 48px; padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.ob-footer__logo    { font-family: 'Jost', sans-serif; font-weight: 700; font-size: 1.25rem; color: #fff; margin-bottom: 12px; }
.ob-footer__tagline { font-size: 0.875rem; font-weight: 700; color: #fff; margin: 0 0 10px; }
.ob-footer__desc    { font-size: 0.875rem; color: rgba(255,255,255,.4); line-height: 1.65; }
.ob-footer__heading {
  font-size: 0.8125rem; font-weight: 600; color: rgba(255,255,255,.35);
  letter-spacing: 1px; text-transform: uppercase; margin: 0 0 16px;
}
.ob-footer__links { display: flex; flex-direction: column; gap: 10px; }
/* .ob-footer-Vorfahr nötig: sonst überschreibt das später geladene `.ob-page a {color:inherit}`
   (gleiche Spezifität, spätere Quelle) die Linkfarbe → Links würden dunkel/unsichtbar. */
.ob-footer .ob-footer__links a,
.ob-footer .ob-footer__links span { font-size: 0.875rem; color: rgba(255,255,255,.55); transition: color .2s; }
.ob-footer .ob-footer__links a:hover { color: var(--ob-teal); }
.ob-footer-links { margin: 0; line-height: 2.1; }
.ob-footer .ob-footer-links a,
.ob-footer .ob-footer-links span { font-size: 0.875rem; color: rgba(255,255,255,.55); transition: color .2s; }
.ob-footer .ob-footer-links a:hover { color: var(--ob-teal); }
.ob-footer__bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 16px;
}
.ob-footer__bottom p { font-size: 0.8125rem; color: rgba(255,255,255,.3); }
.ob-footer__social { display: flex; gap: 10px; }
.ob-footer__social-icon {
  width: 34px; height: 34px; border-radius: 50%; background: var(--ob-teal);
  display: flex; align-items: center; justify-content: center; transition: background .2s;
}
.ob-footer__social-icon:hover { background: var(--ob-teal-dark); }

@media (max-width: 900px) {
  .ob-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .ob-footer { padding-left: 20px; padding-right: 20px; }
  .ob-footer__grid { grid-template-columns: 1fr; }
}