/* ============================================================
   Georg Recruiting – wiederverwendbarer Footer für statische
   Unterseiten. 1:1 zum Startseiten-Footer (.site-footer in main.css),
   self-contained: eigene grfoot-* Klassen + hardcodete Marken-Farben
   + Inter, damit es NICHT mit dem jeweiligen Seiten-Theme kollidiert.
   ============================================================ */
.grfoot{background:#001533;color:#cce0fd;padding:clamp(3rem,2rem + 4vw,5rem) 0 0;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;z-index:2}
.grfoot *,.grfoot *::before,.grfoot *::after{box-sizing:border-box}
.grfoot a{color:inherit;text-decoration:none}
.grfoot-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1.1rem,0.6rem + 2vw,2rem)}
.grfoot-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem;padding-block:clamp(2.5rem,1.5rem + 3vw,4rem)}
.grfoot-logo{width:180px;height:auto;display:block;margin-bottom:1.2rem;filter:brightness(0) invert(1)}
.grfoot-brand address{font-style:normal;font-size:.875rem;line-height:1.9;color:#cce0fd}
.grfoot-brand address a:hover{color:#fff}
.grfoot-col h4{color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-weight:600}
.grfoot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.grfoot-col li{margin:0}
.grfoot-col a{font-size:.875rem;color:#cce0fd;transition:color .2s}
.grfoot-col a:hover{color:#fff}
.grfoot-card{padding:1.3rem;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.grfoot-card .who{font-weight:600;color:#fff}
.grfoot-card .role{font-size:.875rem;color:#7ccbff;margin-bottom:.8rem}
.grfoot-card a{display:block;font-size:.875rem;margin-bottom:.8rem;color:#cce0fd}
.grfoot-card a:hover{color:#fff}
.grfoot-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-bottom:0;padding:.7rem 1.2rem;border-radius:999px;background:#fff;color:#001533;font-weight:600;transition:background .2s,transform .2s}
.grfoot-btn:hover{transform:translateY(-1px);background:#eaf2fe;color:#001533}
.grfoot-social{display:flex;gap:.6rem}
.grfoot-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:background .2s,transform .2s}
.grfoot-social a:hover{background:#0062f4;transform:translateY(-2px)}
.grfoot-social svg{width:18px;height:18px;color:#fff}
.grfoot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.6rem;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;color:rgba(204,224,253,.7)}
.grfoot-bottom nav{display:flex;gap:1.2rem}
.grfoot-bottom a:hover{color:#fff}
@media(max-width:900px){.grfoot-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grfoot-main{grid-template-columns:1fr}.grfoot-bottom{flex-direction:column}}
