/* Echte Ergebnisse & Stimmen – Premium Social Proof */
.sp{position:relative;overflow:hidden;background:radial-gradient(60% 50% at 20% 0%,rgba(77,126,240,.16),transparent 70%),radial-gradient(50% 45% at 85% 100%,rgba(94,231,255,.10),transparent 70%),#070d22}
.sp::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#4d7ef0,#5ee7ff,#9be8c8,#eccb7f,transparent)}
.sp-head{text-align:center;max-width:760px;margin:0 auto clamp(36px,6vw,64px)}
.sp-head h2 em{font-style:italic;background:linear-gradient(100deg,#fdf0d0,#eccb7f 45%,#c8a24b);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-lead{color:#b9c3dc;font-size:17px;line-height:1.6;margin-top:14px}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.sp-item{display:flex;flex-direction:column;gap:28px;min-width:0}
.sp-cert{position:relative;display:block;width:100%;padding:9px;border:0;border-radius:14px;cursor:zoom-in;background:linear-gradient(135deg,#4d7ef0,#5ee7ff 28%,#9be8c8 45%,#fdf0d0 62%,#eccb7f 78%,#c8a24b);box-shadow:0 0 0 1px rgba(253,240,208,.5),0 40px 80px -30px rgba(0,0,0,.9),0 0 50px rgba(94,231,255,.25),0 0 80px rgba(226,182,83,.18);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:sp-float 7s ease-in-out infinite}
.sp-cert::before{content:"";position:absolute;inset:4px;border-radius:11px;background:#0a1230}
.sp-cert::after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:radial-gradient(circle at 0 0,#fdf0d0 0 5px,transparent 6px),radial-gradient(circle at 100% 0,#fdf0d0 0 5px,transparent 6px),radial-gradient(circle at 0 100%,#fdf0d0 0 5px,transparent 6px),radial-gradient(circle at 100% 100%,#fdf0d0 0 5px,transparent 6px)}
.sp-cert img{position:relative;display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px rgba(236,203,127,.9),0 0 0 4px #0a1230,0 0 0 5px rgba(236,203,127,.55)}
.sp-r0{--r:-2.5deg}.sp-r1{--r:1.5deg;animation-delay:-2.3s}.sp-r2{--r:-1deg;animation-delay:-4.6s}
.sp-cert{transform:rotate(var(--r))}
@keyframes sp-float{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(var(--r)) translateY(-8px)}}
.sp-cert:hover,.sp-cert:focus-visible{animation-play-state:paused;transform:rotate(0) scale(1.03);box-shadow:0 0 0 1px rgba(253,240,208,.7),0 50px 90px -30px rgba(0,0,0,.9),0 0 70px rgba(94,231,255,.38),0 0 100px rgba(226,182,83,.28)}
.sp-cert:focus-visible{outline:3px solid #5ee7ff;outline-offset:6px}
.sp-zoom{position:absolute;right:18px;bottom:18px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(10,18,48,.88);color:#eccb7f;border:1px solid rgba(236,203,127,.6);font-size:16px}
.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sp-review{position:relative;margin:0;padding:24px 22px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(9,15,34,.94);border:1px solid rgba(223,188,105,.4);box-shadow:0 24px 50px -24px rgba(0,0,0,.85);flex:1}
.sp-review::before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4d7ef0,#5ee7ff,#9be8c8,#eccb7f)}
.sp-stars{margin:0 0 10px;font-size:18px;letter-spacing:3px;color:#eccb7f;text-shadow:0 0 12px rgba(236,203,127,.45)}
.sp-off{color:rgba(236,203,127,.25);text-shadow:none}
.sp-review blockquote{margin:0;color:#e6ebf7;font-size:15.5px;line-height:1.65}
.sp-review figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(236,203,127,.18)}
.sp-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0a1530;background:linear-gradient(135deg,#5ee7ff,#9be8c8 45%,#eccb7f)}
.sp-review b{display:block;color:#fdf0d0;font-size:15px}
.sp-review small{display:block;color:#97a3c2;font-size:12.5px;margin-top:2px}
.sp-lb{max-width:min(96vw,1280px);width:auto;padding:0;border:0;background:transparent;overflow:visible}
.sp-lb::backdrop{background:rgba(4,8,22,.88);backdrop-filter:blur(6px)}
.sp-lb img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;border-radius:8px;box-shadow:0 0 0 2px rgba(236,203,127,.8),0 0 80px rgba(94,231,255,.3);cursor:zoom-out}
.sp-lb-close{position:absolute;top:-14px;right:-6px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(236,203,127,.7);background:#0a1230;color:#fdf0d0;font-size:18px;cursor:pointer}
.sp-lb-close:focus-visible{outline:3px solid #5ee7ff;outline-offset:3px}
@media (max-width:1023px){.sp-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.sp-r0{--r:-1deg}.sp-r1{--r:.8deg}.sp-r2{--r:-.6deg}}
@media (max-width:767px){.sp-lb-close{top:8px;right:8px}}
@media (prefers-reduced-motion:reduce){.sp-cert{animation:none}}
/* Mobile kompakt (<=768px) */
@media (max-width:768px){
.sp.ah-sec{padding-top:44px;padding-bottom:44px}
.sp-head{margin-bottom:24px}
.sp-head h2{font-size:clamp(24px,7vw,32px);line-height:1.15}
.sp-lead{font-size:14.5px;line-height:1.5;margin-top:8px}
.sp-grid{gap:22px;max-width:520px}
.sp-item{gap:14px}
.sp-cert{width:82%;margin:0 auto;padding:6px;border-radius:11px}
.sp-cert::before{inset:3px;border-radius:9px}
.sp-cert::after{border-radius:11px}
.sp-zoom{right:10px;bottom:10px;width:28px;height:28px;font-size:13px}
.sp-review{padding:16px 16px 14px;border-radius:14px}
.sp-stars{font-size:14px;letter-spacing:2px;margin-bottom:6px}
.sp-review blockquote{font-size:14px;line-height:1.55}
.sp-review figcaption{margin-top:12px;padding-top:10px;gap:10px}
.sp-av{width:32px;height:32px;font-size:14px}
.sp-review b{font-size:14px}.sp-review small{font-size:11.5px}
}
/* Premium-Upgrade (alle Breakpoints) */
.sp{background:
 radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 78% 12%,rgba(255,255,255,.45),transparent 60%),
 radial-gradient(1.5px 1.5px at 34% 72%,rgba(253,240,208,.5),transparent 60%),radial-gradient(1px 1px at 88% 64%,rgba(255,255,255,.4),transparent 60%),
 radial-gradient(1px 1px at 56% 38%,rgba(94,231,255,.5),transparent 60%),radial-gradient(1px 1px at 6% 88%,rgba(255,255,255,.35),transparent 60%),
 radial-gradient(1.5px 1.5px at 66% 90%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1px 1px at 44% 8%,rgba(253,240,208,.45),transparent 60%),
 radial-gradient(55% 45% at 18% 10%,rgba(77,126,240,.20),transparent 70%),radial-gradient(45% 40% at 85% 95%,rgba(94,231,255,.12),transparent 70%),
 radial-gradient(35% 30% at 60% 45%,rgba(226,182,83,.07),transparent 70%),#060b1e}
.sp::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,203,127,.7),transparent)}
.sp-head h2{background:linear-gradient(100deg,#7fa6ff 0%,#5ee7ff 40%,#9be8c8 62%,#eccb7f 85%,#fdf0d0);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-head h2 em{background:linear-gradient(100deg,#fdf0d0,#eccb7f 45%,#c8a24b);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-head::after{content:"";display:block;width:120px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,#eccb7f,transparent)}
.sp-review{padding:20px 18px 16px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) padding-box,linear-gradient(180deg,rgba(13,22,52,.82),rgba(8,14,34,.9)) padding-box,linear-gradient(135deg,rgba(77,126,240,.7),rgba(94,231,255,.45) 35%,rgba(236,203,127,.75)) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sp-review::after{content:"“";position:absolute;right:16px;top:4px;font-family:Georgia,serif;font-size:56px;line-height:1;background:linear-gradient(180deg,#fdf0d0,#c8a24b);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.55;pointer-events:none}
.sp-review blockquote{font-size:14.5px;line-height:1.6}
.sp-review figcaption{border-top:1px solid transparent;border-image:linear-gradient(90deg,rgba(236,203,127,.55),transparent) 1}
.sp-cert:hover,.sp-cert:focus-visible{transform:rotate(0) translateY(-6px) scale(1.03);box-shadow:0 0 0 1px rgba(253,240,208,.8),0 50px 90px -30px rgba(0,0,0,.9),0 0 80px rgba(94,231,255,.42),0 0 110px rgba(226,182,83,.32)}
@media (max-width:768px){.sp-review{padding:14px 14px 12px}.sp-review blockquote{font-size:13.5px;line-height:1.5}.sp-review::after{font-size:42px;right:12px}}
@media (prefers-reduced-motion:reduce){.sp-cert:hover{transform:none}}