/* =====================================================================
   Grosses Logo oben in der Fusszeile - gilt fuer alle Landingpages.

   Kadirs Vorgabe (05.11.2026, Vorbild: Fusszeile von STRIVE): Die
   Wortmarke "IMPACT - F" steht unten gross ueber die ganze Breite.
   fusszeilen-logo.js setzt sie vor die Fusszeile (Kopie der Wortmarke
   aus .footer-marke__logo) und blendet das kleine Logo dann aus.
   Ohne Skript bleibt alles wie vorher.
   ===================================================================== */

.fusszeilen-logo {
  display: block;
  color: #FFFFFF;
  padding: clamp(3rem, 8vw, 7rem) 0 clamp(1rem, 2vw, 1.5rem);
}
.fusszeilen-logo svg {
  display: block;
  width: 100%;
  height: auto;
}
/* Buchstaben sind Flaechen, der Strich ist eine Kontur. Die SVG der
   Kopfzeile setzt .cls-1 seitenweit auf Dunkel, daher !important. */
.fusszeilen-logo svg path { fill: currentColor !important; }
.fusszeilen-logo svg line,
.fusszeilen-logo svg .cls-1 { stroke: currentColor !important; stroke-width: 16px; }

/* Die Zeile darunter mit kleinem Logo, Claim und den Marken (Impact One,
   MarkenKlar, Brand Design Summit) entfaellt (Kadir, 05.11.2026: "nimm
   das unten mal raus"). Unter dem grossen Logo folgt direkt die Zeile mit
   Anschrift und Rechtstexten. Ohne Skript bleibt alles wie vorher. */
.hat-fusszeilen-logo .footer-marke { display: none; }
.hat-fusszeilen-logo .footer-marke ~ .footer-bottom { margin-top: clamp(2rem, 4vw, 3rem); }

/* Helle Fusszeile mit Spalten (Rechtstexte, Danke- und Lead-Seiten): Die
   Spalten mit Impressum, Datenschutz und AGB bleiben, nur das kleine Logo
   ueber dem Kurztext entfaellt. Die Farbe setzt das Skript (dunkel). */
.hat-fusszeilen-logo .footer-brand > svg { display: none; }
.hat-fusszeilen-logo .footer-grid { margin-top: clamp(1rem, 2vw, 1.5rem); }