.pj-buehne{padding:92px var(--rand) 40px}.pj-buehne .buehne-bild:after{background:linear-gradient(#021a34e0 0%,#021a34a8 40%,#021a34c7 72%,#021a34f7 100%)}.pj-held{z-index:1;align-items:center;gap:28px;max-width:1120px;margin:0 auto;display:grid;position:relative}.pj-held-text{justify-items:start;gap:16px;min-width:0;display:grid}.pj-held-text .krumen{justify-content:flex-start}.pj-name{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pj-name>b{font:600 20px/1.2 var(--sans);letter-spacing:-.02em}.pj-logo img{object-fit:contain;background:var(--weiss);border-radius:14px;width:52px;height:52px;padding:6px;box-shadow:0 8px 24px -10px #0009}.pj-live{height:28px;color:var(--weiss);background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #20cee159}.pj-live i{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #20cee12e}.pj-held h1{font:600 clamp(34px, 8.6vw, 58px)/1.04 var(--sans);letter-spacing:-.04em;text-wrap:balance;text-shadow:0 2px 22px #021a34d9;margin:0}.pj-held h1 em{color:var(--cyan);font-style:italic;display:block}.pj-held-text>p{max-width:46ch;color:var(--leise-b);text-shadow:0 1px 10px #021a34e6;margin:0}.pj-held-text .knopf{background:var(--blau);max-width:100%}.pj-held-text .knopf:hover{background:var(--aktion)}.pj-held-text .knopf .sym{width:20px;height:20px}.pj-browser{background:var(--buehne-2);min-width:0;box-shadow:inset 0 0 0 1px var(--linie-b), var(--heben-b);transition:translate .5s var(--feder);border-radius:20px;display:block;overflow:hidden}.pj-browser:active{transition-duration:34ms;translate:0 2px}.pj-leiste{height:38px;box-shadow:inset 0 -1px 0 var(--linie-b);background:#010f1fb3;align-items:center;gap:6px;padding:0 14px;display:flex}.pj-leiste i{background:#ffffff38;border-radius:50%;width:9px;height:9px}.pj-leiste span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--leise-b);background:#ffffff0f;border-radius:999px;margin-left:10px;padding:3px 12px;font-size:12px;overflow:hidden}.pj-browser img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.pj-band{border-radius:20px;grid-template-columns:1fr 1fr;max-width:900px;margin:36px auto 0;display:grid;overflow:hidden}.pj-band.z3{grid-template-columns:repeat(3,1fr)}.pj-band div{padding:16px 8px}.pj-band div+div{box-shadow:none}.pj-band div:nth-child(2n){box-shadow:inset 1px 0 0 var(--linie-b)}.pj-band div:nth-child(n+3){border-top:1px solid var(--linie-b)}.pj-band.z3 div{box-shadow:none;border-top:0}.pj-band.z3 div+div{box-shadow:inset 1px 0 0 var(--linie-b)}.pj-band b{font:600 24px/1.1 var(--sans);letter-spacing:-.03em}.pj-band small{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-top:6px;font-size:10px;font-weight:600}.pj-bausteine{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.pj-karte{background:var(--weiss);max-width:420px;color:var(--text);box-shadow:var(--rahmen), var(--heben), inset 0 -4px 0 var(--aktion);border-radius:20px;flex-direction:column;flex:100%;display:flex;position:relative;overflow:hidden}.pj-bild{aspect-ratio:16/10;flex:none;display:block}.pj-bild>img{object-position:top}.pj-bild.ganz{background:var(--warm)}.pj-bild.ganz>img{object-fit:contain;object-position:center;background:var(--warm);padding:22px 28px 34px}.pj-text{gap:6px;padding:16px 20px 8px;display:grid}.pj-text .augen{font-size:10.5px}.pj-text h3{font:600 19px/1.22 var(--sans);letter-spacing:-.02em;margin:0}.pj-text p{color:var(--mittel);margin:0;font-size:15px;line-height:1.5}.pj-fuss{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:12px 20px 22px;display:flex}.pj-status{align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.pj-status.live{color:var(--gruen-t)}.pj-status.live .sym{width:16px;height:16px}.pj-status.arbeit{height:28px;color:var(--aktion-f);background:#006ec70d;border-radius:999px;padding:0 12px;box-shadow:inset 0 0 0 1px #006ec74d}.pj-status.arbeit i{background:var(--aktion);border-radius:50%;width:7px;height:7px}.pj-drin-knopf,.pj-zu{cursor:pointer;height:36px;color:var(--aktion-f);transition:translate .5s var(--feder);background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:14px;font-weight:600;display:inline-flex}.pj-drin-knopf .sym{width:16px;height:16px;transition:translate .5s var(--feder)}.pj-drin-knopf:hover .sym{translate:3px}.pj-drin-knopf:active,.pj-zu:active{transition-duration:34ms;translate:0 2px}.pj-drin{z-index:2;background:var(--buehne);color:var(--weiss);opacity:0;pointer-events:none;transition:opacity .35s var(--auf), transform .5s var(--feder);flex-direction:column;gap:10px;padding:22px 22px 18px;display:flex;position:absolute;inset:0;overflow:auto;transform:translateY(16%)}.pj-karte.offen .pj-drin{opacity:1;pointer-events:auto;transform:none}.pj-drin .augen{color:var(--cyan);font-size:10.5px}.pj-drin>b{font:600 19px/1.22 var(--sans);letter-spacing:-.02em}.pj-drin ul{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pj-drin li{color:var(--leise-b);grid-template-columns:18px 1fr;gap:10px;font-size:14.5px;line-height:1.45;display:grid}.pj-drin li .sym{width:18px;height:18px;color:var(--cyan);margin-top:1px}.pj-zu{color:var(--weiss);align-self:flex-start;margin-top:auto}.pj-zu .sym{width:16px;height:16px;color:var(--cyan)}.pj-drin :focus-visible{outline-color:var(--cyan)}.pj-eigen{text-align:center;align-self:center;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;display:inline-flex}.pj-eigen .sym{width:22px;height:22px;color:var(--aktion);box-shadow:inset 0 0 0 1.5px var(--aktion);border-radius:50%;padding:3px}.pj-beweis{background:linear-gradient(180deg, var(--buehne), var(--tief))}.pj-strecke{justify-items:center;gap:16px;width:100%;display:grid}.pj-buehne-rahmen{width:100%;max-width:860px;position:relative}.pj-spur{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--buehne-2);box-shadow:inset 0 0 0 1px var(--linie-b), var(--heben-b);border-radius:20px;display:flex;overflow-x:auto}.pj-spur::-webkit-scrollbar{display:none}.pj-folie{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;margin:0}.pj-folie img{aspect-ratio:16/10;object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%}.pj-url{z-index:2;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;max-width:calc(100% - 24px);color:var(--buehne);pointer-events:none;background:#ffffffeb;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 6px 18px -8px #00000080}.pj-pfeil{z-index:2;cursor:pointer;width:44px;height:44px;color:var(--weiss);transition:translate .5s var(--feder), background-color .25s;background:#021a34d1;border:0;border-radius:50%;place-items:center;margin-top:-22px;display:grid;position:absolute;top:50%;box-shadow:inset 0 0 0 1px #20cee166,0 8px 20px -8px #000000b3}.pj-pfeil:hover{background:var(--aktion)}.pj-pfeil:active{transition:translate 34ms linear,background-color .25s;translate:0 2px}.pj-pfeil.zurueck{left:8px}.pj-pfeil.zurueck .sym{rotate:180deg}.pj-pfeil.vor{right:8px}.pj-unterschrift{text-align:center;max-width:56ch;min-height:3em;color:var(--leise-b);margin:0;font-size:15px}.pj-unterschrift span{color:var(--cyan);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:600}.pj-daumen{scrollbar-width:none;justify-content:safe center;gap:8px;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.pj-daumen::-webkit-scrollbar{display:none}.pj-daumen button{cursor:pointer;background:var(--buehne-2);width:76px;box-shadow:inset 0 0 0 1px var(--linie-b);opacity:.55;transition:opacity .3s, translate .5s var(--feder);border:0;border-radius:12px;flex:none;padding:0;overflow:hidden}.pj-daumen button img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.pj-daumen button:hover{opacity:.85}.pj-daumen button:active{transition-duration:34ms;translate:0 2px}.pj-daumen button.an{opacity:1;box-shadow:0 0 0 2px var(--cyan)}.pj-wandel{gap:12px;width:100%;max-width:900px;margin:0 auto;display:grid}.pj-wandel-kopf{display:none}.pj-zeile{gap:8px;display:grid}.pj-zeile p{border-radius:20px;align-items:center;gap:12px;min-height:64px;margin:0;padding:14px 20px;font-size:15px;line-height:1.45;display:flex}.pj-zeile .vorher{background:var(--buehne);color:var(--leise-b);display:block}.pj-zeile .heute{background:var(--weiss);color:var(--text);box-shadow:var(--rahmen), var(--heben);font-weight:500}.pj-zeile .heute>.sym{width:22px;height:22px;color:var(--aktion);box-shadow:inset 0 0 0 1.5px var(--aktion);border-radius:50%;flex:none;padding:3px}.pj-mobil{letter-spacing:.16em;text-transform:uppercase;color:var(--leise-b);opacity:.8;margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.pj-zeile .heute .pj-mobil{color:var(--aktion-f);opacity:1}.pj-wende{width:34px;height:34px;color:var(--weiss);background:var(--aktion);border-radius:50%;justify-self:center;place-items:center;display:grid;rotate:90deg}.pj-wende .sym{width:16px;height:16px}.pj-schluss .buehne-bild:after{background:linear-gradient(#021a34f0,#021a34cc 45%,#021a34f5)}.pj-schluss-knoepfe{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pj-schluss .knopf.pj-zweit{white-space:normal;text-align:center;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff47}.pj-schluss .knopf.pj-zweit:hover{background:#ffffff1f}.pj-alle{color:var(--leise-b);align-self:center;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .25s;display:inline-flex}.pj-alle:hover{color:var(--weiss)}.pj-alle .sym{width:16px;height:16px;rotate:180deg}@media (min-width:640px){.pj-karte{flex-basis:calc(50% - 9px)}.pj-band,.pj-band.z3{grid-template-columns:repeat(var(--spalten,4), 1fr)}.pj-band.z3{--spalten:3}.pj-band.z2{--spalten:2}.pj-band div{box-shadow:none;border-top:0}.pj-band div:nth-child(n)+div{box-shadow:inset 1px 0 0 var(--linie-b)}.pj-band div:nth-child(n+3){border-top:0}.pj-band b{font-size:30px}.pj-daumen button{width:96px}.pj-pfeil.zurueck{left:12px}.pj-pfeil.vor{right:12px}.pj-url{top:16px;left:16px}}@media (min-width:821px){.pj-buehne{padding:120px var(--rand) 56px}.pj-held{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px}.pj-wandel-kopf{letter-spacing:.18em;text-transform:uppercase;grid-template-columns:1fr 44px 1fr;gap:16px;font-size:11px;font-weight:600;display:grid}.pj-wandel-kopf span:first-child{color:var(--leise)}.pj-wandel-kopf span:last-child{color:var(--aktion-f)}.pj-zeile{grid-template-columns:1fr 44px 1fr;align-items:center;gap:16px}.pj-zeile p{height:100%}.pj-zeile .vorher{display:flex}.pj-mobil{display:none}.pj-wende{rotate:none}}@media (min-width:1000px){.pj-karte{flex-basis:calc(33.3333% - 12px)}.pj-pfeil.zurueck{left:-64px}.pj-pfeil.vor{right:-64px}}@media (hover:hover){.pj-karte:hover .pj-bild>img{scale:1.03}.pj-bild>img{transition:scale 1.2s var(--auf)}}@media (prefers-reduced-motion:reduce){.pj-drin,.pj-bild>img,.pj-browser,.pj-pfeil,.pj-daumen button,.pj-drin-knopf,.pj-drin-knopf .sym{transition:none}.pj-karte:hover .pj-bild>img{scale:none}}