/* Gemeinsamer Fuß aller Seiten: Marke, Navigation, LinkedIn, Rechtliches */
.site-foot { padding: clamp(80px, 9vw, 128px) 0 48px; color: #b9b4ab; font-size: 16px; }
.site-foot .page { display: grid; gap: 56px; }
.site-foot-main { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr); gap: 48px; align-items: start; }
.site-foot-brand strong { display: block; font-family: "Bodoni Moda", "Didot", serif; font-weight: 400; font-size: 32px; color: #f3f0ea; margin-bottom: 10px; }
.site-foot-brand span { display: block; max-width: 22em; }
.site-foot-brand span::after { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #ffc800; margin-left: 4px; }
.site-foot nav { display: grid; gap: 10px; }
.site-foot a { color: inherit; text-decoration: none; transition: color .25s; }
.site-foot a:hover { color: #f3f0ea; }
.site-foot-linkedin { display: inline-flex; align-items: center; gap: 16px; padding: 18px 22px; background: #111; color: #f3f0ea !important; transition: background .25s; }
.site-foot-linkedin:hover { background: #1c1c1c; }
.site-foot-linkedin svg { width: 28px; height: 28px; flex: none; fill: #f3f0ea; }
.site-foot-linkedin small { display: block; color: #b9b4ab; font-size: 14px; }
.site-foot-linkedin b { font-weight: 500; }
.site-foot-legal { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; font-size: 14px; }
.site-foot-legal nav { display: flex; gap: 28px; }
@media (max-width: 860px) {
  .site-foot-main { grid-template-columns: 1fr; gap: 40px; }
}