.paf{gap:1.25rem;display:grid}@media (min-width:1024px){.paf{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:2.5rem}}.paf-buehne{cursor:pointer;border-radius:1rem;padding:.5rem .625rem;display:grid;position:relative}@media (min-width:768px){.paf-buehne{padding:.875rem 1rem}}.paf-szene{opacity:0;pointer-events:none;transition:opacity .6s var(--ease-out-quart);grid-area:1/1}.paf-szene[data-aktiv]{opacity:1;pointer-events:auto}.paf-svg{width:100%;height:auto;display:block;overflow:visible}.paf-text{font-family:var(--font-sans)}.paf-etikett{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-blue);align-items:center;gap:.625rem;margin:0;font-size:.6875rem;display:flex}.paf-etikett:before{content:"";background:currentColor;width:1.5rem;height:1px;display:block}.paf-ansage{min-height:9.5rem;margin-top:.625rem}.paf-satz{color:var(--color-ink);text-wrap:pretty;margin:0;font-size:1.125rem;font-weight:500;line-height:1.35}.paf-fussnote{color:var(--color-fg-subtle);text-wrap:pretty;margin:.375rem 0 0;font-size:.75rem;line-height:1.35}@media (min-width:640px){.paf-ansage{min-height:7.3rem}.paf-satz{font-size:1.1875rem}}@media (min-width:768px){.paf-ansage{min-height:7.8rem}.paf-satz{font-size:1.3125rem}}@media (max-width:374px){.paf-ansage{min-height:11rem}}@media (min-width:1024px) and (max-width:1199px){.paf-ansage{min-height:9.75rem}}.paf-knoepfe{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.75rem;display:flex}.paf-knopf{min-height:2.75rem;color:var(--color-brand-blue);cursor:pointer;background:#fff;border:1px solid #4555aa59;border-radius:999px;align-items:center;gap:.4375rem;padding:0 1rem;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .2s,border-color .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.paf-knopf:hover{background:#4555aa0f;border-color:#4555aa99}}.paf-knopf:focus-visible,.paf-kapitel-knopf:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.paf-knopf-zeichen{flex:none;width:.75rem;height:.75rem}.paf-kapitel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.paf-kapitel{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.paf-kapitel{grid-template-columns:minmax(0,1fr);gap:.375rem}}.paf-kapitel-knopf{text-align:left;width:100%;height:100%;color:var(--color-ink);cursor:pointer;background:#ffffff8c;border:1px solid #141a3a14;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.4rem .5rem;padding:.55rem .7rem;font-size:.8125rem;font-weight:500;line-height:1.25;transition:background-color .2s,border-color .2s;display:grid}@media (min-width:1024px){.paf-kapitel-knopf{background:0 0;border-color:#0000;font-size:.9375rem}}.paf-kapitel-knopf[aria-current]{background:#4555aa14;border-color:#4555aa4d}@media (hover:hover) and (pointer:fine){.paf-kapitel-knopf:hover{background:#4555aa0d}}.paf-kapitel-zusatz{color:var(--color-fg-subtle);grid-column:2;margin-top:-.3rem;font-size:.75rem;font-weight:400}.paf-kapitel-nr{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-brand-blue);font-size:.6875rem}.paf-balken{background:#141a3a1a;border-radius:2px;grid-column:1/-1;height:3px;display:block;overflow:hidden}.paf-balken>span{background:var(--color-brand-blue);transform-origin:0;height:100%;transition:transform .6s linear;display:block}.paf-svg :is(g,circle)[class^=paf-]{transform-box:fill-box;transform-origin:50%}.paf-svg .paf-k1-strahl,.paf-svg .paf-k4-unterschrift,.paf-svg .paf-k4-balken{transform-origin:0}.paf-svg .paf-k1-pfeil{transform-origin:top}.paf-k1-scan,.paf-k2-sonde,.paf-k2-eindringen,.paf-k3-angreifer{opacity:0}.paf-k1-lupe{transform:translate(134px,110px)}.paf-ab-2,.paf-ab-3{transition:opacity .5s var(--ease-out-quart), transform .5s var(--ease-out-expo)}.paf-szene[data-schritt="1"] .paf-ab-2,.paf-szene:is([data-schritt="1"],[data-schritt="2"]) .paf-ab-3{opacity:0;transition-duration:0s;transform:translateY(5px)}.paf-szene:not([data-aktiv]) :is(.paf-ab-2,.paf-ab-3){transition-delay:.6s}@keyframes paf-ein{0%{opacity:0;transform:translateY(6px)}}@keyframes paf-pop{0%{opacity:0;transform:scale(.55)}}@keyframes paf-blende{0%{opacity:0}}@keyframes paf-puls{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes paf-glimmen{0%,to{opacity:1}50%{opacity:.3}}@keyframes paf-wachsen-x{0%{transform:scaleX(0)}}@keyframes paf-wachsen-y{0%{transform:scaleY(0)}}@keyframes paf-dreh{0%{transform:rotate(-360deg)}}@keyframes paf-wackeln{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}@keyframes paf-welle{0%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:scale(1)}}@keyframes paf-scan{0%{opacity:0;transform:translateY(0)}12%,88%{opacity:1}to{opacity:0;transform:translateY(82px)}}@keyframes paf-k1-lupe{0%{opacity:0;transform:translate(232px,50px)}12%{opacity:1}40%,52%{transform:translate(188px,82px)}85%,to{opacity:1;transform:translate(134px,110px)}}@keyframes paf-k2-sonde{0%{opacity:0;transform:translate(82px,68px)}15%,85%{opacity:1}to{opacity:0;transform:translate(108px, var(--y,92px))}}@keyframes paf-k2-eindringen{0%{opacity:0;transform:translate(97px,123px)}10%{opacity:1}35%{transform:translate(110px,92px)}55%{transform:translate(140px,92px)}80%{transform:translate(172px,106px)}92%{opacity:1;transform:translate(182px,120px)}to{opacity:0;transform:translate(182px,122px)}}@keyframes paf-k3-angreifer{0%{opacity:0;transform:translate(37px,58px)}8%{opacity:1}28%,34%{transform:translate(40px,112px)}64%,70%{transform:translate(148px,68px)}86%{transform:translate(175px,98px)}93%{opacity:1;transform:translate(169px,91px)}to{opacity:0;transform:translate(169px,91px)}}.paf-szene[data-kapitel="1"][data-schritt="1"] .paf-k1-pruefer{animation:paf-pop .5s var(--ease-out-expo) .1s both}.paf-szene[data-kapitel="1"][data-schritt="1"] .paf-k1-zahnrad{animation:paf-dreh 2s var(--ease-in-out-quart) .3s both}.paf-szene[data-kapitel="1"][data-schritt="1"] .paf-k1-strahl{animation:paf-wachsen-x .4s var(--ease-out-quart) .5s both}.paf-szene[data-kapitel="1"][data-schritt="1"] .paf-k1-scan{animation:1.8s linear .7s both paf-scan}.paf-szene[data-kapitel="1"][data-schritt="1"] .paf-k1-fund{animation:paf-pop .4s var(--ease-out-expo) both;animation-delay:calc(1.45s + var(--i,0) * .6s)}.paf-szene[data-kapitel="1"][data-schritt="2"] .paf-k1-fachmann{animation:paf-ein .5s var(--ease-out-expo) .1s both}.paf-szene[data-kapitel="1"][data-schritt="2"] .paf-k1-lupe{animation:paf-k1-lupe 2s var(--ease-in-out-quart) .4s both}.paf-szene[data-kapitel="1"][data-schritt="2"] .paf-k1-geprueft{animation:paf-pop .4s var(--ease-out-expo) both;animation-delay:calc(1.25s + var(--i,0) * .9s)}.paf-szene[data-kapitel="1"][data-schritt="2"] .paf-k1-bericht{animation:paf-ein .5s var(--ease-out-expo) 2.3s both}.paf-szene[data-kapitel="1"][data-schritt="2"] .paf-k1-ampel{animation:paf-pop .35s var(--ease-out-expo) both;animation-delay:calc(2.6s + var(--i,0) * .15s)}.paf-szene[data-kapitel="1"][data-schritt="3"] .paf-k1-pfeil{animation:paf-wachsen-y .5s var(--ease-out-quart) .2s both}.paf-szene[data-kapitel="1"][data-schritt="3"] .paf-k1-schloss{animation:paf-pop .4s var(--ease-out-expo) .5s both, paf-puls .6s var(--ease-in-out-quart) 1.1s 2}.paf-szene[data-kapitel="1"][data-schritt="3"] .paf-k1-pentest{animation:paf-pop .4s var(--ease-out-expo) 1.8s both}.paf-szene[data-kapitel="2"][data-schritt="1"] .paf-k2-linie{animation:paf-blende .4s var(--ease-out-quart) both;animation-delay:calc(.2s + var(--i,0) * .5s)}.paf-szene[data-kapitel="2"][data-schritt="1"] .paf-k2-sonde{animation:paf-k2-sonde .6s var(--ease-in-out-quart) both;animation-delay:calc(.3s + var(--i,0) * .5s)}.paf-szene[data-kapitel="2"][data-schritt="1"] .paf-k2-ergebnis{animation:paf-pop .4s var(--ease-out-expo) both;animation-delay:calc(.85s + var(--i,0) * .5s)}.paf-szene[data-kapitel="2"][data-schritt="2"] .paf-k2-kombi{animation:paf-blende .5s var(--ease-out-quart) .2s both}.paf-szene[data-kapitel="2"][data-schritt="2"] .paf-k2-plus{animation:paf-pop .4s var(--ease-out-expo) .5s both}.paf-szene[data-kapitel="2"][data-schritt="2"] .paf-k2-eindringen{animation:paf-k2-eindringen 1.6s var(--ease-in-out-quart) .9s both}.paf-szene[data-kapitel="2"][data-schritt="2"] .paf-k2-weg{animation:paf-blende .5s var(--ease-out-quart) 1.3s both}.paf-szene[data-kapitel="2"][data-schritt="2"] .paf-k2-treffer{animation:paf-pop .45s var(--ease-out-expo) 2.35s both}.paf-szene[data-kapitel="2"][data-schritt="3"] .paf-k2-richtung{animation:paf-blende .5s var(--ease-out-quart) .2s both}.paf-szene[data-kapitel="2"][data-schritt="3"] .paf-k2-ki{animation:paf-puls .6s var(--ease-in-out-quart) .6s 2}.paf-szene[data-kapitel="2"][data-schritt="3"] .paf-k2-kalender{animation:paf-ein .5s var(--ease-out-expo) .9s both}.paf-szene[data-kapitel="2"][data-schritt="3"] .paf-k2-tag{animation:paf-pop .35s var(--ease-out-expo) both;animation-delay:calc(1.4s + var(--i,0) * .4s)}.paf-szene[data-kapitel="3"][data-schritt="1"] .paf-k3-infiziert{animation:paf-blende .6s var(--ease-out-quart) .3s both, paf-glimmen .7s var(--ease-in-out-quart) 1.4s 2}.paf-szene[data-kapitel="3"][data-schritt="1"] .paf-k3-kaefer{animation:paf-pop .4s var(--ease-out-expo) .9s both, paf-puls .6s var(--ease-in-out-quart) 1.4s 2}.paf-szene[data-kapitel="3"][data-schritt="2"] .paf-k3-weg{animation:paf-blende .5s var(--ease-out-quart) .1s both}.paf-szene[data-kapitel="3"][data-schritt="2"] .paf-k3-angreifer{animation:2.6s linear .3s both paf-k3-angreifer}.paf-szene[data-kapitel="3"][data-schritt="2"] .paf-k3-erreicht{animation:paf-pop .45s var(--ease-out-expo) both;animation-delay:calc(1s + var(--i,0) * .95s)}.paf-szene[data-kapitel="3"][data-schritt="2"] .paf-k3-schutz{animation:paf-pop .4s var(--ease-out-expo) 2.4s both, paf-puls .6s var(--ease-in-out-quart) 2.85s}.paf-szene[data-kapitel="3"][data-schritt="3"] .paf-k3-welle{animation:paf-welle 1.2s var(--ease-out-quart) 2 both;animation-delay:calc(.2s + var(--i,0) * .2s)}.paf-szene[data-kapitel="3"][data-schritt="3"] .paf-k3-auftrag{animation:paf-ein .5s var(--ease-out-expo) 1s both}.paf-szene[data-kapitel="3"][data-schritt="3"] .paf-k3-punkt{animation:paf-pop .35s var(--ease-out-expo) both;animation-delay:calc(1.5s + var(--i,0) * .3s)}.paf-szene[data-kapitel="4"][data-schritt="1"] .paf-k4-auftrag{animation:paf-ein .5s var(--ease-out-expo) .1s both}.paf-szene[data-kapitel="4"][data-schritt="1"] .paf-k4-regel{animation:paf-pop .4s var(--ease-out-expo) both;animation-delay:calc(.7s + var(--i,0) * .4s)}.paf-szene[data-kapitel="4"][data-schritt="1"] .paf-k4-unterschrift{animation:paf-wachsen-x .8s var(--ease-in-out-quart) 1.5s both}.paf-szene[data-kapitel="4"][data-schritt="2"] .paf-k4-notfall{animation:paf-pop .45s var(--ease-out-expo) .2s both}.paf-szene[data-kapitel="4"][data-schritt="2"] .paf-k4-hoerer{animation:.5s ease-in-out .8s 3 paf-wackeln}.paf-szene[data-kapitel="4"][data-schritt="2"] .paf-k4-alarm{animation:paf-pop .4s var(--ease-out-expo) .8s both, paf-puls .5s var(--ease-in-out-quart) 1.3s 2}.paf-szene[data-kapitel="4"][data-schritt="2"] .paf-k4-stopp{animation:paf-pop .45s var(--ease-out-expo) 1.7s both}.paf-szene[data-kapitel="4"][data-schritt="3"] .paf-k4-bericht{animation:paf-ein .5s var(--ease-out-expo) .1s both}.paf-szene[data-kapitel="4"][data-schritt="3"] .paf-k4-balken{animation:paf-wachsen-x .5s var(--ease-out-quart) both;animation-delay:calc(.5s + var(--i,0) * .25s)}.paf-szene[data-kapitel="4"][data-schritt="3"] .paf-k4-kreis{animation:paf-dreh 1s var(--ease-in-out-quart) 1.6s both}.paf-szene[data-kapitel="4"][data-schritt="3"] .paf-k4-nachtest-haken{animation:paf-pop .4s var(--ease-out-expo) 2.5s both}.paf[data-pausiert] .paf-szene *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.paf-szene,.paf-szene *,.paf-balken>span{transition-property:opacity!important;animation:none!important}}html.a11y-reduced-motion :is(.paf-szene,.paf-szene *,.paf-balken>span){transition-property:opacity!important;animation:none!important}@media print{.paf-szene *{animation:none!important}}
