.pub-qr{display:grid;justify-items:center;gap:.6rem;margin:0;color:#ffffff9e;font-size:.72rem}.pub-qr p{margin:0}.pub-qr__code{position:relative;width:7.4rem;aspect-ratio:1;padding:.45rem;border-radius:1.15rem;background:#fff;box-shadow:0 1.2rem 2.6rem -1rem #0009}.pub-qr__code img{display:block;width:100%;height:100%;image-rendering:pixelated}.pub-qr__mark{position:absolute;inset:0;display:grid;width:28%;height:28%;margin:auto;padding:3%;border-radius:24%;background:#fff}@media(max-width:47.99rem){.pub-qr{display:none}}.pub-phone{--phone-width: 18rem;width:var(--phone-width);max-width:100%}.pub-phone__frame{position:relative;padding:calc(var(--phone-width) * .035);border-radius:calc(var(--phone-width) * .17);background:linear-gradient(150deg,#3b3b3d,#151515 38%,#1e1e20 70%,#3a3a3c);box-shadow:inset 0 0 0 calc(var(--phone-width) * .005) #6a6a6c,inset 0 0 0 calc(var(--phone-width) * .016) #080808,0 2.5rem 5rem -1.6rem #0000006b,0 1rem 2rem -1rem #00000040}.pub-phone__frame:before,.pub-phone__frame:after{position:absolute;width:calc(var(--phone-width) * .012);content:"";background:#2c2c2e}.pub-phone__frame:before{top:17%;left:calc(var(--phone-width) * -.009);height:4.5%;border-radius:3px 0 0 3px;box-shadow:0 calc(var(--phone-width) * .16) 0 #2c2c2e,0 calc(var(--phone-width) * .29) 0 #2c2c2e}.pub-phone__frame:after{top:26%;right:calc(var(--phone-width) * -.009);height:10%;border-radius:0 3px 3px 0}.pub-phone__screen{position:relative;aspect-ratio:393 / 852;overflow:hidden;border-radius:calc(var(--phone-width) * .135);background:#f7f7f5}.pub-phone__screen video{display:block;width:100%;height:100%;object-fit:cover}.pub-phone__knopf{position:absolute;z-index:1;inset:0;display:grid;place-items:center;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.pub-phone__zeichen{display:grid;width:calc(var(--phone-width) * .2);height:calc(var(--phone-width) * .2);place-items:center;border-radius:50%;background:#1717179e;color:#fff;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s var(--ease-product)}.pub-phone__knopf[data-sichtbar] .pub-phone__zeichen,.pub-phone__knopf:focus-visible .pub-phone__zeichen{opacity:1;transform:none}@media(hover:hover){.pub-phone__knopf:hover .pub-phone__zeichen{opacity:1;transform:none}}.pub-phone__knopf:focus-visible{outline:2px solid var(--color-signal);outline-offset:-3px}.pub-phone__island{position:absolute;top:calc(var(--phone-width) * .061);left:50%;width:calc(var(--phone-width) * .298);height:calc(var(--phone-width) * .087);margin-left:calc(var(--phone-width) * -.149);border-radius:999px;background:#050505}