/* TrendShip: Praxis-Sektion mit echten Referenzen + Google-Zitat (26.09.2026). Laedt nach unterseite.css. */
.praxis-kopf{max-width:52rem;margin-bottom:clamp(2.2rem,5vw,3.8rem)}
.praxis-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4.5vw,4.5rem)}
.praxis-fall{display:flex;flex-direction:column}

.praxis-fenster{border:1px solid rgba(147,178,237,.24);background:#fff;box-shadow:0 34px 90px -34px rgba(0,0,0,.8)}
.praxis-leiste{display:flex;align-items:center;gap:.35rem;padding:.55rem .75rem;background:#E5EBF6}
.praxis-leiste i{width:.5rem;height:.5rem;border-radius:50%;background:rgba(9,16,32,.22)}
.praxis-leiste span{margin-left:.7rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:rgba(9,16,32,.55)}
.praxis-bild{aspect-ratio:16/11;overflow:hidden;container-type:size}
.praxis-bild img{display:block;width:100%;height:auto;animation:praxis-lauf 26s ease-in-out infinite alternate}
.praxis-fall:nth-child(2) .praxis-bild img{animation-duration:32s;animation-delay:-6s}
.praxis-fenster:hover .praxis-bild img{animation-play-state:paused}
@keyframes praxis-lauf{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 100cqh))}}

.praxis-wer{margin:1.6rem 0 1.1rem}
.praxis-wer h3{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--cream-ink)}
.praxis-wer span{display:block;margin-top:.35rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--xenon)}

.praxis-zitat{margin:0;padding-left:1.1rem;border-left:2px solid var(--xenon)}
.praxis-stars{font-family:var(--mono);font-size:.9rem;letter-spacing:.12em;color:var(--xenon)}
.praxis-zitat blockquote{margin:.6rem 0 0;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.5;letter-spacing:-.01em;color:var(--cream-ink)}
.praxis-zitat blockquote p{margin:0}
.praxis-zitat figcaption{margin-top:.8rem;font-size:.8rem;color:var(--cream-muted)}
.praxis-zitat figcaption a{color:var(--xenon);text-decoration:underline;text-underline-offset:.2em}

.praxis-fuss{margin-top:clamp(2.4rem,5vw,3.6rem);padding-top:1.4rem;border-top:1px solid rgba(147,178,237,.18);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem}
.praxis-fuss p{margin:0;font-size:.8rem;color:var(--cream-muted)}
.praxis-fuss .proof-cta{margin-top:0}

@media (max-width:900px){.praxis-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.praxis-bild img{animation:none}}