/* FörderDigital – Mobile & Motion (gemeinsam für alle Seiten, wird nach den Seiten-Styles geladen) */

/* Alter Desktop-Mauszeiger: auf Touch-Geräten nie anzeigen (erzeugte schwarzen Kreis unter dem Footer) */
.cur,#cur{display:none!important}

/* ── Logo-Bänder: nahtlose Schleife, GPU-beschleunigt ── */
@keyframes tb{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.rb-track,.tb-track{gap:0!important;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.rb-l{margin-right:76px}
.tb-logo{margin-right:72px}
/* Auf Touch-Geräten bleibt :hover nach dem Antippen hängen – dann darf nichts stehen bleiben */
@media (hover:none){
  .refband:hover .rb-track,.trustband:hover .tb-track{animation-play-state:running!important}
  .tw-wall:not(.paused):hover .tw-track,.tw-wall:not(.paused):focus-within .tw-track{animation-play-state:running!important}
  .refband:hover .rb-l{opacity:.86!important}
}
@media (max-width:760px){
  .rb-l{margin-right:44px;--rh:30px}
  .rb-track{animation-duration:24s!important}
  .tb-logo{margin-right:40px}
  .tb-track{animation-duration:22s!important}
  .tb-logo img{max-width:150px}
}

/* ── Team-Slider: schneller, heller, alle Köpfe auch mobil ── */
.tw-track{will-change:transform;backface-visibility:hidden}
@media (max-width:960px){
  .tw-wall{height:560px!important}
  .tw-card img{filter:brightness(.9) saturate(1)!important}
  .tw-card{box-shadow:0 18px 40px -22px rgba(63,211,255,.45)}
  .tw-card.m-lit{border-color:rgba(63,211,255,.75)!important;box-shadow:0 0 0 1px rgba(63,211,255,.45),0 18px 44px -14px rgba(63,211,255,.65)}
  .tw-card.m-lit img{filter:brightness(1.05) saturate(1.05)!important}
}

/* ── Startseite: Zeitleiste „Vom Audit zur Umsetzung“ (Text lief Buchstabe für Buchstabe) ── */
@media (max-width:720px){
  .au-flow li{display:grid!important;grid-template-columns:46px 1fr;column-gap:14px;row-gap:2px;align-items:center;text-align:left}
  .au-flow li i{grid-row:span 2;align-self:start}
  .au-flow li b{flex:none!important}
  .au-flow li span{padding-left:0!important;margin-top:0!important;max-width:none}
}

/* ── Scroll-Fortschritt (mobil) ── */
.m-prog{position:fixed;left:0;top:0;height:3px;width:100%;z-index:10000;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#B8F1FF,#3FD3FF,#19B7F0);box-shadow:0 0 12px rgba(63,211,255,.7)}
@media (min-width:961px){.m-prog{display:none}}

/* ── Mobile Scroll-Animationen (von nav.js gesetzt) ── */
@media (max-width:960px){
  .m-rv{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--md,0s)}
  .m-rv.m-l{transform:translate3d(-26px,0,0)}
  .m-rv.m-r{transform:translate3d(26px,0,0)}
  .m-rv.m-s{transform:translate3d(0,22px,0) scale(.94)}
  .m-rv.m-in{opacity:1;transform:none}
  .m-zoom{overflow:hidden}
  .m-zoom>img,.m-zoom img.m-zi{transform:scale(1.14);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
  .m-zoom.m-in>img,.m-zoom.m-in img.m-zi{transform:none}
  .m-bar{position:relative}
  .m-bar::after{content:"";position:absolute;left:0;bottom:-8px;height:2px;width:0;background:linear-gradient(90deg,#3FD3FF,rgba(63,211,255,0));transition:width 1s .25s cubic-bezier(.2,.7,.2,1)}
  .m-bar.m-in::after{width:64px}
  .m-tap{transition:transform .15s}
  .m-tap:active{transform:scale(.97)}
}
@media (prefers-reduced-motion:reduce){.m-rv,.m-zoom img{opacity:1!important;transform:none!important;transition:none!important}.m-prog{display:none}}

/* ── Allgemeiner Mobile-Feinschliff ── */
@media (max-width:760px){
  html,body{overflow-x:clip}
  h1,h2{text-wrap:balance}
  p{text-wrap:pretty}
  .btn{min-height:48px}
}

/* Startseite: Rechner-Ergebnis ohne dreizeilige Beträge */
@media (max-width:520px){
  .calc-out{grid-template-columns:.7fr 1.3fr!important;gap:10px!important}
  .calc-out div{padding:14px!important}
  .calc-out b{font-size:1.22rem!important;overflow-wrap:normal!important;white-space:nowrap}
  .calc-out div.hi::after{width:56px;height:56px;right:-18px;bottom:-18px}
}