.pf{--pf-nacht:#0a1428;--pf-gold:#d59b27;--pf-gold-hell:#eab655}.pf-hero,.pf-screens{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(70% 60% at 75% 35%,rgb(41 72 122/.6),transparent 70%),linear-gradient(180deg,#020816 0,var(--pf-nacht) 100%)}.pf-screens{padding-block:3.5rem 4.5rem}.pf-hero__sterne{position:absolute;inset:0;z-index:-1;opacity:.9}.pf-hero__licht{position:absolute;z-index:-1;right:-10%;top:10%;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,rgb(234 182 85/.18),transparent 62%);pointer-events:none}.pf-claim{font-size:.62em;line-height:1.1}.pf-buehne{perspective:1400px}.pf-geraete{position:relative;transform:rotateY(-9deg) rotateX(4deg);transform-style:preserve-3d;filter:drop-shadow(0 40px 60px rgb(0 0 0/.55))}.pf-geraete:after{content:"";position:absolute;inset:8% 6% -4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgb(234 182 85/.28),transparent);filter:blur(30px)}@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .pf-geraete{animation:pf-auftritt 1.2s cubic-bezier(.2,.7,.2,1) both,pf-schweben 7s ease-in-out 1.2s infinite alternate}}@keyframes pf-auftritt{0%{opacity:0;transform:translateY(40px) rotateY(-24deg) rotateX(10deg) scale(.92)}}@keyframes pf-schweben{0%{transform:rotateY(-9deg) rotateX(4deg) translateY(0)}to{transform:rotateY(-5deg) rotateX(2deg) translateY(-12px)}}.pf-karte{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgb(25 46 80/.1);background:#fff;padding:1.5rem;box-shadow:0 24px 60px -45px rgb(25 46 80/.55);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.pf-karte:hover{transform:translateY(-3px);border-color:rgb(213 155 39/.55);box-shadow:0 30px 60px -40px rgb(25 46 80/.6)}.pf-karte__nr{display:block;margin-bottom:.75rem;font-family:var(--font-inter),Arial,sans-serif;font-size:2.25rem;font-weight:900;line-height:1;color:rgb(213 155 39/.3)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html:not([data-motion=paused]) .pf-karte{animation:pf-rein linear both;animation-timeline:view();animation-range:entry 0 entry calc(60% + var(--i, 0) * 4%)}}}@keyframes pf-rein{0%{opacity:0;transform:translateY(36px) scale(.97)}}.pf-screen{box-shadow:0 40px 80px -40px rgb(0 0 0/.8)}@media (min-width:1024px){.pf-screen--handy{margin-left:-6rem;margin-bottom:-1.5rem}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html:not([data-motion=paused]) .pf-screen{animation:pf-rein linear both;animation-timeline:view();animation-range:entry 0 entry 70%}}}.pf-faq{border-radius:1.25rem;border:1px solid rgb(25 46 80/.1);background:#fff}.pf-faq[open]{border-color:rgb(213 155 39/.45)}.pf-faq summary::-webkit-details-marker{display:none}.pf-faq__plus{flex-shrink:0;font-size:1.5rem;line-height:1;color:var(--pf-gold);transition:transform .25s ease}.pf-faq[open] .pf-faq__plus{transform:rotate(45deg)}.pf-kachel{display:block;height:100%;overflow:hidden;border-radius:1.5rem;border:1px solid rgb(25 46 80/.1);background:#fff;box-shadow:0 24px 60px -45px rgb(25 46 80/.55);transition:transform .3s ease,border-color .3s ease}.pf-kachel:focus-visible,.pf-kachel:hover{transform:translateY(-4px);border-color:rgb(213 155 39/.55)}.pf-kachel__bild{display:block;aspect-ratio:480/277;overflow:hidden;background:var(--pf-nacht)}.pf-kachel__bild img{transition:transform .6s ease}.pf-kachel:hover .pf-kachel__bild img{transform:scale(1.05)}.pf-abschluss{position:relative;display:grid;gap:1.5rem;overflow:hidden;border-radius:1.75rem;padding:2rem;color:#fff;background:radial-gradient(120% 140% at 100% 0,rgb(234 182 85/.26),transparent 50%),linear-gradient(135deg,#192e50,var(--pf-nacht))}@media (min-width:1024px){.pf-abschluss{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:3rem}}@media (prefers-reduced-motion:reduce){.pf-faq__plus,.pf-kachel,.pf-kachel__bild img,.pf-karte{transition:none}}