/* ==========================================================================
   Footer · beide Varianten (Strom: bewertungen-einordnung) · Version D
   .foot = Homepage, .foot.foot--compact = derselbe Footer auf der Kontaktseite ohne Spalten (Polish Abschnitt 14 und 20).
   ========================================================================== */
/* ---------------- Footer ----------------
   B's Organisation: oben die Spalten (Fassung 5), darunter das große Logo als Fundament mit Bewertungszeile,
   in der Mitte die Kanäle, rechts die eigenen Hinweis-Symbole (Schloss, Österreich als drei Bänder, Dokument mit Haken).
   Ruhiges Band eine Stufe heller, oben eine Haarlinie. Keine Rundung, keine Überlappung. */
/* Gleiche Grundfarbe wie die Seite (Marcel 15.10), abgesetzt nur über die Haarlinie oben */
.foot { padding-block: clamp(3.5rem, 3rem + 3vw, 6rem) 1.5rem; background: var(--bg); box-shadow: inset 0 1px 0 var(--line-2); }
.foot__cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 2rem; padding-bottom: clamp(2.5rem, 4vw, 4rem); }
.foot__h { font-size: 1rem; font-weight: 650; letter-spacing: -.01em; color: var(--text); margin-bottom: 1.1rem; } /* Feinschliff 15.10: Spaltenüberschriften klar über den Links (heller, kräftiger, mehr Abstand) */
.foot__cols ul { display: grid; gap: .5rem; }
.foot__cols a { display: inline-flex; align-items: center; gap: .35rem; min-height: 2rem; font-size: .9375rem; color: var(--text-2); transition: color var(--t-fast); }
.foot__cols a:hover, .foot__cols a:focus-visible { color: var(--text); }
.foot__plain { display: inline-flex; align-items: center; min-height: 2rem; font-size: .9375rem; color: var(--text-3); } /* Ziel folgt: kein Link */
.foot__cols .foot__all { font-weight: 650; color: var(--text); }
.foot__ground { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: 2rem; padding-block: clamp(2.5rem, 4vw, 4rem) 2rem; border-top: 1px solid var(--line); }
.foot__mark { display: grid; gap: 1.25rem; justify-items: start; }
.foot__logo { display: block; padding-block: .25rem; }
.foot__logo img { width: clamp(12rem, 8rem + 12vw, 21rem); }
.foot__social { display: grid; gap: .6rem; justify-items: center; justify-self: center; }
.foot__social-ic { display: flex; gap: .5rem; }
.foot__social a { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: var(--r-md); background: var(--surface-2); box-shadow: var(--ring); color: var(--text-2); transition: background var(--t-mid) var(--ease), color var(--t-mid) var(--ease); }
.foot__social a:hover { color: var(--text); background: var(--surface-3); }
.foot__social svg { width: 20px; height: 20px; }
.tsym { display: grid; gap: .6rem; justify-items: end; justify-self: end; }
.tsym li { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; font-size: var(--fs-meta); color: var(--text-2); }
.tsym svg { width: 20px; height: 20px; color: var(--text-2); }
.foot__ground > .tsym { grid-column: 3; }
.tsym .r { fill: var(--red); } .tsym .rs { stroke: var(--red); }
.foot__base { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 2rem; padding-block: 1rem; border-top: 1px solid var(--line); }
.foot__copy { font-size: var(--fs-meta); color: var(--text-3); }
.foot__legal { display: flex; flex-wrap: wrap; gap: 0 1.5rem; font-size: var(--fs-small); color: var(--text-2); }
.foot__legal a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.foot__legal a:hover { color: var(--text); }
.foot .proto { padding-top: .75rem; }
@media (max-width: 899px) {
  .foot__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .foot__ground { grid-template-columns: 1fr; align-items: start; }
  .foot__social, .tsym { justify-self: start; justify-items: start; }
  .foot__ground > .tsym { grid-column: auto; }
  .foot__base { flex-direction: column-reverse; align-items: flex-start; }
}
@media (max-width: 359px) { .foot__cols { grid-template-columns: 1fr; } }


/* ---------------- Kontaktseite: derselbe Footer ohne Spalten (Polish Abschnitt 20) ----------------
   .foot--compact = .foot ohne .foot__cols. Alles Übrige (Logo, Bewertungsnachweis, Symbole, Fußzeile) ist identisch;
   nur die Haarlinie über dem Fundament entfällt, weil darüber keine Spalten stehen (die Fläche hat oben ihre eigene Linie). */
.foot--compact .foot__ground { border-top: 0; padding-top: 0; }

/* Mobil (Marcel 15.10): das Fundament ab dem Logo zentriert, passend zum zentrierten Header und Hero.
   Die Linkspalten darüber bleiben linksbündig. Gilt für .foot und .foot--compact. */
@media (max-width: 767px) {
  .foot__ground { justify-items: center; text-align: center; }
  .foot__mark, .foot__social, .tsym { justify-self: center; justify-items: center; }
  .foot__mark > * { justify-content: center; }
  .tsym li { justify-content: center; }
  .foot__base { align-items: center; text-align: center; }
  .foot__legal { justify-content: center; }
}