/* Desktop-Effekte (nur Maus + >=1024px, aus bei reduzierter Bewegung) */
.fx-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent,#1F3FBF),#4F6BFF)}
.fx-net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.2s cubic-bezier(.2,.8,.2,1)}
.fx-net.on{opacity:1}
.hero>.wrap{position:relative;z-index:1}
.fx .hero-mark{transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}
.fx-tilt{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.fx-tilt:hover{box-shadow:0 22px 50px -24px rgba(15,20,36,.35)}
.fx-tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(79,107,255,.12),transparent 45%)}
.fx-tilt:hover::after{opacity:1}
.fx .btn{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fx-glow{position:relative}
.fx-glow::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s;background:radial-gradient(600px circle at var(--gx,50%) var(--gy,50%),rgba(79,107,255,.16),transparent 50%)}
.fx-glow:hover::before{opacity:1}
.fx-glow>*{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){html:not(.motion-on) .fx-progress,html:not(.motion-on) .fx-net{display:none}html:not(.motion-on) .fx-tilt,html:not(.motion-on) .fx .btn,html:not(.motion-on) .fx .hero-mark{transform:none!important;transition:none!important}}

/* Vertrauens-Leiste (alle Geräte) */
.trust-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust-item{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--line,#e6e4de);border-radius:var(--r-s,14px);background:var(--paper,#fff);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,opacity .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0ms)}
.trust-item h3{font-size:17px;margin:2px 0 4px}.trust-item p{margin:0;color:var(--mute,#666);font-size:15px}
.trust-ico{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--accent,#1F3FBF);background:rgba(31,63,191,.08)}
.trust-ico svg{width:26px;height:26px}
.fj .trust-item:not(.on){opacity:0;transform:translateY(16px)}
.fj .trust-item svg *{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0ms) + 200ms)}
.fj .trust-item.on svg *{stroke-dashoffset:0}
.t-rec{display:grid;grid-template-columns:1fr auto;gap:12px 20px;align-items:center;margin:0 0 20px;padding:18px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}
.t-rec b{font-size:20px}.t-rec small{display:block;opacity:.8;margin-top:4px}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.trust-grid{grid-template-columns:1fr}.t-rec{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html:not(.motion-on) .fj .trust-item:not(.on){opacity:1;transform:none}html:not(.motion-on) .fj .trust-item svg *{stroke-dashoffset:0;transition:none}}
/* Desktop: Überschriften Wort für Wort */
.fx .wr{display:inline-block;opacity:0;transform:translateY(.45em);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*45ms)}
.fx .wr-on .wr{opacity:1;transform:none}
.motion-sw{position:fixed;left:16px;bottom:16px;z-index:70;font:600 14px var(--body,system-ui);padding:10px 16px;border-radius:999px;border:1.5px solid var(--line-2,#ccc);background:var(--paper,#fff);color:var(--ink,#16181D);box-shadow:0 8px 24px -10px rgba(15,20,36,.35);cursor:pointer}
.motion-sw:hover{border-color:var(--accent,#1F3FBF);color:var(--accent,#1F3FBF)}
@media (max-width:700px){.motion-sw{bottom:78px}}

/* Ratgeber-Text */
.prose h3{font-size:clamp(20px,2.2vw,26px);margin:36px 0 10px}.prose h3:first-child{margin-top:8px}.prose p{font-size:17px;line-height:1.75;color:var(--ink-2,var(--ink,#16181D));max-width:68ch;margin:0}
/* Kontrast-Fixes (axe, WCAG 1.4.3) */
.best .price small{color:#B4B9C4!important}.note a{color:inherit!important;text-decoration:underline}