/* ===== MOTION-PAKET START (komplett entfernbar) ===== */
  .card,.bran,.stat{position:relative}
  .card::after,.bran::after,.stat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(166,135,99,.22),transparent 65%)}
  .card:hover::after,.bran:hover::after,.stat:hover::after{opacity:1}
  .sec-head .eyebrow{position:relative}
  @media (prefers-reduced-motion:no-preference){
    .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
    .w>span{display:inline-block;transform:translateY(112%) rotate(4deg);transform-origin:left bottom;transition:transform .9s cubic-bezier(.16,.84,.24,1);transition-delay:calc(var(--i,0)*55ms)}
    .in .w>span,.w-an>span{transform:none}
    html.motion .sec-head .eyebrow::after{content:"";display:block;height:1px;width:0;background:var(--brass);margin-top:.5rem;transition:width .9s cubic-bezier(.16,.84,.24,1) .2s}
    html.motion .sec-head.in .eyebrow::after{width:3.2rem}
    html.motion .fair-liste li{opacity:0;transform:translateX(-14px);transition:opacity .5s ease,transform .5s ease}
    html.motion .fair-box.in .fair-liste li{opacity:1;transform:none}
    html.motion .fair-box.in .fair-liste li:nth-child(1){transition-delay:.25s}
    html.motion .fair-box.in .fair-liste li:nth-child(2){transition-delay:.4s}
    html.motion .fair-box.in .fair-liste li:nth-child(3){transition-delay:.55s}
    html.motion .fair-box.in .fair-liste li:nth-child(4){transition-delay:.7s}
    html.motion .fair-box.in .fair-liste li::before{animation:haken .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:inherit}
    @keyframes haken{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
    .btn-primary,.btn-brass,.btn-ghost{background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .4s cubic-bezier(.2,.7,.2,1),color .25s ease,border-color .25s ease,translate .25s cubic-bezier(.2,.7,.2,1),transform .2s ease}
    .btn-primary{background-image:linear-gradient(var(--brass),var(--brass))}
    .btn-brass{background-image:linear-gradient(var(--ink),var(--ink))}
    .btn-ghost{background-image:linear-gradient(var(--ink),var(--ink))}
    .btn-primary:hover{background-size:100% 100%;background-color:var(--ink);color:var(--ink)}
    .btn-brass:hover{background-size:100% 100%;color:var(--cream)}
    .btn-ghost:hover{background-size:100% 100%;color:var(--cream)}
    .tilt{transition:transform .15s ease-out,box-shadow .25s ease !important;transition-delay:0s !important;will-change:transform}
    .hero-bild{animation:schweben 14s ease-in-out infinite alternate}
    @keyframes schweben{from{translate:0 0}to{translate:0 -10px}}
  }
  /* ===== MOTION-PAKET ENDE ===== */

  /* Partner-Logos als Dauerschleife (von links nach rechts), per motion.js */
  @media (prefers-reduced-motion:no-preference){
    .logos.lauf{display:block;overflow:hidden;background:transparent;border:0;border-radius:0;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
    .logos.lauf .logos-spur{display:flex;width:max-content;animation:logoLauf 50s linear infinite}
    .logos.lauf:hover .logos-spur{animation-play-state:paused}
    .logos.lauf .logo-cell{flex:none;width:220px;margin-right:.8rem;border:1px solid var(--line);border-radius:var(--radius)}
    @keyframes logoLauf{from{transform:translateX(-50%)}to{transform:translateX(0)}}
    @media (max-width:600px){.logos.lauf .logo-cell{width:170px;height:100px}.logos.lauf .logos-spur{animation-duration:42s}}
  }