/* ============================================================
   Frontida Pflegedienst – Gemeinsames Footer-Stylesheet
   Referenz-Look: frontida-karriere (laut Kundenwunsch).
   Wird auf jeder Seite NACH dem Seiten-CSS geladen und
   vereinheitlicht den Footer auf allen Seiten.
   Hinweis: margin-top des Footers bleibt bewusst Sache der
   jeweiligen Seite (Abstand zum vorherigen Abschnitt).
   ============================================================ */
footer { background:#EEF4FB; color:#454C4D; padding:2rem 90px 1.2rem 5%; font-family:'Open Sans',sans-serif; text-align:left; border-top:none; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:1.5rem; align-items:start; margin-bottom:1.8rem; }
.footer-grid .footer-col { padding-left:1rem; }
.footer-brand { text-align:center; }
.footer-brand img { height:180px !important; width:auto !important; max-width:100% !important; margin:0 auto 0.8rem; display:block; }
.footer-brand p { font-size:0.85rem; line-height:1.7; font-weight:300; }
.footer-col h5 { color:#1C3A6E; font-size:0.8rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:1rem; }
.footer-col p, .footer-col a { display:block; font-size:0.84rem; color:#454C4D; text-decoration:none; margin-bottom:0.5rem; line-height:1.6; }
.footer-col a:hover { color:#2165AE; }
.footer-social { display:flex; justify-content:center; gap:0.7rem; margin-top:1rem; }
.footer-social a { width:50px; height:50px; background:transparent; border:none; border-radius:7px; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:transform 0.2s; }
.footer-social a img { width:45px !important; height:45px !important; display:block; }
.footer-social a:hover { transform:scale(1.3); }
.footer-bottom { border-top:1px solid rgba(45,79,122,0.2); padding-top:1.2rem; display:flex; justify-content:space-between; align-items:center; font-size:0.77rem; flex-wrap:wrap; gap:0.5rem; }
.footer-bottom a { color:#454C4D; text-decoration:none; margin-left:1rem; }
.footer-bottom a:hover { color:#2165AE; }
.footer-bottom button.cx-cookie-link { color:#454C4D; background:none; border:none; padding:0; margin-left:1rem; cursor:pointer; font-family:inherit; font-size:inherit; }
.footer-bottom button.cx-cookie-link:hover { color:#2165AE; }

/* Footer-Typografie (vereinheitlicht, Referenz frontida-karriere) */
footer, footer * { font-family: 'Open Sans', sans-serif; }
footer h5, .footer-col h5 { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4; margin-bottom: 1rem; color: #1C3A6E; }
footer p, .footer-col p, footer span, footer li, .footer-bottom span { font-size: 0.84rem; font-weight: 400; line-height: 1.65; letter-spacing: 0; }
.footer-col a { font-size: 0.84rem; font-weight: 400; line-height: 1.65; letter-spacing: 0; display: block; }
.footer-brand p { font-size: 0.85rem; font-weight: 400; line-height: 1.65; }
.footer-bottom, .footer-bottom a, .footer-bottom button { font-size: 0.77rem; font-weight: 400; line-height: 1.5; }

/* Tablet */
@media (max-width:900px){ .footer-grid { grid-template-columns:1fr 1fr; } }

/* Mobile (identische Werte wie bisher auf allen Seiten) */
@media (max-width:600px){
  .footer-grid { grid-template-columns:1fr; }
  footer { padding:2rem 5% 1.2rem; }
  .footer-brand { text-align:center; }
  .footer-brand img { height:100px !important; margin:0 auto 0.6rem; display:block; }
  .footer-brand p { max-width:280px; margin:0 auto; }
  .footer-social { justify-content:center; }
  .footer-col h5 { margin-bottom:0.6rem; }
  .footer-bottom { flex-direction:column; align-items:center; text-align:center; gap:0.4rem; }
}


/* Telefon-Glyphe in Anruf-Buttons und Links: groesser und sauber zentriert */
.tel-ico { font-size: 1.3em; line-height: 1; display: inline-block; }

/* ===== Floating-CTA am Desktop: kompaktes Icon-Dock (User-Wahl Var. 1) =====
   Runde Icon-Knoepfe (Sonne = Tagespflege, Hoerer = Beratung), Text
   faehrt bei Hover aus. Mobil unveraendert (Icons dort ausgeblendet). */
.fpf-ico { display: none; }
@media (min-width: 901px) {
  .fpf-wrap { width: auto; gap: 0.5rem; align-items: flex-end; }
  .fpf-wrap .fpf-btn { width: auto; max-width: 52px; height: 52px; padding: 0 16px; border-radius: 26px; white-space: nowrap; overflow: hidden; animation: none; transition: max-width 0.3s ease; align-self: flex-end; justify-content: flex-start; box-shadow: 0 4px 14px rgba(0,0,0,0.22); }
  .fpf-ico { display: flex; flex-shrink: 0; }
  .fpf-lbl { margin-left: 0.6rem; opacity: 0; transition: opacity 0.2s ease 0.05s; }
  .fpf-wrap .fpf-btn:hover { max-width: 380px; }
  .fpf-wrap .fpf-btn:hover .fpf-lbl { opacity: 1; }
}

/* Footer-Spaltentitel sind jetzt h4 (Ueberschriften-Reihenfolge);
   identische Optik wie die fruehere h5-Regel */
footer h4, .footer-col h4 { color:#1C3A6E; font-size:0.78rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; line-height:1.4; margin:0 0 1rem; }