.pn-oben{display:grid;gap:14px 48px;align-items:end;margin-bottom:36px}@media(min-width:900px){.pn-oben{grid-template-columns:1.3fr 1fr}}.pn-oben .pn-unter{margin:0}.pn.js .pn-zug{height:320svh}.pn.js .pn-klebt{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:84px 0 20px}.pn-raster{width:100%;display:grid;gap:48px;align-items:center}@media(min-width:960px){.pn-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px}}.pn-h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:#0a1430}.pn-h2 .akzent{color:#0072a0}.pn-unter{max-width:46ch;font-size:16.5px;line-height:1.65;color:#4a5a70}.pn-liste{margin:0;padding:0;list-style:none;border-top:1px solid rgba(10,20,48,.1)}.pn-schritt{position:relative;border-bottom:1px solid rgba(10,20,48,.1)}.pn-kopf{display:flex;align-items:center;gap:16px;width:100%;padding:18px 2px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:#0a1430}.pn-nr{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;corner-shape:superellipse(2);background:#ffffffbf;color:#4a5a70;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color .3s ease,color .3s ease}.pn-titel{flex:1;font-size:19px;font-weight:600;letter-spacing:-.01em;color:#4a5a70;transition:color .3s ease}.pn-pfeil{flex:none;width:20px;height:20px;color:#8a97a8;transition:rotate .35s cubic-bezier(.2,.7,.2,1)}.pn-schritt.an .pn-nr{background:#0a1430;color:#fff}.pn-schritt.an .pn-titel{color:#0a1430}.pn-schritt.an .pn-pfeil{rotate:180deg;color:#0a1430}.pn-kopf:hover .pn-titel{color:#0a1430}.pn-kopf:focus-visible{outline:2px solid #007398;outline-offset:2px;border-radius:12px}.pn-text{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}.pn-text>p{overflow:hidden;min-height:0;padding-left:56px;font-size:15.5px;line-height:1.65;color:#4a5a70}.pn-schritt.an .pn-text{grid-template-rows:1fr}.pn-schritt.an .pn-text>p{padding-bottom:20px}.pn:not(.js) .pn-text{grid-template-rows:1fr}.pn-bahn{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}.pn-bahn i{display:block;height:100%;width:100%;background:#0a1430;transform:scaleX(0);transform-origin:left;transition:transform .12s linear}.pn-buehne{position:relative;container-type:size;aspect-ratio:5 / 4;border-radius:32px;corner-shape:superellipse(2);overflow:hidden;background:#f7f9fa;box-shadow:0 0 0 10px #ffffffb3,0 0 0 11px #0a14300f,0 40px 80px -48px #0a14304d}.pn-szene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;translate:0 14px;scale:.98;transition:opacity .5s cubic-bezier(.5,0,.5,1),translate .6s cubic-bezier(.2,.7,.2,1),scale .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}.pn-buehne[data-aktiv="0"]>[data-i="0"],.pn-buehne[data-aktiv="1"]>[data-i="1"],.pn-buehne[data-aktiv="2"]>[data-i="2"],.pn-buehne[data-aktiv="3"]>[data-i="3"]{opacity:1;translate:0 0;scale:1;transition-delay:.1s}.pn-licht{position:absolute;inset:0;background:var(--l)}[data-i="0"]>.pn-licht{--l: linear-gradient(160deg, #fbf8f2, #f6f8f7 55%, #eef4f6)}[data-i="1"]>.pn-licht{--l: linear-gradient(165deg, #eef6f6, #f4f8fa 50%, #f8f7f3)}[data-i="2"]>.pn-licht{--l: linear-gradient(160deg, #f4f7fb, #f7f9f9 60%, #fbf8f3)}[data-i="3"]>.pn-licht{--l: linear-gradient(165deg, #f8f6f1, #f5f8f8 50%, #eef4f8)}.pn-bild{position:relative;width:24em;height:18em;font-size:clamp(9px,min(3.85cqi,5cqb),18px);line-height:1.2;color:#0a1430}.pn-bild:before{content:"";position:absolute;border-radius:56% 44% 52% 48%/48% 54% 46% 52%}.pn-bild b{font-weight:700;white-space:nowrap}.pn-gl,.pn-w-code{position:absolute;border-radius:1.1em;background:#fff;box-shadow:0 0 0 1px #0a143014,0 .2em .5em -.2em #0a14301a,0 1.3em 2.4em -1.3em #0a143042}.pn-kachel{position:relative;display:block;flex:none;width:2.2em;height:2.2em;border-radius:.7em;background:linear-gradient(135deg,var(--a),var(--b))}.pn-kachel:after{content:"";position:absolute;inset:18%;background:#fff;-webkit-mask:var(--g) center / contain no-repeat;mask:var(--g) center / contain no-repeat}.pk-m{--a: #63d6c6;--b: #34b2ab}.pk-mb{--a: #57c7c6;--b: #3f93d6}.pk-bv{--a: #63a9ea;--b: #7b78e4}.pk-y{--a: #ffd56a;--b: #ffbd3f}.pn-chip{display:inline-flex;align-items:center;gap:.35em;padding:.3em .85em .3em .3em;border-radius:1.4em}.pn-chip b{font-size:.74em}.pn-chip .pn-kachel{width:1.6em;height:1.6em;border-radius:.55em}.pg-tel{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 3.4l1.6 2.4-1 1.4a7 7 0 003 3l1.4-1 2.4 1.6-.8 1.8c-4.6.4-8.6-3.6-8.2-8.2z'/%3E%3C/svg%3E")}.pg-mail{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 4.8h8.8a.9.9 0 01.9.9v5.6a.9.9 0 01-.9.9H3.6a.9.9 0 01-.9-.9V5.7a.9.9 0 01.9-.9zM3 5.4l5 3.6 5-3.6'/%3E%3C/svg%3E")}.pg-doc{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2.8h4.4L12 5.4V13.2H5zM9.4 2.8v2.6H12M6.8 8h3.4M6.8 10.2h3.4'/%3E%3C/svg%3E")}.pg-check{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 8.2l2.3 2.3 4.6-4.8'/%3E%3C/svg%3E")}.pg-stern{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3l1.5 3.2 3.4.4-2.5 2.3.7 3.4L8 10.6 4.9 12.3l.7-3.4-2.5-2.3 3.4-.4z'/%3E%3C/svg%3E")}.pg-code{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.6 5L2.8 8l2.8 3M10.4 5l2.8 3-2.8 3M9 3.8L7 12.2'/%3E%3C/svg%3E")}.pg-chat{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 4.2h9.2a.9.9 0 01.9.9v5a.9.9 0 01-.9.9H7.2L4.6 13v-1.9H3.4a.9.9 0 01-.9-.9v-5a.9.9 0 01.9-.9z'/%3E%3C/svg%3E")}.pg-server{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 3.2h8.8a.8.8 0 01.8.8v2.4a.8.8 0 01-.8.8H3.6a.8.8 0 01-.8-.8V4a.8.8 0 01.8-.8zM3.6 8.8h8.8a.8.8 0 01.8.8V12a.8.8 0 01-.8.8H3.6a.8.8 0 01-.8-.8V9.6a.8.8 0 01.8-.8zM5.2 5.2h.4M5.2 10.8h.4'/%3E%3C/svg%3E")}.pg-neu{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3.6v8.8M3.6 8h8.8'/%3E%3C/svg%3E")}.pg-chart{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 12.6h9.2M4.8 10.4V8.6M7.4 10.4V6.2M10 10.4V4.4'/%3E%3C/svg%3E")}.pg-update{--g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.4 6.6A4.6 4.6 0 004.2 5.4M3.6 9.4a4.6 4.6 0 008.2 1.2M12.6 3.4v3.2H9.4M3.4 12.6V9.4h3.2'/%3E%3C/svg%3E")}.pn-b0:before{left:3.2em;top:1.4em;width:13.4em;height:13em;background:#e3f3f0}.pn-tel{left:5.6em;top:.2em;width:7.8em;height:15em;border-radius:1.9em;background:#f4f7f9;border:.34em solid #ffffff}.pn-tel:before,.pn-tel:after{content:"";position:absolute;width:.2em;border-radius:.2em;background:#d9e2e9}.pn-tel:before{right:-.55em;top:3.6em;height:2.4em}.pn-tel:after{left:-.55em;top:2.8em;height:1.6em;box-shadow:0 2.2em #d9e2e9}.pn-kerbe{position:absolute;left:50%;top:.4em;width:2.4em;height:.62em;margin-left:-1.2em;border-radius:1em;background:#0a1430}.pn-anrufer{position:absolute;left:50%;top:1.9em;width:3.8em;height:3.8em;margin-left:-1.9em;border-radius:50%;background:#46bfba}.pn-r{position:absolute;inset:24%;background:#0a1430;-webkit-mask:url(/favicon.svg?v=2) center / contain no-repeat;mask:url(/favicon.svg?v=2) center / contain no-repeat}.pn-ring{position:absolute;left:-1.25em;top:.5em;width:1em;height:2.8em;border-radius:50%;border:.16em solid transparent;border-left-color:#46bfba;opacity:0;--rx: -.35em}.pn-ring+.pn-ring{left:auto;right:-1.25em;border-left-color:transparent;border-right-color:#46bfba;--rx: .35em}.pn-name{position:absolute;left:50%;top:6.6em;width:4.4em;height:.5em;margin-left:-2.2em;border-radius:.3em;background:#1f3357}.pn-name+.pn-name{top:7.5em;width:2.8em;margin-left:-1.4em;background:#d3dde5}.pn-welle{position:absolute;left:0;right:0;top:9em;height:1.6em;display:flex;justify-content:center;align-items:center;gap:.24em}.pn-welle i{width:.26em;height:100%;border-radius:.2em;background:#46bfba;scale:1 .4}.pn-welle i:nth-child(2),.pn-welle i:nth-child(6){scale:1 .75}.pn-welle i:nth-child(3),.pn-welle i:nth-child(5){scale:1 1}.pn-welle i:nth-child(4){scale:1 .6}.pn-wisch{position:absolute;left:.45em;right:.45em;bottom:.5em;height:2.4em;border-radius:1.2em;background:#e6edf2;box-shadow:inset 0 0 0 1px #0a14300d}.pn-wisch:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#cdeeea;transform-origin:left}.pn-wisch .pn-kachel{position:absolute;left:.2em;top:.2em;width:2em;height:2em;border-radius:50%;translate:4em 0;background:#46bfba;box-shadow:0 .15em .35em #0a14302e}.pn-schild{position:absolute;left:.2em;top:1.5em;width:5.8em;height:4.4em;transform-origin:100% 0;rotate:3deg}.pn-schild i{position:absolute;right:0;top:0;width:1.5px;height:2.5em;background:#0a1430;transform-origin:50% 0;rotate:42deg}.pn-schild b{position:absolute;right:1.4em;top:1.5em;padding:.55em 1.5em .55em .9em;rotate:-14deg;transform-origin:100% 50%;border-radius:.5em 1.1em 1.1em .5em;font-size:.76em;background:#ffd36b;color:#5c3d00;box-shadow:inset 0 0 0 1px #965f0024,0 .5em 1em -.5em #0a143059}.pn-schild b:after{content:"";position:absolute;right:.55em;top:50%;width:.5em;height:.5em;margin-top:-.25em;border-radius:50%;background:#fbf8f2;box-shadow:inset 0 0 0 1px #965f004d}.pn-angebot{left:13.9em;top:1.5em;width:9.6em;height:10.6em;padding:1.15em 1em;rotate:3.5deg;border-radius:1em}.pn-angebot:after{content:"";position:absolute;right:0;top:0;width:1.3em;height:1.3em;border-radius:0 1em 0 .35em;background:linear-gradient(225deg,transparent 50%,#e6edf2 50%)}.pn-angebot b{position:relative;display:block;margin-bottom:1em;font-size:.74em}.pn-angebot>i{display:block;height:.42em;margin-top:.6em;border-radius:.3em;background:#dfe7ee}.pn-angebot>i:nth-of-type(2){width:82%}.pn-angebot>i:nth-of-type(3){width:60%}.pn-angebot svg{position:absolute;left:.9em;bottom:1.2em;width:4.6em;height:1.6em;overflow:visible}.pn-angebot path{fill:none;stroke:#2b4c7e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.pn-angebot .pn-kachel{position:absolute;right:.8em;bottom:.8em;width:2.4em;height:2.4em;border-radius:50%;background:#46bfba}.pn-wege{left:7.6em;top:15.7em}[data-aktiv="0"] .pn-tel{animation:pn-rein .6s cubic-bezier(.3,1.4,.5,1) both,pn-klingel .28s ease-in-out .5s 4}[data-aktiv="0"] .pn-ring{animation:pn-ring .56s ease-out .45s 3}[data-aktiv="0"] .pn-wisch .pn-kachel{animation:pn-wisch 1.5s cubic-bezier(.45,0,.3,1) 1.1s both}[data-aktiv="0"] .pn-wisch:before{animation:pn-fuell 1.5s cubic-bezier(.45,0,.3,1) 1.1s both}[data-aktiv="0"] .pn-welle{animation:pn-auf .4s ease 2.5s both}[data-aktiv="0"] .pn-welle i{animation:pn-welle .7s ease-in-out 2.5s infinite alternate}[data-aktiv="0"] .pn-welle i:nth-child(2n){animation-delay:2.75s}[data-aktiv="0"] .pn-welle i:nth-child(3n){animation-delay:2.95s}[data-aktiv="0"] .pn-schild{animation:pn-fall .7s cubic-bezier(.3,1.5,.5,1) .4s both,pn-pendel 1.7s ease-in-out 1.1s infinite alternate}[data-aktiv="0"] .pn-wege{animation:pn-pop .5s cubic-bezier(.3,1.6,.5,1) .8s both}[data-aktiv="0"] .pn-angebot{animation:pn-raus .8s cubic-bezier(.3,1.3,.5,1) 2.3s both}[data-aktiv="0"] .pn-angebot path{animation:pn-zeichnen .7s ease 2.9s both}[data-aktiv="0"] .pn-angebot .pn-kachel{animation:pn-pop .5s cubic-bezier(.3,1.6,.5,1) 3.3s both}@keyframes pn-klingel{25%{rotate:-3.5deg}75%{rotate:3.5deg}}@keyframes pn-ring{0%{opacity:0;translate:0 0}35%{opacity:1}to{opacity:0;translate:var(--rx) 0}}@keyframes pn-wisch{0%,8%{translate:0 0}34%{translate:1.9em 0}46%,60%{translate:1.1em 0}to{translate:4em 0}}@keyframes pn-fuell{0%,8%{scale:.3 1}34%{scale:.6 1}46%,60%{scale:.48 1}to{scale:1 1}}@keyframes pn-welle{0%{scale:1 .25}to{scale:1 1}}@keyframes pn-pendel{0%{rotate:-6deg}to{rotate:9deg}}@keyframes pn-raus{0%{opacity:0;translate:-7em .6em;rotate:-8deg}30%{opacity:1}}.pn-b1:before{left:13.2em;top:2.6em;width:10.6em;height:13.4em;background:#fbf0d6}.pn-blatt{left:1em;top:1.3em;width:14.4em;height:15.2em;padding:1.3em;rotate:-1.6deg;border-radius:1.3em}.pn-blatt-titel{position:relative;display:block;margin-bottom:.8em;font-size:1.3em;font-weight:700}.pn-zeile{position:relative;display:flex;align-items:center;gap:.7em;padding:.78em 0;border-top:1px solid rgba(10,20,48,.08)}.pn-zeile b{font-size:.9em}.pn-strich{flex:1;height:.42em;border-radius:.3em;background:linear-gradient(90deg,#dfe7ee 60%,transparent 60%)}.pn-zeile .pn-ok{width:1.4em;height:1.4em;border-radius:50%;background:#46bfba}.pn-zeile:nth-child(2){--sx: 11em;--sy: -1.2em;--sr: 16deg;--k: 0}.pn-zeile:nth-child(3){--sx: -3em;--sy: 6em;--sr: -22deg;--k: 1}.pn-zeile:nth-child(4){--sx: 8em;--sy: 3em;--sr: 9deg;--k: 2}.pn-floskel{left:16.4em;top:.9em;width:6.8em;height:3.9em;border-radius:1.3em 1.3em 1.3em .3em;opacity:.7;scale:.9}.pn-floskel svg{position:absolute;left:.8em;top:.7em;width:calc(100% - 1.6em);height:calc(100% - 1.4em)}.pn-floskel path{fill:none;stroke:#a3b0c0;stroke-width:2.2;stroke-linecap:round}.pn-floskel i{position:absolute;left:.3em;right:.3em;top:46%;height:.32em;border-radius:.2em;background:#e4572e;rotate:-9deg;transform-origin:left}.pn-notiz{position:absolute;left:15.3em;top:6.6em;width:8.2em;padding:.7em .7em .8em;border-radius:.3em;rotate:4deg;background:#fff1b8;box-shadow:inset 0 0 0 1px #966e001a,0 1em 1.8em -1em #0a14304d}.pn-notiz:before{content:"";position:absolute;left:50%;top:-.6em;width:3.8em;height:1.1em;margin-left:-1.9em;rotate:-5deg;background:#ffffffb8;box-shadow:inset 0 0 0 1px #0a14300f}.pn-notiz i{display:block;height:4.5em;border-radius:.25em;overflow:hidden;background:radial-gradient(circle at 74% 32%,#ffc845 .6em,transparent .64em),radial-gradient(120% 90% at 22% 128%,#46BFBA 55%,transparent 55.5%),radial-gradient(110% 80% at 88% 132%,#3f9bd0 55%,transparent 55.5%),#d6e9fa}.pn-notiz b{display:block;margin-top:.6em;font-size:.78em;color:#5c4a00}[data-aktiv="1"] .pn-blatt{animation:pn-rein .6s cubic-bezier(.3,1.4,.5,1) both}[data-aktiv="1"] .pn-zeile{animation:pn-sammeln .9s cubic-bezier(.55,-.3,.3,1.35) calc(.3s + var(--k) * .12s) both}[data-aktiv="1"] .pn-ok{animation:pn-pop .45s cubic-bezier(.3,1.6,.5,1) calc(1.3s + var(--k) * .2s) both}[data-aktiv="1"] .pn-floskel{animation:pn-floskel 2.1s ease both}[data-aktiv="1"] .pn-floskel svg{animation:pn-plapper .32s ease-in-out .3s 3}[data-aktiv="1"] .pn-floskel i{animation:pn-strich .35s cubic-bezier(.6,0,.2,1) 1.3s both}[data-aktiv="1"] .pn-notiz{animation:pn-klatsch .6s cubic-bezier(.3,1.5,.5,1) 1.75s both}@keyframes pn-sammeln{0%{translate:var(--sx) var(--sy);rotate:var(--sr);opacity:0}20%{opacity:1}}@keyframes pn-floskel{0%{opacity:0;scale:.4}12%{opacity:1;scale:1.06}18%,70%{opacity:1;scale:1}}@keyframes pn-plapper{50%{scale:1.08 .86}}@keyframes pn-klatsch{0%{opacity:0;scale:1.7;rotate:20deg}40%{opacity:1}}.pn-b2:before{left:.6em;top:9.4em;width:10.8em;height:8.2em;background:#eaeffa}.pn-w{position:absolute;border-radius:1em}.pn-etikett{position:absolute;z-index:2;left:.9em;top:-.85em;padding:.4em .8em;border-radius:.8em;font-size:.72em;background:#fff;box-shadow:0 0 0 1px #0a143014,0 .4em .8em -.4em #0a14304d}.pn-w-design{left:.4em;top:1.3em;width:11em;height:7.4em}.pn-w-design svg{position:absolute;left:1em;top:1.7em;width:9em;height:4.5em;overflow:visible}.pn-krakel{fill:none;stroke:#9aa9bb;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;opacity:0}.pn-glatt{fill:none;stroke:#3f9bd0;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1}.pn-griff{fill:none;stroke:#8a9ab0;stroke-width:1;stroke-dasharray:2 2.5}.pn-w-design rect{fill:#fff;stroke:#3f9bd0;stroke-width:1.4}.pn-w-code{left:12.6em;top:1.3em;width:11em;height:6.6em;padding:1.55em 1em 1em 2.1em;display:flex;flex-direction:column;gap:.62em}.pn-w-code:before{content:"";position:absolute;left:.9em;top:1.55em;width:.42em;height:3.86em;background:repeating-linear-gradient(#dbe3ea 0 .5em,transparent .5em 1.12em)}.pn-w-code>span{display:flex;gap:.4em;transform-origin:left}.pn-w-code>span:nth-child(2),.pn-w-code>span:nth-child(3){padding-left:1.1em}.pn-w-code i{height:.5em;width:2.2em;border-radius:.3em;background:#46bfba}.pn-w-code i+i{width:3.6em;background:#dbe3ea}.pn-w-code span:nth-child(2) i:first-child{background:#9b8cf2;width:1.6em}.pn-w-code span:nth-child(2) i:last-child{background:#ffc845;width:1.8em}.pn-w-code span:nth-child(3) i:first-child{background:#5fa8ec;width:3em}.pn-w-code span:nth-child(4) i:last-child{width:.3em;background:#0a1430}.pn-w-film{left:11.8em;top:9.8em;width:11.6em;height:7.6em;padding:.7em .7em .6em}.pn-motiv{position:relative;display:block;height:5.1em;border-radius:.6em;overflow:hidden;background:#d6e9fa}.pn-motiv i{position:absolute;border-radius:50%}.pn-motiv i:nth-child(1){right:1.8em;top:.8em;width:1.3em;height:1.3em;background:#ffc845}.pn-motiv i:nth-child(2){left:-1.4em;bottom:-2.8em;width:8.4em;height:5.2em;background:#46bfba}.pn-motiv i:nth-child(3){right:-1.8em;bottom:-3.2em;width:8.6em;height:5.6em;background:#3f9bd0}.pn-motiv:before{content:"";position:absolute;z-index:1;inset:.5em;--e: linear-gradient(#ffffff, #ffffff);background:var(--e) 0 0 / .9em 2px,var(--e) 0 0 / 2px .9em,var(--e) 100% 0 / .9em 2px,var(--e) 100% 0 / 2px .9em,var(--e) 0 100% / .9em 2px,var(--e) 0 100% / 2px .9em,var(--e) 100% 100% / .9em 2px,var(--e) 100% 100% / 2px .9em;background-repeat:no-repeat;opacity:.95}.pn-motiv:after{content:"";position:absolute;z-index:1;left:1em;top:1em;width:.55em;height:.55em;border-radius:50%;background:#e2577a}.pn-zeitleiste{position:relative;display:block;height:.36em;margin:.7em .3em 0;border-radius:.2em;background:#e6edf2;overflow:hidden}.pn-zeitleiste i{display:block;height:100%;background:#46bfba;transform-origin:left;scale:.62 1}.pn-schleife{position:absolute;left:4em;top:10.3em;width:4.2em;height:4.2em;border-radius:50%;border:.13em dashed rgba(63,155,208,.5)}.pn-flitzer{position:absolute;inset:-.13em;border-radius:50%}.pn-flitzer:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 250deg,#46BFBA 0 26%,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .26em),#000 calc(100% - .24em));mask:radial-gradient(farthest-side,transparent calc(100% - .26em),#000 calc(100% - .24em))}.pn-flitzer .pn-kachel{position:absolute;left:50%;top:-1em;width:2em;height:2em;margin-left:-1em;box-shadow:0 0 0 .16em #fff,0 .3em .6em -.2em #0a14304d}.pn-fb{left:.4em;top:15.7em}.pn-fb b{font-size:.72em}[data-aktiv="2"] .pn-w{animation:pn-rein .6s cubic-bezier(.3,1.4,.5,1) both}[data-aktiv="2"] .pn-w-code{animation-delay:.15s}[data-aktiv="2"] .pn-w-film{animation-delay:.3s}[data-aktiv="2"] .pn-krakel{animation:pn-krakel 1.5s ease .3s both}[data-aktiv="2"] .pn-glatt{animation:pn-zeichnen .7s cubic-bezier(.5,0,.2,1) 1.3s both}[data-aktiv="2"] .pn-w-design rect,[data-aktiv="2"] .pn-griff{animation:pn-auf .3s ease 1.9s both}[data-aktiv="2"] .pn-w-code>span{animation:pn-tippen .35s steps(4) calc(.6s + var(--k, 0) * .3s) both}.pn-w-code>span:nth-child(2){--k: 1}.pn-w-code>span:nth-child(3){--k: 2}.pn-w-code>span:nth-child(4){--k: 3}[data-aktiv="2"] .pn-w-code span:nth-child(4) i:last-child{animation:pn-cursor 1s step-end 1.8s infinite}[data-aktiv="2"] .pn-zeitleiste i{animation:pn-lauf 6s linear .6s infinite}[data-aktiv="2"] .pn-motiv:after{animation:pn-blink 1.2s ease-in-out infinite}[data-aktiv="2"] .pn-schleife{animation:pn-pop .5s cubic-bezier(.3,1.6,.5,1) .5s both}[data-aktiv="2"] .pn-flitzer{animation:pn-runde 2.8s cubic-bezier(.6,0,.35,1) .9s infinite}[data-aktiv="2"] .pn-flitzer .pn-kachel{animation:pn-gegen 2.8s cubic-bezier(.6,0,.35,1) .9s infinite}[data-aktiv="2"] .pn-fb{animation:pn-pop .5s cubic-bezier(.3,1.6,.5,1) .7s both}@keyframes pn-krakel{0%{stroke-dashoffset:1;opacity:0}3%{opacity:1}50%,62%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes pn-tippen{0%{scale:0 1}}@keyframes pn-cursor{50%{opacity:0}}@keyframes pn-lauf{0%{scale:.02 1}to{scale:1 1}}@keyframes pn-blink{50%{opacity:.25}}@keyframes pn-runde{0%{rotate:0deg}55%,to{rotate:720deg}}@keyframes pn-gegen{0%{rotate:0deg}55%,to{rotate:-720deg}}.pn-b3:before{left:1.6em;top:10.6em;width:20.8em;height:7.4em;background:#e3f3f0;border-radius:46% 54% 50% 50%/56% 52% 48% 44%}.pn-fenster{left:.6em;top:.8em;width:22.8em;height:10.8em;border-radius:1.2em}.pn-punkte{position:absolute;left:1em;top:1em;display:flex;gap:.35em}.pn-punkte i{width:.55em;height:.55em;border-radius:50%;background:#dfe6ec}.pn-live{position:absolute;right:.9em;top:.65em;display:flex;align-items:center;gap:.45em;padding:.35em .75em .35em .6em;border-radius:.8em;font-size:.74em;font-weight:700;color:#0b7470;background:#e3f5f3;box-shadow:inset 0 0 0 1px #46bfba4d}.pn-live:before{content:"";width:.62em;height:.62em;border-radius:50%;background:#2aaea9}.pn-kurve{position:absolute;left:1em;top:3em;width:20.8em;height:6.6em;overflow:visible;background:repeating-linear-gradient(transparent 0 calc(33.3% - 1px),#0a143012 calc(33.3% - 1px) 33.3%)}.pn-flaeche{fill:#46bfba24}.pn-linie{fill:none;stroke:#2aaea9;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1}.pn-spitze{position:absolute;left:21.3em;top:3.3em;width:1em;height:1em;border-radius:50%;background:#2aaea9;box-shadow:0 0 0 .2em #fff,0 .2em .5em .1em #0a143033}.pn-ticket{position:absolute;left:15em;top:4.6em;width:6.4em;height:3.2em;padding:.55em .9em;border-radius:.45em;opacity:0;rotate:-4deg;background:radial-gradient(circle at 0 50%,transparent .42em,#ffffff .46em) 0 0 / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent .42em,#ffffff .46em) 100% 0 / 51% 100% no-repeat;filter:drop-shadow(0 0 .5px rgba(10,20,48,.25)) drop-shadow(0 .4em .5em rgba(10,20,48,.14))}.pn-ticket b{display:block;font-size:.7em;color:#4a5a70}.pn-ticket i{display:block;width:3.4em;height:.38em;margin-top:.45em;border-radius:.2em;background:#dfe7ee}.pn-ticket i+i{position:absolute;left:.3em;right:.3em;top:46%;width:auto;height:.3em;margin:0;background:#e4572e;rotate:-10deg;transform-origin:left}.pn-pflege{left:.6em;top:12.6em;width:22.8em;height:4.9em;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 .3em;border-radius:1.2em}.pn-pflege span{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4em;font-size:.7em;font-weight:700;white-space:nowrap}.pn-pflege .pn-kachel{width:2.6em;height:2.6em;border-radius:.85em}.pn-pflege span:after{content:"";position:absolute;left:calc(50% + .8em);top:-.45em;width:1.25em;height:1.25em;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 8.2l2.3 2.3 4.6-4.8'/%3E%3C/svg%3E") center / 80% no-repeat,#46bfba;box-shadow:0 0 0 .18em #fff}.pn-pflege span:nth-child(2){--k: 1}.pn-pflege span:nth-child(3){--k: 2}.pn-pflege span:nth-child(4){--k: 3}[data-aktiv="3"] .pn-fenster{animation:pn-rein .6s cubic-bezier(.3,1.4,.5,1) both}[data-aktiv="3"] .pn-live{animation:pn-pop .45s cubic-bezier(.3,1.6,.5,1) .5s both}[data-aktiv="3"] .pn-live:before{animation:pn-blink 1.6s ease-in-out 1s infinite}[data-aktiv="3"] .pn-linie{animation:pn-zeichnen 1.3s cubic-bezier(.5,0,.2,1) .6s both}[data-aktiv="3"] .pn-flaeche{animation:pn-auf .8s ease 1.2s both}[data-aktiv="3"] .pn-spitze{animation:pn-pop .45s cubic-bezier(.3,1.6,.5,1) 1.8s both}[data-aktiv="3"] .pn-ticket{animation:pn-ticket 2.3s cubic-bezier(.4,0,.3,1) 1.5s both}[data-aktiv="3"] .pn-ticket i+i{animation:pn-strich .3s cubic-bezier(.6,0,.2,1) 2.5s both}[data-aktiv="3"] .pn-pflege{animation:pn-rein .6s cubic-bezier(.3,1.4,.5,1) .25s both}[data-aktiv="3"] .pn-pflege span:after{animation:pn-tick 4s ease calc(1.2s + var(--k, 0) * .45s) infinite both}@keyframes pn-ticket{0%{opacity:0;translate:9em -3em;rotate:24deg}16%{opacity:1;translate:0 0;rotate:-9deg}24%{rotate:2deg}30%,58%{opacity:1;translate:0 0;rotate:-4deg}to{opacity:0;translate:2em 10em;rotate:75deg}}@keyframes pn-tick{0%{scale:0}10%{scale:1.25}16%,to{scale:1}}@keyframes pn-rein{0%{opacity:0;translate:0 1.2em;scale:.92}}@keyframes pn-pop{0%{opacity:0;scale:0}}@keyframes pn-auf{0%{opacity:0}}@keyframes pn-fall{0%{opacity:0;translate:0 -2em}}@keyframes pn-strich{0%{scale:0 1}}@keyframes pn-zeichnen{0%{stroke-dashoffset:1;opacity:0}3%{opacity:1}}@media(max-width:959px){.pn-buehne{aspect-ratio:4 / 3}.pn.js .pn-rechts{order:-1}.pn.js .pn-buehne{aspect-ratio:auto;height:min(34svh,300px)}.pn.js .pn-raster{gap:16px}.pn.js .pn-kopf{padding:12px 2px}.pn.js .pn-text>p{padding-left:56px;font-size:14.5px}.pn.js .pn-szene{padding:10px}}@media(prefers-reduced-motion:reduce){.pn-szene,.pn-text{transition:none}.pn-buehne *,.pn-buehne *:before,.pn-buehne *:after{animation:none!important}}