/* =====================================================================
   HSM – Gemeinsamer Footer (identisch auf allen Seiten)
   Einzige Quelle für Footer-Styling. Harte Farben (keine Seiten-
   Variablen), !important setzt sich gegen alte Inline-Regeln durch.
   ===================================================================== */
.footer{background:#0d0d0d!important;padding:72px 0 0!important;position:relative!important;overflow:hidden!important;color:#fff}
.footer .container{position:relative!important;z-index:1!important}
.footer-wm{position:absolute!important;left:50%!important;bottom:-5%!important;transform:translateX(-50%)!important;width:120%!important;max-width:1800px!important;opacity:.025!important;pointer-events:none!important;z-index:0!important}
.footer-wm img,.footer-wm svg{width:100%!important;height:auto!important;display:block!important;fill:#fff!important}

/* Spaltenraster */
.footer-g{display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr!important;gap:42px!important;padding-bottom:48px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}

/* Marken-Spalte */
.fb-logo{height:42px!important;width:auto!important;filter:brightness(0) invert(1)!important;margin-bottom:18px!important;display:block}
.fb-tg{font-size:.86rem!important;color:rgba(255,255,255,.5)!important;line-height:1.7!important;margin:0 0 22px!important;max-width:260px!important}
.f-soc{display:flex!important;gap:10px!important;margin-bottom:22px!important}
.f-sl{width:38px!important;height:38px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:rgba(255,255,255,.6)!important;transition:background .3s,color .3s,transform .3s!important;text-decoration:none!important}
.f-sl:hover{background:#00a0dd!important;color:#fff!important;transform:translateY(-2px)!important}
.f-sl svg{width:18px!important;height:18px!important;fill:currentColor!important}

/* Link-Spalten */
.fc h4{font-weight:700!important;font-size:.78rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(255,255,255,.92)!important;margin-bottom:18px!important}
.fc ul{list-style:none!important;margin:0!important;padding:0!important}
.fc ul li{margin-bottom:10px!important}
.fc ul li a{font-size:.85rem!important;color:rgba(255,255,255,.5)!important;transition:color .2s!important;text-decoration:none!important}
.fc ul li a:hover{color:#00a0dd!important}

/* Unterleiste */
.f-bot{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:22px 0!important;flex-wrap:wrap!important;gap:16px!important}
.f-bot p{font-size:.78rem!important;color:rgba(255,255,255,.6)!important}
.f-bot-l{display:flex!important;gap:20px!important}
.f-bot-l a{font-size:.78rem!important;color:rgba(255,255,255,.6)!important;transition:color .2s!important;text-decoration:none!important}
.f-bot-l a:hover{color:#00a0dd!important}

/* Sichere Verbindung (Tooltip) */
.f-sec-mid{position:relative!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:.74rem!important;color:rgba(255,255,255,.55)!important;cursor:help!important;padding:6px 10px!important;border-radius:8px!important;transition:background .25s!important}
.f-sec-mid:hover{background:rgba(34,197,94,.08)!important}
.f-sec-mid .f-sec-d{width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;animation:secp 2s infinite!important;flex-shrink:0!important}
.f-sec-mid svg{width:13px!important;height:13px!important;stroke:#22c55e!important;fill:none!important;stroke-width:2!important;flex-shrink:0!important}
.f-sec-mid strong{color:#22c55e!important;font-weight:600!important}
.f-sec-tip{position:absolute!important;bottom:calc(100% + 14px)!important;left:auto!important;right:0!important;background:#fff!important;color:#212529!important;padding:20px 22px!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 0 1px rgba(34,197,94,.18)!important;width:min(300px,calc(100vw - 32px))!important;font-size:.82rem!important;line-height:1.55!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(0) translateY(8px)!important;transition:opacity .3s,transform .3s,visibility 0s .3s!important;z-index:50!important;text-align:left!important;font-style:normal!important}
.f-sec-tip::before{content:''!important;position:absolute!important;top:100%!important;left:auto!important;right:30px!important;width:0!important;height:0!important;border-left:10px solid transparent!important;border-right:10px solid transparent!important;border-top:10px solid #fff!important}
.f-sec-tip h5{font-family:'Bebas Neue',Impact,sans-serif!important;font-size:1.1rem!important;letter-spacing:.04em!important;color:#212529!important;margin-bottom:8px!important;display:flex!important;align-items:center!important;gap:8px!important}
.f-sec-tip h5::before{content:''!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.18)!important;flex-shrink:0!important}
.f-sec-tip p{color:#6c757d!important;font-size:.8rem!important;line-height:1.65!important;margin:0 0 10px!important}
.f-sec-tip ul{margin:0!important;padding:0!important;list-style:none!important}
.f-sec-tip ul li{font-size:.76rem!important;color:#343a40!important;padding:4px 0 4px 22px!important;position:relative!important;font-weight:500!important}
.f-sec-tip ul li::before{content:''!important;position:absolute!important;left:2px!important;top:9px!important;width:11px!important;height:6px!important;border-left:2px solid #22c55e!important;border-bottom:2px solid #22c55e!important;transform:rotate(-45deg)!important}
.f-sec-mid:hover .f-sec-tip,.f-sec-mid:focus-within .f-sec-tip{opacity:1!important;visibility:visible!important;transform:translateX(0) translateY(0)!important;transition:opacity .3s,transform .3s,visibility 0s 0s!important}

@keyframes secp{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}

@media(max-width:1100px){.footer-g{grid-template-columns:1fr 1fr 1fr!important;gap:36px!important}.footer-g .fb{grid-column:span 3!important}}
@media(max-width:820px){.footer-g{grid-template-columns:1fr 1fr!important;gap:32px!important}.footer-g .fb{grid-column:span 2!important}}
@media(max-width:480px){.footer-g{grid-template-columns:1fr!important;gap:28px!important}.footer-g .fb{grid-column:span 1!important}}
@media(prefers-reduced-motion:reduce){.f-sec-mid .f-sec-d{animation:none!important}}