/* PR Scrollbühnen – Gestaltung (Philipp Ramsch). Farben: Blau #0E7DB5, Grün #5BA12B */
.pr-sf{--sf-blau:#0E7DB5;--sf-gruen:#5BA12B;--sf-hoehe:280vh;position:relative;height:auto;margin:0;padding:0}
.pr-sf.ist-aktiv{height:var(--sf-hoehe)}
.pr-sf__stage{position:relative;display:flex;align-items:center;padding:clamp(48px,8vw,110px) 0}
.pr-sf.ist-aktiv .pr-sf__stage{position:sticky;top:0;height:100vh;height:100svh;padding:0;overflow:hidden}
.pr-sf__inner{box-sizing:border-box;width:100%;max-width:calc(var(--pr-inhalt,1280px) + 2*var(--pr-rand,40px));margin:0 auto;padding:0 var(--pr-rand,40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.pr-sf--links .pr-sf__film{order:-1}
.pr-sf__text{max-width:520px;position:relative;z-index:6}
.pr-sf--links .pr-sf__text{justify-self:start}
.pr-sf--rechts .pr-sf__text{justify-self:end}
.pr-sf .pr-sf__kicker{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sf-blau)}
.pr-sf .pr-sf__titel{margin:0 0 26px;font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.01em}
.pr-sf .pr-sf__punkte{list-style:none;margin:0 0 30px;padding:0}
.pr-sf .pr-sf__punkte li{position:relative;margin:0 0 14px;padding-left:34px;font-size:clamp(16px,1.3vw,19px);line-height:1.45}
.pr-sf .pr-sf__punkte li::before{content:"";position:absolute;left:0;top:.28em;width:20px;height:20px;border-radius:50%;background:var(--sf-gruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.pr-sf a.pr-sf__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--sf-blau);color:#fff!important;font-weight:600;text-decoration:none!important;transition:background .25s ease,transform .25s ease}
.pr-sf a.pr-sf__cta:hover,.pr-sf a.pr-sf__cta:focus-visible{background:#0b6593;transform:translateY(-2px)}
.pr-sf a.pr-sf__cta:focus-visible{outline:3px solid var(--sf-gruen);outline-offset:3px}

/* Bühne mit Person, Karten und Hinweisen */
.pr-sf__film{position:relative;justify-self:center;width:100%;max-width:min(560px,74vh);aspect-ratio:896/1200;perspective:1200px}
.pr-sf__glow{position:absolute;inset:6% 0 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(14,125,181,.22),rgba(91,161,43,.10) 62%,transparent 100%);filter:blur(8px)}
.pr-sf__person{position:absolute;inset:0;z-index:2;will-change:transform;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}
.pr-sf__bild{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;will-change:opacity}
.pr-sf__bild+.pr-sf__bild{opacity:0}
.pr-sf__ebene{position:absolute;will-change:transform,opacity;backface-visibility:hidden}
.pr-sf__karte{margin:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -18px rgba(10,40,70,.35),0 4px 14px rgba(10,40,70,.10);z-index:1}
.pr-sf__karte[data-tiefe="3"]{z-index:3}
.pr-sf__leiste{display:flex;align-items:center;gap:5px;height:22px;padding:0 10px;background:#f1f3f5;border-bottom:1px solid #e3e6ea}
.pr-sf__leiste i{width:7px;height:7px;border-radius:50%;background:#d5d9de}
.pr-sf__leiste i:first-child{background:#ef6a5e}.pr-sf__leiste i:nth-child(2){background:#f5bf4f}.pr-sf__leiste i:nth-child(3){background:#61c454}
.pr-sf__leiste b{flex:1;margin-left:8px;padding:2px 8px;border-radius:5px;background:#fff;font:500 10px/1.4 system-ui,sans-serif;color:#5b6570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-sf__karte img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pr-sf__chip{z-index:4;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px -10px rgba(10,40,70,.35);font:600 13px/1 system-ui,sans-serif;color:#1d2a36;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pr-sf__chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sf-gruen);box-shadow:0 0 0 4px rgba(91,161,43,.18)}
/* Suchergebnis (SEO) */
.pr-sf__serp{z-index:3;left:-16%;top:58%;width:44%;padding:14px;border-radius:12px;background:#fff;box-shadow:0 24px 60px -18px rgba(10,40,70,.35);font-family:system-ui,sans-serif}
.pr-sf__serp-feld{display:block;margin-bottom:10px;padding:8px 14px;border:1px solid #dfe3e8;border-radius:999px;font-size:12px;color:#1d2a36}
.pr-sf__serp-treffer{display:block;padding:6px 4px}
.pr-sf__serp-treffer small{display:block;font-size:10px;color:#5b6570}
.pr-sf__serp-treffer b{display:block;font-size:13px;color:#0E7DB5}
.pr-sf__serp-treffer em{display:block;font-style:normal;font-size:11px;color:#5b6570}
.pr-sf__serp-treffer--blass{opacity:.35}
.pr-sf__serp-treffer--blass small,.pr-sf__serp-treffer--blass b,.pr-sf__serp-treffer--blass em{height:9px;margin:4px 0;border-radius:4px;background:#dfe3e8}
.pr-sf__serp-treffer--blass b{width:70%}.pr-sf__serp-treffer--blass small{width:40%}
/* KI-Antwort (GEO) */
.pr-sf__ki{z-index:3;left:72%;top:44%;width:44%;display:flex;flex-direction:column;gap:8px;font-family:system-ui,sans-serif}
.pr-sf__ki-frage{align-self:flex-end;max-width:90%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#0E7DB5;color:#fff;font-size:12px;box-shadow:0 14px 30px -14px rgba(10,40,70,.4)}
.pr-sf__ki-antwort{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#fff;color:#1d2a36;font-size:12px;line-height:1.45;box-shadow:0 14px 30px -14px rgba(10,40,70,.4)}
.pr-sf__ki-antwort i{flex:none;width:18px;height:18px;border-radius:50%;background:conic-gradient(#0E7DB5,#5BA12B,#0E7DB5)}
.pr-sf__ki-antwort b{color:#0E7DB5}

/* Tablet */
@media (max-width:1024px){.pr-sf{--sf-hoehe:250vh}.pr-sf__inner{gap:28px}.pr-sf__chip{font-size:12px;padding:7px 12px}}
/* Handy: Bühne oben, Text darunter; weniger Ebenen */
@media (max-width:767px){
  .pr-sf{--sf-hoehe:230vh}
  .pr-sf.ist-aktiv .pr-sf__stage{align-items:flex-start;padding-top:96px;box-sizing:border-box}
  .pr-sf__inner{grid-template-columns:1fr;gap:6px;padding:0 16px}
  .pr-sf--links .pr-sf__film,.pr-sf__film{order:-1;max-width:min(250px,34svh)}
  .pr-sf--links .pr-sf__text,.pr-sf--rechts .pr-sf__text{justify-self:stretch;max-width:none}
  .pr-sf .pr-sf__titel{margin-bottom:12px;font-size:clamp(28px,8vw,36px)}
  .pr-sf .pr-sf__punkte{margin-bottom:16px}
  .pr-sf .pr-sf__punkte li{margin-bottom:6px;font-size:15px}
  .pr-sf .pr-sf__kicker{margin-bottom:8px}
  .pr-sf__leiste{height:14px;padding:0 6px}.pr-sf__leiste b{display:none}.pr-sf__leiste i{width:5px;height:5px}
  .pr-sf__chip{font-size:11px;padding:6px 10px}
  .pr-sf__chip--extra{display:none!important}
  .pr-sf__serp,.pr-sf__ki{width:56%}.pr-sf__ki-frage,.pr-sf__ki-antwort{font-size:10px;padding:7px 10px}.pr-sf__serp{padding:8px}.pr-sf__serp-feld{font-size:10px;padding:5px 10px;margin-bottom:6px}.pr-sf__serp-treffer b{font-size:11px}
  .pr-sf__serp{left:-12%}.pr-sf__ki{left:58%;top:52%}
}
@media (max-width:767px) and (max-height:700px){.pr-sf .pr-sf__punkte li:nth-child(3){display:none}}
/* „Bewegung reduzieren“: ruhiger Abschnitt, nur erstes Standbild */
@media (prefers-reduced-motion:reduce){.pr-sf,.pr-sf.ist-aktiv{height:auto!important}.pr-sf .pr-sf__stage{position:relative!important;height:auto!important;padding:clamp(48px,8vw,110px) 0!important}}