.pj-seite .pj-handy video:focus-visible{outline:3px solid var(--akzent);outline-offset:-3px}.pj-seite .pj-geraete{padding:0 4%;position:relative}.pj-seite .pj-geraete.mit-handy{padding:0 12% 7% 2%}.pj-seite .pj-geraete .hy{border-radius:22px;width:25%;padding:4px;position:absolute;bottom:0;right:0}.pj-seite .pj-geraete .hy-schirm{aspect-ratio:390/844;background:#fff;border-radius:18px;overflow:hidden;container-type:size}.pj-seite .pj-geraete .hy-schirm img{width:100%;height:auto;display:block}.pj-seite .pj-karten{aspect-ratio:100/92;position:relative;container-type:inline-size}.pj-seite .pj-karten figure{rotate:var(--r);transition:rotate .6s var(--ease-aus), scale .6s var(--ease-aus);border-radius:14px;margin:0;position:absolute;overflow:hidden;box-shadow:0 26px 50px -24px #01120a8c}.pj-seite .pj-karten figure:hover{z-index:2;rotate:0deg;scale:1.03}.pj-seite .pj-karten img{object-fit:cover;width:100%;height:100%;display:block}.pj-seite .pj-karten .k1{--r:-2deg;aspect-ratio:3/2;width:72cqw;top:0;left:0}.pj-seite .pj-karten .k2{--r:4deg;aspect-ratio:16/10;z-index:1;width:58cqw;top:40cqw;right:0}.pj-seite .pj-karten .k3{--r:-5deg;aspect-ratio:16/10;width:42cqw;top:54cqw;left:3cqw}.pj-seite .pj-karten.hochkant{aspect-ratio:100/86}.pj-seite .pj-karten.hochkant .k1{aspect-ratio:3/4;width:56cqw}.pj-seite .pj-karten.hochkant .k2{aspect-ratio:16/9;width:54cqw;top:8cqw}.pj-seite .pj-karten.hochkant .k3{aspect-ratio:16/9;width:54cqw;top:48cqw;left:auto;right:3cqw}.pj-seite .pj-karten.hochkant:has(.k1:only-child){aspect-ratio:100/112}.pj-seite .pj-karten.hochkant .k1:only-child{width:80cqw;top:2cqw;left:8cqw}.pj-seite .pj-feld{border-radius:20px;min-height:100%;overflow:hidden}.pj-seite .pj-feld img{object-fit:cover;width:100%;height:100%;display:block}.pj-seite .kamp.zwei .kamp-text{grid-column:1/-1}.pj-seite .kamp.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-seite .kamp.zwei .pj-feld{aspect-ratio:16/9;min-height:0}.pj-seite .strip.anzahl-6{grid-template-columns:repeat(6,minmax(0,1fr))}.pj-seite .strip.anzahl-6 img{aspect-ratio:4/5;object-position:var(--pos,50% 50%)}.pj-seite .pj-galerie{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(14px,2vw,28px);margin-top:clamp(30px,3.6vw,48px);display:grid}.pj-seite .pj-galerie figure{rotate:var(--r);transition:rotate .6s var(--ease-aus), scale .6s var(--ease-aus);border-radius:14px;margin:0;overflow:hidden;box-shadow:0 22px 44px -26px #01120a73}.pj-seite .pj-galerie figure:hover{rotate:0deg;scale:1.02}.pj-seite .pj-galerie figure:nth-child(3n+1){--r:-1.4deg}.pj-seite .pj-galerie figure:nth-child(3n+2){--r:1deg}.pj-seite .pj-galerie figure:nth-child(3n){--r:-.8deg}.pj-seite .pj-galerie img{width:100%;height:auto;display:block}.pj-seite .pj-handy{position:relative}.pj-seite .pj-handy video{border-radius:24px}.pj-seite .pj-ringe{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,3vw,44px);margin:clamp(30px,3.6vw,48px) 0 0;padding:0;list-style:none;display:grid}.pj-seite .pj-ring{aspect-ratio:1;width:min(100%,170px);margin:0 auto 12px;display:block;position:relative}.pj-seite .pj-ring svg{position:absolute;inset:0;rotate:-90deg}.pj-seite .pj-ring circle{fill:none;stroke-width:10px}.pj-seite .pj-ring .hg{stroke:#0cce6b2e}.pj-seite .pj-ring .wert{stroke:#0cce6b;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 * (1 - var(--wert) / 100));transition:stroke-dashoffset 1.3s calc(var(--n) * .15s) var(--ease-aus)}.js .pj-seite .pj-ringe:not(.im-bild) .wert{stroke-dashoffset:326.7px}.pj-seite .pj-ring b{font:800 clamp(1.3rem, .8rem + 2.2vw, 2.6rem)/1 var(--font-display);letter-spacing:-.03em;color:#0a7a3c;place-items:center;display:grid;position:absolute;inset:0}.pj-seite .pj-ringe>li>span:last-child{color:var(--text);font-size:clamp(.8rem,.74rem + .3vw,1rem);font-weight:600;line-height:1.25}.pj-seite .pj-fuss{text-align:center;font:400 .7rem/1.4 var(--font-mono);letter-spacing:.02em;color:var(--text-gedaempft);margin-top:20px;display:block}.pj-seite .bento>.v3-k{grid-column:span 6}.pj-seite .bento>.b-stimme{grid-column:span 7}.pj-seite .bento>.b-stimme+.b-leistungen{grid-column:span 5}.pj-seite .bento>.b-voll{grid-column:span 12}.pj-seite .b-stimme blockquote{margin:0}.pj-seite .b-stimme p{color:var(--text-hell)!important;font-size:clamp(1.05rem,.98rem + .4vw,1.3rem)!important;line-height:1.45!important}.pj-seite .b-stimme footer{color:var(--text-hell-gedaempft);margin-top:18px;font-size:.92rem}.pj-seite .b-stimme cite{color:var(--text-hell);font-style:normal;font-weight:700;display:block}.pj-seite .b-stimme .sterne{color:var(--akzent);letter-spacing:.1em;margin-bottom:14px;display:block}.pj-seite .pj-aussen{color:var(--text-hell);font:600 .98rem/1.2 var(--font-body);letter-spacing:0;text-underline-offset:3px;align-items:center;gap:8px;margin-top:14px;padding:8px 0;display:inline-flex}.pj-seite .pj-aussen [data-icon]{color:var(--akzent)}.pj-seite .held .pj-aktion{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:28px;display:flex}.pj-seite .held .pj-aktion .knopf,.pj-seite .held .pj-aktion .pj-aussen{margin-top:0}.pj-seite h1{max-width:22ch}@media (width<=380px){.pj-seite h1{font-size:1.62rem}}@media (prefers-reduced-motion:no-preference){.js .pj-seite [data-im-bild].pj-karten:not(.im-bild) figure{opacity:0;translate:0 34px}.js .pj-seite [data-im-bild].pj-karten figure{transition:opacity .8s var(--ease-aus), translate .9s var(--ease-aus), rotate .6s var(--ease-aus), scale .6s var(--ease-aus)}.js .pj-seite [data-im-bild].pj-karten .k2{transition-delay:.14s,.14s,0s,0s}.js .pj-seite [data-im-bild].pj-karten .k3{transition-delay:.28s,.28s,0s,0s}.js .pj-seite .pj-geraete:not(.im-bild) .hy{opacity:0;translate:0 40px}.js .pj-seite .pj-geraete .hy{transition:opacity .8s .3s var(--ease-aus), translate .9s .3s var(--ease-aus)}.pj-seite .pj-geraete.im-bild .hy-schirm img{animation:fs-fahrt 12s var(--ease-inaus) .9s 2 alternate both}}@media (prefers-reduced-motion:reduce){.pj-seite .pj-karten figure,.pj-seite .pj-galerie figure,.pj-seite .pj-ring .wert{transition:none}}@media (width<=999px){.pj-seite .bento>.v3-k,.pj-seite .bento>.b-stimme,.pj-seite .bento>.b-stimme+.b-leistungen{grid-column:span 12}.pj-seite .kamp.zwei{grid-template-columns:minmax(0,1fr)}.pj-seite .pj-feld{aspect-ratio:16/9;min-height:0}.pj-seite .strip.anzahl-6{grid-template-columns:none}}@media (width<=760px){.pj-seite .pj-galerie{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-seite .pj-galerie figure:first-child:nth-last-child(odd){grid-column:1/-1}.pj-seite .pj-ringe{grid-template-columns:repeat(2,minmax(0,1fr))}}