/* netzwerkfaehig 2026-10-10: Handy-Anrufleiste (Include NfCallBar.ss). Farben/Schrift wie Theme: Rot #ff0501, Schwarz, Oswald.
   Nur bis 768 px sichtbar; body bekommt dort Platz unten, damit die Leiste keinen Inhalt verdeckt. */
.nf-callbar { display: none; }
@media (max-width: 768px) {
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  .nf-callbar {
    display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
    background: #000; border-top: 1px solid rgba(255, 255, 255, .15); box-shadow: 0 -2px 12px rgba(0, 0, 0, .35);
  }
  .nf-callbar__btn {
    flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 52px;
    border: 2px solid #ff0501; font-family: Oswald, sans-serif; font-weight: 700; font-size: 1.2rem; line-height: 1;
    letter-spacing: .03em; text-transform: uppercase; text-decoration: none; transition: background-color .2s ease, color .2s ease;
  }
  .nf-callbar__btn--call { background: #ff0501; color: #fff; }
  .nf-callbar__btn--form { background: transparent; color: #fff; }
  .nf-callbar__btn:hover, .nf-callbar__btn:active { background: #fff; color: #000; }
  .nf-callbar__btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
  .nf-callbar__btn svg { flex: none; }
  .nf-callbar__sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) { .nf-callbar__btn { transition: none; } }
@media print { .nf-callbar { display: none !important; } body { padding-bottom: 0; } }