/* Funnel-Schicht 24.09.2026: Termin-Hinweis, Bilder in Fallbeispielen, Foto, Sticky-Knopf am Handy */
.fn-hinweis{margin-top:14px;font-size:14px;color:var(--fg-muted)}
.fn-mit-bild{overflow:hidden}
.fn-fallbild{display:block;margin:-1px -1px 20px}
.fn-fallbild img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.fn-mit-bild:hover .fn-fallbild img{transform:scale(1.03)}
.fn-person{display:grid;grid-template-columns:180px 1fr;gap:clamp(20px,4vw,48px);align-items:center;text-align:left;max-width:900px}
.fn-person img{width:100%;max-width:180px;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid var(--surface-border)}
.fn-terminbox{display:flex;gap:24px;align-items:center;margin:28px 0 12px;padding:24px;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface);text-align:left}
.fn-terminbox img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.fn-terminbox h2{font-size:1.35rem;margin:0 0 6px}
.fn-terminbox p{margin:0 0 16px;color:var(--fg-muted)}
.fn-oder{color:var(--fg-muted);margin:8px 0 0}
.fn-leiste{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;display:none;transform:translateY(160%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.fn-leiste.sichtbar{transform:none}
.fn-leiste .btn{width:100%;justify-content:center;box-shadow:0 12px 40px -8px rgba(0,0,0,.9)}
@media (max-width:760px){
  .fn-leiste{display:block}
  .fn-person{grid-template-columns:1fr;text-align:center;justify-items:center}
  .fn-person img{max-width:140px}
  .fn-terminbox{flex-direction:column;text-align:center}
  .fn-fallbild img{aspect-ratio:16/9}
  body{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.fn-leiste,.fn-fallbild img{transition:none}}