/* EA Premium Motion 2026-09-05
   Hochwertige, Apple-inspirierte Bewegungen ohne fremde Bibliotheken. */
:root{--ea-ease:cubic-bezier(.22,1,.36,1);--ea-ease-soft:cubic-bezier(.16,1,.3,1);--ea-glow:rgba(45,116,200,.16)}
html{scroll-behavior:smooth}
body.ea-premium-ready{overflow-x:hidden}
.ea-scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:100500;background:linear-gradient(90deg,#173a6a,#3a83d6,#80b8f2);box-shadow:0 1px 10px rgba(45,116,200,.35);pointer-events:none}
body.ea-premium-ready header{position:sticky;top:0;z-index:9990;background:rgba(255,255,255,.76)!important;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid rgba(17,50,82,.08);transition:box-shadow .35s var(--ea-ease),background .35s var(--ea-ease)}
body.ea-premium-ready.ea-scrolled header{box-shadow:0 12px 35px rgba(17,50,82,.08);background:rgba(255,255,255,.9)!important}
body.ea-premium-ready .hero{position:relative;isolation:isolate;overflow:hidden;background-size:cover;background-position:center;will-change:background-position}
body.ea-premium-ready .hero:before{content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(circle at var(--ea-mx,65%) var(--ea-my,20%),rgba(255,255,255,.7),transparent 28%),radial-gradient(circle at 20% 80%,rgba(124,188,255,.18),transparent 30%);pointer-events:none;transition:opacity .4s ease}
body.ea-premium-ready .hero .wrap{position:relative;z-index:1;transition:transform .2s linear}
body.ea-premium-ready h1,body.ea-premium-ready h2{letter-spacing:-.035em;text-wrap:balance}
body.ea-premium-ready .lead{text-wrap:pretty}
.ea-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(4px);transition:opacity .85s var(--ea-ease-soft),transform .95s var(--ea-ease-soft),filter .7s ease}
.ea-reveal.ea-visible{opacity:1;transform:none;filter:none}
.ea-reveal[data-ea-delay="1"]{transition-delay:.07s}.ea-reveal[data-ea-delay="2"]{transition-delay:.14s}.ea-reveal[data-ea-delay="3"]{transition-delay:.21s}.ea-reveal[data-ea-delay="4"]{transition-delay:.28s}
body.ea-premium-ready .card,body.ea-premium-ready .vehicle,body.ea-premium-ready .post-card,body.ea-premium-ready .seo-local-box{transition:transform .45s var(--ea-ease),box-shadow .45s var(--ea-ease),border-color .35s ease;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){body.ea-premium-ready .card:hover,body.ea-premium-ready .vehicle:hover,body.ea-premium-ready .post-card:hover,body.ea-premium-ready .seo-local-box:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(17,50,82,.12);border-color:rgba(45,116,200,.25)}}
body.ea-premium-ready .btn{position:relative;overflow:hidden;transition:transform .35s var(--ea-ease),box-shadow .35s var(--ea-ease),background .25s ease}
body.ea-premium-ready .btn:after{content:"";position:absolute;top:-70%;left:-60%;width:45%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg) translateX(-220%);transition:transform .75s var(--ea-ease);pointer-events:none}
@media(hover:hover){body.ea-premium-ready .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(17,50,82,.13)}body.ea-premium-ready .btn:hover:after{transform:rotate(18deg) translateX(520%)}}
body.ea-premium-ready .vehicle img,body.ea-premium-ready .showcase img,body.ea-premium-ready .ownerblock img{transition:transform .8s var(--ea-ease),filter .5s ease;will-change:transform}
@media(hover:hover){body.ea-premium-ready .vehicle:hover img,body.ea-premium-ready .showcase img:hover{transform:scale(1.035)}}
body.ea-premium-ready .showcase{perspective:1200px}
body.ea-premium-ready .showcase img{box-shadow:0 18px 45px rgba(15,45,75,.1)}
.ea-premium-section-line{height:1px;background:linear-gradient(90deg,transparent,rgba(45,116,200,.22),transparent);margin:0 auto;max-width:1180px}
.ea-float-orb{position:fixed;pointer-events:none;border-radius:50%;filter:blur(55px);opacity:.08;z-index:-1;width:360px;height:360px;background:#4c9aef;right:-160px;top:25vh;transform:translate3d(0,var(--ea-orb-y,0),0)}
.ea-local-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.ea-local-link{display:block;background:linear-gradient(145deg,#fff,#f5faff);border:1px solid rgba(17,50,82,.1);border-radius:18px;padding:17px;text-decoration:none;box-shadow:0 8px 24px rgba(17,50,82,.05);transition:transform .35s var(--ea-ease),box-shadow .35s var(--ea-ease)}.ea-local-link b{display:block;color:#173a6a;margin-bottom:5px}.ea-local-link span{color:#637b91;font-size:14px}.ea-local-link:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,50,82,.1)}
.ea-premium-kpi{font-variant-numeric:tabular-nums}
@media(max-width:900px){.ea-local-links{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ea-local-links{grid-template-columns:1fr}.ea-reveal{transform:translate3d(0,20px,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ea-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.ea-scroll-progress,.ea-float-orb{display:none!important}body.ea-premium-ready .card,body.ea-premium-ready .vehicle,body.ea-premium-ready .post-card,body.ea-premium-ready .btn,body.ea-premium-ready img{transition:none!important;transform:none!important}}


/* EA Mobile Safari Stabilität 2026-09-06
   Auf Mobilgeräten niemals Inhalte verstecken, während auf IntersectionObserver gewartet wird. */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
  .ea-reveal,
  .ea-reveal.ea-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    visibility: visible !important;
    transition: none !important;
  }
  body.ea-premium-ready .card,
  body.ea-premium-ready .vehicle,
  body.ea-premium-ready .post-card {
    transform: none !important;
  }
}
