.pfneu .pfk5{position:sticky;top:0;z-index:60;box-sizing:border-box;height:68px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-bottom:1px solid #eceef1;font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:#111827}.pfneu .pfk5>*{animation:pfk5-ein .6s cubic-bezier(.2,.8,.2,1) both}.pfneu .pfk5>:nth-child(2){animation-delay:.08s}.pfneu .pfk5>:nth-child(3){animation-delay:.16s}.pfneu .pfk5 a{text-decoration:none}.pfneu .pfk5-marke{display:flex;align-items:center;gap:10px;justify-self:start;color:#111827}.pfneu .pfk5-marke img{width:38px;height:38px;object-fit:contain;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.pfneu .pfk5-marke:hover img{transform:translateY(-2px) rotate(-8deg)}.pfneu .pfk5-name{font-size:19px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.pfneu .pfk5-zusatz{font-weight:400;color:#6b7280}.pfneu .pfk5-mitte{height:auto;min-height:0;margin:0;background:transparent;z-index:auto;gap:4px}.pfneu .pfk5-demo,.pfneu .pfk5-mitte{position:relative;padding:0;display:flex;align-items:center}.pfneu .pfk5-demo{isolation:isolate;border-radius:999px;color:#101a2c}.pfneu .pfk5-streifen{position:absolute;inset:-24px -70px;z-index:-1;pointer-events:none;opacity:0;transform:scale(.85);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1);-webkit-mask-image:radial-gradient(closest-side,#000 0,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0,rgba(0,0,0,.55) 45%,transparent 100%)}.pfneu .pfk5-wackeln{position:absolute;inset:-20px;animation:pfk5-wobble 3.2s ease-in-out infinite}.pfneu .pfk5-wackeln>span{position:absolute;inset:0}.pfneu .pfk5-s1{background:repeating-linear-gradient(135deg,rgba(16,26,44,.15) 0 1px,transparent 1px 10px);animation:pfk5-a 1.8s linear infinite}.pfneu .pfk5-s2{background:repeating-linear-gradient(135deg,rgba(200,220,0,.55) 0 3px,transparent 3px 20px);mix-blend-mode:multiply;opacity:.27;animation:pfk5-c2 2.6s linear infinite}.pfneu .pfk5-s3{background:repeating-linear-gradient(125deg,rgba(16,26,44,.08) 0 1px,transparent 1px 16px);animation:pfk5-b2 4.2s linear infinite reverse}.pfneu .pfk5-pille{display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:999px;background:#fff;border:1px solid rgba(16,26,44,.12);box-shadow:0 1px 2px rgba(16,26,44,.06);font-size:14px;font-weight:600;letter-spacing:-.01em;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.pfneu .pfk5-play{width:22px;height:22px;flex:none;border-radius:999px;background:#101a2c;box-shadow:0 0 0 0 rgba(233,255,0,0);display:flex;align-items:center;justify-content:center;transition:box-shadow .35s ease}.pfneu .pfk5-play svg{width:8px;height:9px;margin-left:1.5px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.pfneu .pfk5-wackeln,.pfneu .pfk5-wackeln>span{animation-play-state:paused}.pfneu .pfk5-demo:focus-visible .pfk5-wackeln,.pfneu .pfk5-demo:focus-visible .pfk5-wackeln>span,.pfneu .pfk5-demo:hover .pfk5-wackeln,.pfneu .pfk5-demo:hover .pfk5-wackeln>span{animation-play-state:running}.pfneu .pfk5-demo:focus-visible .pfk5-streifen,.pfneu .pfk5-demo:hover .pfk5-streifen{opacity:1;transform:scale(1)}.pfneu .pfk5-demo:focus-visible .pfk5-pille,.pfneu .pfk5-demo:hover .pfk5-pille{transform:translateY(-1px);border-color:rgba(16,26,44,.35);box-shadow:0 8px 20px -10px rgba(16,26,44,.35)}.pfneu .pfk5-demo:focus-visible .pfk5-play,.pfneu .pfk5-demo:hover .pfk5-play{box-shadow:0 0 0 2px rgba(233,255,0,.55),0 0 12px rgba(233,255,0,.7)}.pfneu .pfk5-demo:focus-visible .pfk5-play svg,.pfneu .pfk5-demo:hover .pfk5-play svg{transform:translateX(1px) scale(1.15)}.pfneu .pfk5-demo:focus-visible{outline:2px solid #0f6d63;outline-offset:3px}.pfneu .pfk5 .pfneu-kopf-knoepfe{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0}.pfneu .pfk5 .pfspr-knopf{font-family:inherit;font-size:12px;font-weight:600;line-height:inherit;letter-spacing:normal;color:#4b5563;display:flex;align-items:center;gap:6px;height:auto;padding:5px 8px 5px 9px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;box-shadow:none;transition:border-color .2s,background .2s,box-shadow .2s}.pfneu .pfk5 .pfspr-knopf:hover{border-color:#d1d5db;background:#f9fafb}.pfneu .pfk5 .pfspr-knopf:active{transform:scale(.96)}.pfneu .pfk5 .pfspr-knopf .pfspr-flagge{width:16px;height:11px;border-radius:2px;box-shadow:none}.pfneu .pfk5 .pfspr-knopf-code{letter-spacing:normal}.pfneu .pfk5 .pfspr-pfeil{width:9px;height:9px}.pfneu .pfk5 .pfneu-knopf-hell,.pfneu .pfk5 .pfneu-kopf-textlink{font-family:inherit;font-size:15px;font-weight:500;line-height:inherit;letter-spacing:normal;color:#374151;padding:8px 12px;border:0;border-radius:10px;background:transparent;box-shadow:none;min-height:0;height:auto;transition:background .2s ease,color .2s}.pfneu .pfk5 .pfneu-knopf-hell:hover,.pfneu .pfk5 .pfneu-kopf-textlink:hover{background:#f3f4f6;color:#111827}.pfneu .pfk5 .pfneu-knopf-dunkel{font-family:inherit;font-size:15px;font-weight:600;line-height:inherit;letter-spacing:normal;color:#fff;padding:10px 18px;border:0;border-radius:10px;background:#111827;min-height:0;height:auto;box-shadow:0 1px 2px rgba(17,24,39,.2),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background .2s}.pfneu .pfk5 .pfneu-knopf-dunkel:hover{color:#fff;background:#1f2937;transform:translateY(-1px);box-shadow:0 6px 16px rgba(17,24,39,.22),inset 0 1px 0 rgba(255,255,255,.12)}.pfneu .pfk5 .pfneu-knopf-dunkel:active{transform:translateY(0) scale(.97)}@keyframes pfk5-ein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes pfk5-a{0%{background-position:0 0}to{background-position:14.14px 0}}@keyframes pfk5-c2{0%{background-position:0 0}to{background-position:28.28px 0}}@keyframes pfk5-b2{0%{background-position:0 0}to{background-position:19.53px 0}}@keyframes pfk5-wobble{0%,to{transform:rotate(0deg) scale(1)}33%{transform:rotate(-4deg) scale(1.06)}66%{transform:rotate(3deg) scale(.97)}}@media (max-width:899px){.pfneu .pfk5{height:auto;min-height:60px;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px}.pfneu .pfk5 .pfneu-kopf-knoepfe{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){.pfneu .pfk5 *,.pfneu .pfk5 :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}