/* ft-v8.css — Footer. Schwarz, ruhig, drei Linkspalten. Alle Klassen mit ft- Praefix. */
.ft{background:#000;color:#fff;padding:clamp(72px,8vw,96px) 0 0}
.ft-top{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:48px clamp(40px,6vw,96px);padding-bottom:clamp(56px,6vw,72px)}
.ft-logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--v6-font);font-size:1.35rem;font-weight:700;letter-spacing:-.045em;color:#fff}
.ft-logo:hover{color:#fff}
.ft-logo span{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;width:21px;height:21px}
.ft-logo i{background:#fff;border-radius:30%}
.ft-logo i.hl{background:var(--v6-blue)}
.ft-claim{margin-top:28px;font-size:28px;font-weight:700;line-height:36px;color:#fff}
.ft-copy{max-width:380px;margin-top:12px;font-size:16px;line-height:26px;color:#A8A8A8}
.ft-ct{margin-top:22px}
.ft-h{font-size:14px;font-weight:600;line-height:20px;color:#8C8C8C}
.ft-go{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;color:#fff}
.ft-go.ft-pend{color:#A8A8A8}
.ft-go svg{width:15px;height:15px;transition:transform .2s ease}
.ft-go:hover{color:#fff}
a.ft-go:hover svg{transform:translateX(3px)}
.ft-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ft-col ul{list-style:none;margin-top:14px;display:grid;gap:2px}
.ft-col a{display:inline-flex;align-items:center;min-height:36px;font-size:15px;line-height:22px;color:#E6E6E6}
.ft a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--v6-blue);text-decoration-thickness:2px;text-underline-offset:5px}
.ft a:focus-visible{outline:2px solid var(--v6-blue);outline-offset:3px;border-radius:4px}
/* Ausstehende Ziele: sichtbar vorbereitet, aber erkennbar nicht klickbar. */
.ft-pend{display:inline-flex;align-items:center;min-height:36px;font-size:15px;line-height:22px;color:#8C8C8C;cursor:default}
.ft-soc{list-style:none;display:flex;gap:10px;margin-top:20px}
.ft-soc[hidden]{display:none}
.ft-soc a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #333;border-radius:50%;color:#fff}
.ft-soc a:hover{border-color:var(--v6-blue);text-decoration:none}
.ft-soc svg{width:18px;height:18px}
.ft-cr{display:flex;flex-wrap:wrap;gap:4px 16px}
.ft-rel[hidden]{display:none}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:24px 0 32px;border-top:1px solid #262626;font-size:14px;line-height:20px;color:#8C8C8C}
.ft-bot ul{list-style:none;display:flex;gap:24px}
.ft-bot a,.ft-bot .ft-pend{display:inline-flex;align-items:center;min-height:32px;font-size:14px}
.ft-bot a{color:#BDBDBD}
@media(prefers-reduced-motion:reduce){.ft-go svg{transition:none}}
@media(max-width:1100px){.ft-top{grid-template-columns:minmax(0,1fr)}}
.ft-h{white-space:nowrap}
@media(max-width:600px){
  .ft-nav{grid-template-columns:minmax(0,1fr);gap:28px}
  .ft-claim{font-size:24px;line-height:31px}
  .ft-col a,.ft-col .ft-pend{min-height:44px}
  .ft-bot{flex-direction:column;align-items:flex-start}
}

/* ---------- Handy (bis 640 px und quer): Fuss auf das Noetige, auf allen Seiten ---------- */
/* Die Navigation steht im Menue. Am Handy traegt der Fuss nur Marke, Profile, Kontakt und die Spalte
   „Wissen & Rechtliches" (FAQ und Rechtslinks) als eine umbrechende Zeile. Die Spalten „Loesungen" und „modvio"
   treten zurueck, weil jedes ihrer Ziele auch im Menue steht, Kundenstimmen eingeschlossen; Claim und Satz ebenso. */
@media(max-width:640px),(pointer:coarse) and (max-height:520px) and (orientation:landscape){
  .ft{padding-top:28px}
  .ft-top{grid-template-columns:minmax(0,1fr);gap:4px;padding-bottom:14px}
  .ft-top>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}
  .ft-logo{grid-column:1;grid-row:1}
  .ft-soc{grid-column:2;grid-row:1;margin:0}
  .ft-ct{grid-column:1/-1;grid-row:2;margin:0}
  .ft-claim,.ft-copy{display:none}
  .ft-nav{display:block}
  .ft-nav>.ft-col:not(:last-child){display:none}
  .ft-nav>.ft-col:last-child .ft-h{display:none}
  .ft-nav>.ft-col:last-child ul{display:flex;flex-wrap:wrap;gap:0 20px;margin:0}
  /* Impressum, Datenschutz und AGB stehen schon in der Zeile darueber. */
  .ft-bot ul{display:none}
  .ft-bot{padding:12px 0 20px}
}
@media(pointer:coarse){
  .ft-logo{min-height:44px}
  .ft-col a,.ft-col .ft-pend,.ft-bot a,.ft-bot .ft-pend{min-height:44px;min-width:44px}
}