/* ==================================================================== STICKY-MOBILE-CTA — Termin + Anrufen-Bar nur Mobile Eingebunden via in jedem . JS-Erzeugung in sticky-cta.js. ==================================================================== */ .sticky-cta { display: none; } @media (max-width: 768px) { .sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1200; display: flex; gap: 0; background: var(--warm-white, #FBFAF6); border-top: 1px solid rgba(0,0,0,0.08); box-shadow: 0 -4px 16px rgba(0,0,0,0.06); padding: 8px 8px max(8px, env(safe-area-inset-bottom)); } .sticky-cta__btn { flex: 1; min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; font-weight: 600; font-size: 15px; border-radius: 8px; padding: 12px 16px; transition: filter 0.15s ease; } .sticky-cta__btn--primary { background: var(--sage, #5E7250); color: #fff; margin-right: 4px; } .sticky-cta__btn--secondary { background: var(--sand-light, #DCC9A5); color: var(--text, #1A1A1A); margin-left: 4px; } .sticky-cta__btn:focus-visible { outline: 2px solid var(--sage-dark, #3F5234); outline-offset: 2px; } .sticky-cta__btn:active { filter: brightness(0.94); } /* Body-Bottom-Padding so dass Footer nicht überdeckt wird */ body { padding-bottom: 72px; } } @media (prefers-reduced-motion: reduce) { .sticky-cta__btn { transition: none; } } /* Auf Pages mit class="no-sticky-cta" auf ausschalten (Login, Admin) */ body.no-sticky-cta .sticky-cta { display: none !important; }