/* ============================================================================
   Eigener Footer „Kompakt modern" (functions/footer.php). Ersetzt den HFE-Footer.
   Liegt ausserhalb .isb-page -> literale Marken-Farben.
   Navy-deep #14233f · Cyan #36afd8 · Gold #f3b100.
   ========================================================================== */
.ift{ width:100%; background:#14233f; color:#cdd6e2; font-size:15px; line-height:1.5; }
.ift a{ color:#cdd6e2; text-decoration:none; transition:color .15s; }
.ift a:hover{ color:#fff; }
/* Elementor-Kit setzt global `body.elementor-kit-10 a { color:#1e456c }` (Spezifität
   0-0-1-2) und schlägt damit `.ift a` -> die Footer-Links standen navy auf navy-deep,
   praktisch unsichtbar. Hier mit 2 Klassen (0-0-2-1) sicher zurückholen; der Wordmark
   ist ein <span> (kein <a>) und bleibt unberührt weiß. */
.ift .ift__row a{ color:#d3dcea; }
.ift .ift__row a:hover{ color:#fff; }
.ift .ift__legal a{ color:#e6ecf4; }
.ift .ift__legal a:hover{ color:#fff; }
.ift__inner{ max-width:1160px; margin:0 auto; padding:0 24px; }

/* Kontakt-/Hilfe-Zeile oben */
.ift__contact{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.10); }
.ift__lead{ margin-right:auto; }
.ift__lead strong{ display:block; color:#fff; font-size:17px; font-weight:700; }
.ift__lead span{ color:#9fb0c6; font-size:13.5px; }
.ift__cta{ display:flex; gap:14px; flex-wrap:wrap; }
.ift__chip{ display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:10px 16px; line-height:1.25; }
.ift__chip:hover{ background:rgba(255,255,255,.11); color:#fff; }
.ift__ico{ width:22px; height:22px; flex:0 0 22px; color:#36afd8; }
.ift__chip--phone .ift__ico{ color:#f3b100; }
.ift__chiptxt{ display:flex; flex-direction:column; }
.ift__chiptxt b{ color:#fff; font-size:15.5px; font-weight:700; }
.ift__chiptxt small{ color:#9fb0c6; font-size:12px; }

/* gruppierte Link-Reihen: Marke links, die beiden Spalten rechts zusammen */
.ift__groups{ display:flex; justify-content:space-between; gap:28px 56px; flex-wrap:wrap; align-items:flex-start; padding:26px 0 24px; }
.ift__cols{ display:flex; gap:32px 56px; flex-wrap:wrap; }
.ift__group{ min-width:0; }
.ift__group h4{ color:#8ea3bd; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin:0 0 12px; }
.ift__row{ display:flex; gap:8px 22px; flex-wrap:wrap; align-items:center; }
.ift__row a{ position:relative; padding:3px 0; font-size:15px; }
.ift__row a:not(:last-child)::after{ content:""; position:absolute; right:-12px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:rgba(255,255,255,.16); }
.ift__brand{ flex:1 1 240px; max-width:360px; }
.ift__wordmark{ display:inline-flex; align-items:baseline; gap:2px; font-size:20px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.ift__dot{ color:#36afd8; }
.ift__brand p{ color:#8ea3bd; font-size:13px; margin:8px 0 0; max-width:240px; }

/* schmale Bottom-Bar */
.ift__bottom{ border-top:1px solid rgba(255,255,255,.10); padding:16px 0; display:flex; align-items:center; gap:12px 20px; flex-wrap:wrap; font-size:13px; }
.ift__legal{ display:flex; gap:8px 18px; flex-wrap:wrap; align-items:center; }
.ift__legal a{ color:#e6ecf4; font-size:13px; }
.ift__legal a:hover{ color:#fff; }
.ift__copy{ margin-left:auto; color:#7d8ea6; font-size:13px; }

@media (max-width:640px){
	.ift__inner{ padding:0 18px; }
	.ift__contact{ gap:16px; padding:22px 0; }
	.ift__lead{ margin-right:0; flex:1 1 100%; }
	.ift__cta{ flex:1 1 100%; }
	.ift__chip{ flex:1 1 100%; }
	.ift__groups{ gap:22px; padding:22px 0; }
	.ift__brand{ flex:1 1 100%; max-width:none; }
	.ift__cols{ flex:1 1 100%; gap:22px; }
	.ift__group{ flex:1 1 100%; }
	.ift__bottom{ flex-direction:column; align-items:flex-start; gap:10px; }
	.ift__copy{ margin-left:0; }
}