/* Praxis für TCM (tcm-freising.de) – Footer neu gestaltet (14.10.2026)
   Heller Salbei-Ton, Akzent im Grün des Logos (#0f7b34) mit Hellgrün (#9ac323). Gleicher Aufbau wie der Footer von beauty-freising.de. Inhalte (Elemente 2, 3, 4) bleiben unverändert. */
#page-footer .footer-section-content {
  --pf-akzent: #0f7b34;
  --pf-akzent-dunkel: #0b6229;
  --pf-grund: #f1f6ef;
  --pf-glanz: rgba(154, 195, 35, .14);
  --pf-motiv: none;
}

#page-footer .footer-section-content {
  --frame-color: #2e2a2d;
  --frame-link-color: var(--pf-akzent-dunkel);
  --frame-link-hover-color: var(--pf-akzent-dunkel);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse 55% 90% at 100% 100%, var(--pf-glanz), transparent 70%),
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0) 70%),
    var(--pf-grund);
  color: #2e2a2d;
  font-size: 14.5px;
  line-height: 1.75;
  padding: 3.6rem 0 2.8rem;
  border-top: 2px solid var(--pf-akzent);
}
#page-footer .footer-section-content::after {
  content: "";
  position: absolute;
  right: 3%;
  bottom: -20px;
  width: 230px;
  height: 230px;
  z-index: -1;
  pointer-events: none;
  opacity: .12;
  background: var(--pf-motiv) no-repeat center / contain;
}
#page-footer .footer-section-content .section-row { row-gap: 2rem; }
#page-footer .footer-section-content p { margin-bottom: .85rem; }

/* Spaltenüberschriften (vorhandene h5 + ergänzte) mit kurzem Akzentstrich */
#page-footer .footer-section-content h5,
#page-footer .footer-section-content-column > .frame:first-child::before {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--pf-akzent-dunkel);
  padding-bottom: .7rem;
  margin-bottom: 1.1rem;
  background: linear-gradient(var(--pf-akzent), var(--pf-akzent)) left bottom / 2.2rem 2px no-repeat;
}

/* Links in Akzentfarbe, beim Darüberfahren unterstrichen */
#page-footer .footer-section-content a {
  color: var(--pf-akzent-dunkel);
  text-decoration: none;
  background: linear-gradient(var(--pf-akzent), var(--pf-akzent)) left bottom / 0 2px no-repeat;
  transition: background-size .25s ease, color .25s ease;
}
#page-footer .footer-section-content a:hover,
#page-footer .footer-section-content a:focus-visible { background-size: 100% 2px; }

/* leere Meta-Leiste (Sprachmenü, "Running with TYPO3") ausblenden */
#page-footer .footer-section-meta { display: none; }

@media (max-width: 767.98px) {
  #page-footer .footer-section-content { padding: 3rem 0 1.6rem; }
  #page-footer .footer-section-content::after { width: 150px; height: 150px; }
  #page-footer .footer-section-content .section-row { row-gap: 0; }
  #page-footer .footer-section-content-column { margin-bottom: 1.8rem; }
  #page-footer .footer-section-content-column .frame,
  #page-footer .footer-section-content-column .frame-container,
  #page-footer .footer-section-content-column .frame-inner { padding-top: 0; padding-bottom: 0; margin: 0; }
}

#page-footer .footer-section-content { border-top-color: #9ac323; }
#page-footer .footer-section-content-column-left   > .frame:first-child::before { content: "Praxis"; }
#page-footer .footer-section-content-column-middle > .frame:first-child::before { content: "Kontakt"; }
#page-footer .footer-section-content-column-right  > .frame:first-child::before { content: "Rechtliches"; }
/* Praxisname links hervorheben */
#page-footer .footer-section-content-column-left p:first-child { font-weight: 600; color: #1f2a22; }

/* kein Wasserzeichen (14.10.2026, Wunsch) */
#page-footer .footer-section-content::after { display: none; }
