/* Zusätzliche ruhige Animationen */
@media (prefers-reduced-motion: no-preference) {
  .btn { transition: transform .35s cubic-bezier(.2,.7,.2,1), background .3s, border-color .3s, box-shadow .3s, color .3s; }
  .btn:hover { transform: translateY(-2px); }
  .btn-primary:hover { box-shadow: 0 14px 34px -8px rgba(249,148,31,.35); }
  .svc { transition: transform .5s cubic-bezier(.2,.7,.2,1), background .35s; }
  .svc:not(.cta):hover { transform: translateY(-3px); background: rgba(249,148,31,.04); }
  .lcard, .pillar, .kcard, .cs-card { will-change: transform; }
  .pillar { transition: transform .45s cubic-bezier(.2,.7,.2,1), border-color .3s, box-shadow .3s; }
  .pillar:hover { transform: translateY(-4px); }
  .founder-media img { transition: transform 1.4s cubic-bezier(.2,.7,.2,1); }
  .founder-media:hover img { transform: scale(1.03); }
  .phone-row { transition: transform .3s, border-color .3s; }
  .phone-row:hover { transform: translateX(4px); }
  .foot-col a { transition: color .3s, transform .3s; }
  .foot-col a:hover { transform: translateX(3px); }
  .hero-tag .ht { opacity: 0; transform: translateY(6px); animation: htin .7s cubic-bezier(.2,.7,.2,1) forwards; }
  .hero-tag .ht:nth-child(1) { animation-delay: .35s; }
  .hero-tag .ht:nth-child(2) { animation-delay: .5s; }
  .hero-tag .ht:nth-child(3) { animation-delay: .65s; }
  @keyframes htin { to { opacity: 1; transform: none; } }
  .hero h1 .ln { opacity: 0; transform: translateY(14px); animation: lnin .9s cubic-bezier(.2,.7,.2,1) forwards; }
  .hero h1 .ln:nth-child(1) { animation-delay: .1s; }
  .hero h1 .ln:nth-child(2) { animation-delay: .25s; }
  @keyframes lnin { to { opacity: 1; transform: none; } }
  .hero .eyebrow, .hero-sub, .hero-cta { opacity: 0; transform: translateY(10px); animation: lnin .8s cubic-bezier(.2,.7,.2,1) forwards; }
  .hero .eyebrow { animation-delay: .05s; }
  .hero-sub { animation-delay: .55s; }
  .hero-cta { animation-delay: .8s; }
}
/* Mobile Feinschliff */
@media (max-width: 640px) {
  .hero { padding: 110px 0 60px; min-height: 100vh; min-height: 100svh; }
  .hero-tag { gap: 8px 20px; margin-bottom: 30px; }
  .promise-panel { padding: 32px 22px; }
  .panel { padding: 32px 24px; }
  .foot-grid { gap: 34px; margin-bottom: 34px; }
  .foot-bottom { flex-direction: column; gap: 14px; text-align: center; }
  .founder { gap: 34px; }
  .kollektiv-grid { gap: 34px; }
  .contact-grid { gap: 40px; }
  .hero-cta { width: 100%; }
  .hero-cta .btn { flex: 1; justify-content: center; }
  .foot-brand .offices { gap: 6px; }
}